suis 0.32.4 → 0.33.0
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs +5 -5
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +8 -3
- package/esm2022/lib/components/suis-notification/suis-notification.interfaces.mjs +1 -1
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +4 -4
- package/esm2022/lib/services/suis-notification.service.mjs +15 -11
- package/fesm2022/suis.mjs +28 -19
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/suis-navigation/suis-navigation.component.d.ts +2 -2
- package/lib/components/suis-notification/suis-notification.component.d.ts +1 -1
- package/lib/components/suis-notification/suis-notification.interfaces.d.ts +1 -0
- package/lib/components/suis-pagination/suis-pagination.component.d.ts +3 -3
- package/lib/services/suis-notification.service.d.ts +9 -6
- package/package.json +1 -1
|
@@ -19,11 +19,11 @@ export class SuisNavigationComponent {
|
|
|
19
19
|
*/
|
|
20
20
|
this.expandable = false;
|
|
21
21
|
/**
|
|
22
|
-
* Adds collapse /
|
|
22
|
+
* Adds collapse / expand logic to navigiaton. By default set to false.
|
|
23
23
|
*/
|
|
24
24
|
this.collapsable = false;
|
|
25
25
|
/**
|
|
26
|
-
* Collapses the navigiation. By default set to false.
|
|
26
|
+
* Collapses the navigiation, when collapsable is enabled. By default set to false.
|
|
27
27
|
*/
|
|
28
28
|
this.collapsed = false;
|
|
29
29
|
/**
|
|
@@ -40,11 +40,11 @@ export class SuisNavigationComponent {
|
|
|
40
40
|
return `${groupItem.label}-${index}`;
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:1.5rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [NgIf, NgFor, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end
|
|
47
|
+
args: [{ selector: 'suis-navigation', standalone: true, imports: [NgIf, NgFor, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:1.5rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"] }]
|
|
48
48
|
}], propDecorators: { suisNavigationItem: [{
|
|
49
49
|
type: ContentChild,
|
|
50
50
|
args: [SuisNavigationItemDirective]
|
|
@@ -61,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
61
|
}], collaspedChange: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU5QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHVCQUF1QjtJQVJwQztRQWFFOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFckM7O1dBRUc7UUFDTSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FXeEQ7SUFUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsZ0JBQWdCLENBQUMsS0FBYSxFQUFFLFNBQWtDO1FBQ2hFLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7K0dBM0NVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDJTQUVwQiwyQkFBMkIsZ0RDdkIzQyxrekJBeUJBLHdzQkRUWSxJQUFJLDZGQUFFLEtBQUssbUhBQUUsNEJBQTRCLDZIQUFFLGlCQUFpQjs7NEZBSzNELHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLDRCQUE0QixFQUFFLGlCQUFpQixDQUFDLG1CQUd0RCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxrQkFBa0I7c0JBRGpCLFlBQVk7dUJBQUMsMkJBQTJCO2dCQU1oQyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtIH0gZnJvbSAnLi4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdGb3IsIFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQsIFN1aXNJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Db21wb25lbnQge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlKVxuICBzdWlzTmF2aWdhdGlvbkl0ZW0/
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1uYXZpZ2F0aW9uL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi9zdWlzLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU5QyxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHVCQUF1QjtJQVJwQztRQWFFOztXQUVHO1FBQ00sVUFBSyxHQUE4QixFQUFFLENBQUM7UUFFL0M7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUV4Qzs7V0FFRztRQUNNLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFckM7O1dBRUc7UUFDTSxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFcEM7O1dBRUc7UUFDTSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7S0FXeEQ7SUFUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxnQkFBZ0I7SUFDaEIsZ0JBQWdCLENBQUMsS0FBYSxFQUFFLFNBQWtDO1FBQ2hFLE9BQU8sR0FBRyxTQUFTLENBQUMsS0FBSyxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3ZDLENBQUM7K0dBM0NVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDJTQUVwQiwyQkFBMkIsZ0RDdkIzQyxrekJBeUJBLHdzQkRUWSxJQUFJLDZGQUFFLEtBQUssbUhBQUUsNEJBQTRCLDZIQUFFLGlCQUFpQjs7NEZBSzNELHVCQUF1QjtrQkFSbkMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLDRCQUE0QixFQUFFLGlCQUFpQixDQUFDLG1CQUd0RCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUsvQyxrQkFBa0I7c0JBRGpCLFlBQVk7dUJBQUMsMkJBQTJCO2dCQU1oQyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nRm9yLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtIH0gZnJvbSAnLi4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmUgfSBmcm9tICcuLi9zdWlzLW5hdmlnYXRpb24taXRlbSc7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdGb3IsIFN1aXNOYXZpZ2F0aW9uR3JvdXBDb21wb25lbnQsIFN1aXNJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25Db21wb25lbnQge1xuICAvKiogQGludGVybmFsICovXG4gIEBDb250ZW50Q2hpbGQoU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlKVxuICBzdWlzTmF2aWdhdGlvbkl0ZW0/OiBTdWlzTmF2aWdhdGlvbkl0ZW1EaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIExpc3Qgb2YgbmF2aWdhdGlvbiBpdGVtcy4gVHlwZSBvZiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdLiBCeSBkZWZhdWx0IHNldCB0byBlbXB0eSBhcnJheS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIENvbmRpdGlvbiB0byBleHBhbmQgZ3JvdXBzIGF0IHZpZXcgaW5pdGlhbGl6YXRpb24uIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRlZEdyb3VwczogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEFkZHMgZXhwYW5kIC8gY29sbGFwc2UgbG9naWMgdG8gZ3JvdXAgaGVhZGVyIGl0ZW1zLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGV4cGFuZGFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkcyBjb2xsYXBzZSAvIGV4cGFuZCBsb2dpYyB0byBuYXZpZ2lhdG9uLiBCeSBkZWZhdWx0IHNldCB0byBmYWxzZS5cbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhcHNhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIENvbGxhcHNlcyB0aGUgbmF2aWdpYXRpb24sIHdoZW4gY29sbGFwc2FibGUgaXMgZW5hYmxlZC4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBjb2xsYXBzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRW1pdHMgb24gY29sbGFwc2VkIHZhbHVlIGNoYW5nZWQuXG4gICAqL1xuICBASW5wdXQoKSBjb2xsYXNwZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgb25Ub2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5jb2xsYXBzZWQgPSAhdGhpcy5jb2xsYXBzZWQ7XG4gICAgdGhpcy5jb2xsYXNwZWRDaGFuZ2UuZW1pdCh0aGlzLmNvbGxhcHNlZCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIGdyb3VwSXRlbVRyYWNrQnkoaW5kZXg6IG51bWJlciwgZ3JvdXBJdGVtOiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGAke2dyb3VwSXRlbS5sYWJlbH0tJHtpbmRleH1gO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uXCJcbiAgW2NsYXNzLnN1aXMtbmF2aWdhdGlvbi0tY29sbGFwc2VkXT1cImNvbGxhcHNhYmxlICYmIGNvbGxhcHNlZFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb25fX2FjdGlvbnNcIj5cbiAgICA8YnV0dG9uICpuZ0lmPVwiY29sbGFwc2FibGVcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIj5cbiAgICAgIDxzdWlzLWljb25cbiAgICAgICAgW3R5cGVdPVwiY29sbGFwc2VkID8gJ2Fycm93LXJpZ2h0JyA6ICdhcnJvdy1sZWZ0J1wiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBzaXplPVwibGdcIlxuICAgICAgPjwvc3Vpcy1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbl9fZ3JvdXBzXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjb2xsYXBzZWRcIj5cbiAgICAgIDxzdWlzLW5hdmlnYXRpb24tZ3JvdXBcbiAgICAgICAgKm5nRm9yPVwibGV0IGdyb3VwSXRlbSBvZiBpdGVtczsgdHJhY2tCeTogZ3JvdXBJdGVtVHJhY2tCeVwiXG4gICAgICAgIFtpdGVtXT1cImdyb3VwSXRlbVwiXG4gICAgICAgIFt0ZW1wbGF0ZVJlZl09XCJzdWlzTmF2aWdhdGlvbkl0ZW0/LnRlbXBsYXRlUmVmXCJcbiAgICAgICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkR3JvdXBzXCJcbiAgICAgICAgW2V4cGFuZGFibGVdPVwiZXhwYW5kYWJsZVwiXG4gICAgICA+PC9zdWlzLW5hdmlnYXRpb24tZ3JvdXA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -5,24 +5,29 @@ import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SuisNotificationComponent {
|
|
7
7
|
constructor() {
|
|
8
|
+
/**
|
|
9
|
+
* Notification item data. Type of SuisNotification.
|
|
10
|
+
*/
|
|
11
|
+
this.notification = null;
|
|
8
12
|
/**
|
|
9
13
|
* Emits on close button action.
|
|
10
14
|
*/
|
|
11
15
|
this.closed = new EventEmitter();
|
|
12
16
|
}
|
|
13
17
|
onClose() {
|
|
18
|
+
this.notification = null;
|
|
14
19
|
this.closed.emit();
|
|
15
20
|
}
|
|
16
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <div class=\"suis-notification__header\">\n <span>\n {{ notification.header }}\n </span>\n <button\n class=\"suis-notification__header__close\"\n type=\"button\"\n (click)=\"onClose()\"\n >\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\n </div>\n <div class=\"suis-notification__message\">\n {{ notification.message }}\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative;font-size:.875rem}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__header{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:1rem}.suis-notification__header__close{background-color:transparent;border:none;cursor:pointer}.suis-notification__header__close:hover{opacity:.75}.suis-notification__message{font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
23
|
}
|
|
19
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationComponent, decorators: [{
|
|
20
25
|
type: Component,
|
|
21
|
-
args: [{ selector: 'suis-notification', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <
|
|
26
|
+
args: [{ selector: 'suis-notification', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <div class=\"suis-notification__header\">\n <span>\n {{ notification.header }}\n </span>\n <button\n class=\"suis-notification__header__close\"\n type=\"button\"\n (click)=\"onClose()\"\n >\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\n </div>\n <div class=\"suis-notification__message\">\n {{ notification.message }}\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative;font-size:.875rem}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__header{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:1rem}.suis-notification__header__close{background-color:transparent;border:none;cursor:pointer}.suis-notification__header__close:hover{opacity:.75}.suis-notification__message{font-size:.875rem}\n"] }]
|
|
22
27
|
}], propDecorators: { notification: [{
|
|
23
28
|
type: Input,
|
|
24
29
|
args: [{ required: true }]
|
|
25
30
|
}], closed: [{
|
|
26
31
|
type: Output
|
|
27
32
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHlCQUF5QjtJQVJ0QztRQVNFOztXQUVHO1FBQ3dCLGlCQUFZLEdBQTZCLElBQUksQ0FBQztRQUV6RTs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBTTdDO0lBSkMsT0FBTztRQUNMLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzsrR0FkVSx5QkFBeUI7bUdBQXpCLHlCQUF5QixzSkNwQnRDLHVqQkFxQkEscXhCRE5ZLElBQUksNkZBQUUsT0FBTywrRUFBRSxlQUFlLG9EQUFFLGlCQUFpQjs7NEZBS2hELHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMsbUJBRzNDLHVCQUF1QixDQUFDLE1BQU07OEJBTXBCLFlBQVk7c0JBQXRDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtmLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbm90aWZpY2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nQ2xhc3MsIFN1aXNOZ0NsYXNzUGlwZSwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBOb3RpZmljYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOb3RpZmljYXRpb24uXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBub3RpZmljYXRpb24/OiBTdWlzTm90aWZpY2F0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGNsb3NlIGJ1dHRvbiBhY3Rpb24uXG4gICAqL1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5ub3RpZmljYXRpb24gPSBudWxsO1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cIm5vdGlmaWNhdGlvblwiXG4gIGNsYXNzPVwic3Vpcy1ub3RpZmljYXRpb25cIlxuICBbbmdDbGFzc109XCInc3Vpcy1ub3RpZmljYXRpb24nIHwgc3Vpc05nQ2xhc3MgOiBub3RpZmljYXRpb24udHlwZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvbl9faGVhZGVyXCI+XG4gICAgPHNwYW4+XG4gICAgICB7eyBub3RpZmljYXRpb24uaGVhZGVyIH19XG4gICAgPC9zcGFuPlxuICAgIDxidXR0b25cbiAgICAgIGNsYXNzPVwic3Vpcy1ub3RpZmljYXRpb25fX2hlYWRlcl9fY2xvc2VcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAoY2xpY2spPVwib25DbG9zZSgpXCJcbiAgICA+XG4gICAgICA8c3Vpcy1pY29uIHR5cGU9XCJjcm9zc1wiIFtjb2xvcl09XCInd2hpdGUnXCIgW3NpemVdPVwiJ2xnJ1wiPjwvc3Vpcy1pY29uPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbm90aWZpY2F0aW9uX19tZXNzYWdlXCI+XG4gICAge3sgbm90aWZpY2F0aW9uLm1lc3NhZ2UgfX1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb24vc3Vpcy1ub3RpZmljYXRpb24uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLnR5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBTdWlzTm90aWZpY2F0aW9uIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGVyOiBzdHJpbmc7XG4gIG1lc3NhZ2U6IHN0cmluZztcbiAgdHlwZTogU3Vpc05vdGlmaWNhdGlvblR5cGU7XG4gIGRlbGF5OiBudW1iZXI7XG59XG4iXX0=
|
|
@@ -23,7 +23,7 @@ export class SuisPaginationComponent {
|
|
|
23
23
|
*/
|
|
24
24
|
this.page = 1;
|
|
25
25
|
/**
|
|
26
|
-
* Number of items presented per page. By default set to 15.
|
|
26
|
+
* Number of items presented per page. Value must be included in perPageOptions. By default set to 15.
|
|
27
27
|
*/
|
|
28
28
|
this.perPage = 15;
|
|
29
29
|
/**
|
|
@@ -35,11 +35,11 @@ export class SuisPaginationComponent {
|
|
|
35
35
|
*/
|
|
36
36
|
this.totalItems = 0;
|
|
37
37
|
/**
|
|
38
|
-
* Sets the of label "1 'of' 25". By default set to 'of'.
|
|
38
|
+
* Sets the of label in "1 'of' 25". By default set to 'of'.
|
|
39
39
|
*/
|
|
40
40
|
this.ofLabel = 'of';
|
|
41
41
|
/**
|
|
42
|
-
* Sets the
|
|
42
|
+
* Sets the items label in "1-10 'of' 25 'items'". By default set to 'Page'.
|
|
43
43
|
*/
|
|
44
44
|
this.itemsLabel = 'items';
|
|
45
45
|
/**
|
|
@@ -117,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
117
117
|
}], perPageChange: [{
|
|
118
118
|
type: Output
|
|
119
119
|
}] } });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1wYWdpbmF0aW9uL3N1aXMtcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtcGFnaW5hdGlvbi9zdWlzLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUVOLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFrQmhFLE1BQU0sT0FBTyx1QkFBdUI7SUFoQnBDO1FBaUJtQixlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRWpELGdCQUFnQjtRQUNoQjs7V0FFRztRQUNILFlBQU8sR0FBVyxDQUFDLENBQUM7UUFFcEI7O1dBRUc7UUFDTSxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBRTFCOztXQUVHO1FBQ00sWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUU5Qjs7V0FFRztRQUNNLG1CQUFjLEdBQWEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVyRDs7V0FFRztRQUNNLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxZQUFPLEdBQVcsSUFBSSxDQUFDO1FBRWhDOztXQUVHO1FBQ00sZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUV0Qzs7V0FFRztRQUNPLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWxEOztXQUVHO1FBQ08sa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXJELGdCQUFnQjtRQUNoQixtQkFBYyxHQUFHLElBQUksV0FBVyxDQUFTLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDckQsV0FBVyxFQUFFLElBQUk7U0FDbEIsQ0FBQyxDQUFDO0tBcUNKO0lBbkNDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVk7YUFDN0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3pELElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUM1QztJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYTtRQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQzsrR0F4RlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsK1RDckNwQyx1N0JBOEJBLDBnQkRMSSxtQkFBbUIsMFRBQ25CLGlCQUFpQixrSUFDakIsbUJBQW1CLG1EQUNuQixzQkFBc0Isc0RBQ3RCLHVCQUF1Qix1REFDdkIsZ0NBQWdDLG9FQUNoQyxnQkFBZ0I7OzRGQU1QLHVCQUF1QjtrQkFoQm5DLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsdUJBQXVCO3dCQUN2QixnQ0FBZ0M7d0JBQ2hDLGdCQUFnQjtxQkFDakIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBY3RDLElBQUk7c0JBQVosS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtJLFVBQVU7c0JBQW5CLE1BQU07Z0JBS0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIERlc3Ryb3lSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1idXR0b24nO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzUGFnaW5hdGlvblBhZ2VQaXBlIH0gZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24tcGFnZS5waXBlJztcbmltcG9ydCB7IFN1aXNQYWdpbmF0aW9uSXRlbXNQaXBlIH0gZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24taXRlbXMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QnO1xuaW1wb3J0IHsgU3Vpc1BhZ2luYXRpb25QZXJQYWdlT3B0aW9uc1BpcGUgfSBmcm9tICcuL3N1aXMtcGFnaW5hdGlvbi1wZXItcGFnZS1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtcGFnaW5hdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFN1aXNJY29uQ29tcG9uZW50LFxuICAgIFN1aXNCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1BhZ2luYXRpb25QYWdlUGlwZSxcbiAgICBTdWlzUGFnaW5hdGlvbkl0ZW1zUGlwZSxcbiAgICBTdWlzUGFnaW5hdGlvblBlclBhZ2VPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgLyoqXG4gICAqIE51bWJlciBvZiB0aGUgbWF4aW11bSBwYWdlIHRoYXQgY2FuIGJlIHJlYWNoZWQgYmFzZWQgb24gdG90YWxJdGVtcyBhbmQgcGVyUGFnZSB2YWx1ZXMuXG4gICAqL1xuICBtYXhQYWdlOiBudW1iZXIgPSAxO1xuXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgdGhlIHBhZ2UgcHJlc2VudGVkLiBCeSBkZWZhdWx0IHNldCB0byAxLlxuICAgKi9cbiAgQElucHV0KCkgcGFnZTogbnVtYmVyID0gMTtcblxuICAvKipcbiAgICogTnVtYmVyIG9mIGl0ZW1zIHByZXNlbnRlZCBwZXIgcGFnZS4gVmFsdWUgbXVzdCBiZSBpbmNsdWRlZCBpbiBwZXJQYWdlT3B0aW9ucy4gQnkgZGVmYXVsdCBzZXQgdG8gMTUuXG4gICAqL1xuICBASW5wdXQoKSBwZXJQYWdlOiBudW1iZXIgPSAxNTtcblxuICAvKipcbiAgICogT3B0aW9ucyBvZiBwZXJQYWdlIGRyb3Bkb3duLiBCZSBkZWZhdWx0IHNldCB0byBbMTAsIDE1LCAyMCwgMjVdLlxuICAgKi9cbiAgQElucHV0KCkgcGVyUGFnZU9wdGlvbnM6IG51bWJlcltdID0gWzEwLCAxNSwgMjAsIDI1XTtcblxuICAvKipcbiAgICogTnVtYmVyIG9mIHRvdGFsIGl0ZW1zIGluIGRhdGEgc291cmNlLiBCeSBkZWZhdWx0IHNldCB0byAwLlxuICAgKi9cbiAgQElucHV0KCkgdG90YWxJdGVtczogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogU2V0cyB0aGUgb2YgbGFiZWwgaW4gXCIxICdvZicgMjVcIi4gQnkgZGVmYXVsdCBzZXQgdG8gJ29mJy5cbiAgICovXG4gIEBJbnB1dCgpIG9mTGFiZWw6IHN0cmluZyA9ICdvZic7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGl0ZW1zIGxhYmVsIGluIFwiMS0xMCAnb2YnIDI1ICdpdGVtcydcIi4gQnkgZGVmYXVsdCBzZXQgdG8gJ1BhZ2UnLlxuICAgKi9cbiAgQElucHV0KCkgaXRlbXNMYWJlbDogc3RyaW5nID0gJ2l0ZW1zJztcblxuICAvKipcbiAgICogRW1pdHMgb24gcGFnZSB2YWx1ZSBjaGFuZ2UuXG4gICAqL1xuICBAT3V0cHV0KCkgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBwZXJQYWdlIHZhbHVlIGNoYW5nZS5cbiAgICovXG4gIEBPdXRwdXQoKSBwZXJQYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwZXJQYWdlQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbDxudW1iZXI+KHRoaXMucGVyUGFnZSwge1xuICAgIG5vbk51bGxhYmxlOiB0cnVlLFxuICB9KTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnBlclBhZ2VDb250cm9sLnZhbHVlQ2hhbmdlc1xuICAgICAgLnBpcGUodGFrZVVudGlsRGVzdHJveWVkKHRoaXMuZGVzdHJveVJlZikpXG4gICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgICB0aGlzLm9uUGVyUGFnZUNoYW5nZSh2YWx1ZSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1sndG90YWxJdGVtcyddIHx8IGNoYW5nZXNbJ3BlclBhZ2UnXSkge1xuICAgICAgdGhpcy5tYXhQYWdlID0gTWF0aC5jZWlsKHRoaXMudG90YWxJdGVtcyAvIHRoaXMucGVyUGFnZSk7XG4gICAgICB0aGlzLnBlclBhZ2VDb250cm9sLnNldFZhbHVlKHRoaXMucGVyUGFnZSk7XG4gICAgfVxuICB9XG5cbiAgbmV4dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYWdlIDwgdGhpcy5tYXhQYWdlKSB7XG4gICAgICB0aGlzLnBhZ2UrKztcbiAgICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KHRoaXMucGFnZSk7XG4gICAgfVxuICB9XG5cbiAgcHJldmlvdXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucGFnZSA+IDEpIHtcbiAgICAgIHRoaXMucGFnZS0tO1xuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5wYWdlKTtcbiAgICB9XG4gIH1cblxuICBvblBlclBhZ2VDaGFuZ2UodmFsdWU6IG51bWJlcikge1xuICAgIHRoaXMucGFnZSA9IDE7XG4gICAgdGhpcy5wZXJQYWdlID0gdmFsdWU7XG4gICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5wYWdlKTtcbiAgICB0aGlzLnBlclBhZ2VDaGFuZ2UuZW1pdCh0aGlzLnBlclBhZ2UpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1wYWdpbmF0aW9uXCI+XG4gIDxkaXY+XG4gICAgPHN1aXMtc2VsZWN0XG4gICAgICBbZm9ybUNvbnRyb2xdPVwicGVyUGFnZUNvbnRyb2xcIlxuICAgICAgW29wdGlvbnNdPVwicGVyUGFnZU9wdGlvbnMgfCBzdWlzUGFnaW5hdGlvblBlclBhZ2VPcHRpb25zXCJcbiAgICAgIFtzZWFyY2hdPVwiZmFsc2VcIlxuICAgICAgW251bGxhYmxlXT1cImZhbHNlXCJcbiAgICA+PC9zdWlzLXNlbGVjdD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXBhZ2luYXRpb25fX2FjdGlvbnNcIj5cbiAgICA8c3Vpcy1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIiBbZGlzYWJsZWRdPVwicGFnZSA9PT0gMVwiIChjbGljayk9XCJwcmV2aW91cygpXCI+XG4gICAgICA8c3Vpcy1pY29uIFt0eXBlXT1cIidjaGV2cm9uLWxlZnQnXCIgY29sb3I9XCJ3aGl0ZVwiPjwvc3Vpcy1pY29uPlxuICAgIDwvc3Vpcy1idXR0b24+XG4gICAgPGRpdj5cbiAgICAgIHt7IG9mTGFiZWwgfCBzdWlzUGFnaW5hdGlvblBhZ2UgOiBwYWdlIDogcGVyUGFnZSA6IHRvdGFsSXRlbXMgfX1cbiAgICA8L2Rpdj5cbiAgICA8c3Vpcy1idXR0b25cbiAgICAgIGNvbG9yPVwic2Vjb25kYXJ5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJwYWdlID09PSBtYXhQYWdlXCJcbiAgICAgIChjbGljayk9XCJuZXh0KClcIlxuICAgID5cbiAgICAgIDxzdWlzLWljb24gW3R5cGVdPVwiJ2NoZXZyb24tcmlnaHQnXCIgY29sb3I9XCJ3aGl0ZVwiPjwvc3Vpcy1pY29uPlxuICAgIDwvc3Vpcy1idXR0b24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1wYWdpbmF0aW9uX19pdGVtc1wiPlxuICAgIHt7XG4gICAgICBvZkxhYmVsIHwgc3Vpc1BhZ2luYXRpb25JdGVtcyA6IHBhZ2UgOiBwZXJQYWdlIDogdG90YWxJdGVtcyA6IGl0ZW1zTGFiZWxcbiAgICB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -13,27 +13,30 @@ export class SuisNotificationService {
|
|
|
13
13
|
}
|
|
14
14
|
/**
|
|
15
15
|
* Adds success notification
|
|
16
|
-
* @param
|
|
16
|
+
* @param header text displayed in the notification header
|
|
17
|
+
* @param message text displayed in the notification message
|
|
17
18
|
* @param delay time in ms after notification will be destroyed
|
|
18
19
|
*/
|
|
19
|
-
success(message, delay = 2500) {
|
|
20
|
-
this.addNotification(message, delay, 'success');
|
|
20
|
+
success(header, message, delay = 2500) {
|
|
21
|
+
this.addNotification(header, message, delay, 'success');
|
|
21
22
|
}
|
|
22
23
|
/**
|
|
23
24
|
* Adds warning notification
|
|
24
|
-
* @param
|
|
25
|
+
* @param header text displayed in the notification header
|
|
26
|
+
* @param message text displayed in the notification message
|
|
25
27
|
* @param delay time in ms after notification will be destroyed
|
|
26
28
|
*/
|
|
27
|
-
warning(message, delay = 2500) {
|
|
28
|
-
this.addNotification(message, delay, 'warning');
|
|
29
|
+
warning(header, message, delay = 2500) {
|
|
30
|
+
this.addNotification(header, message, delay, 'warning');
|
|
29
31
|
}
|
|
30
32
|
/**
|
|
31
33
|
* Adds danger notification
|
|
32
|
-
* @param
|
|
34
|
+
* @param header text displayed in the notification header
|
|
35
|
+
* @param message text displayed in the notification message
|
|
33
36
|
* @param delay time in ms after notification will be destroyed
|
|
34
37
|
*/
|
|
35
|
-
danger(message, delay = 2500) {
|
|
36
|
-
this.addNotification(message, delay, 'danger');
|
|
38
|
+
danger(header, message, delay = 2500) {
|
|
39
|
+
this.addNotification(header, message, delay, 'danger');
|
|
37
40
|
}
|
|
38
41
|
/**
|
|
39
42
|
* Removes notification immediately
|
|
@@ -47,9 +50,10 @@ export class SuisNotificationService {
|
|
|
47
50
|
return `suis-notification--${UNIQUE_ID++}`;
|
|
48
51
|
}
|
|
49
52
|
/** @internal */
|
|
50
|
-
addNotification(message, delay, type) {
|
|
53
|
+
addNotification(header, message, delay, type) {
|
|
51
54
|
const notification = {
|
|
52
55
|
id: this.getId(),
|
|
56
|
+
header: header,
|
|
53
57
|
message: message,
|
|
54
58
|
delay: delay,
|
|
55
59
|
type: type,
|
|
@@ -75,4 +79,4 @@ export class SuisNotificationService {
|
|
|
75
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationService, decorators: [{
|
|
76
80
|
type: Injectable
|
|
77
81
|
}] });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL3NlcnZpY2VzL3N1aXMtbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBa0IsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQUkzRSxJQUFJLFNBQVMsR0FBRyxDQUFDLENBQUM7QUFHbEIsTUFBTSxPQUFPLHVCQUF1QjtJQURwQztRQUVVLGtCQUFhLEdBQXVDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztLQXFGeEU7SUFuRkM7O09BRUc7SUFDSCxnQkFBZ0I7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsT0FBTyxDQUFDLE1BQWMsRUFBRSxPQUFlLEVBQUUsUUFBZ0IsSUFBSTtRQUMzRCxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILE9BQU8sQ0FBQyxNQUFjLEVBQUUsT0FBZSxFQUFFLFFBQWdCLElBQUk7UUFDM0QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSCxNQUFNLENBQUMsTUFBYyxFQUFFLE9BQWUsRUFBRSxRQUFnQixJQUFJO1FBQzFELElBQUksQ0FBQyxlQUFlLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVEOzs7T0FHRztJQUNILHVCQUF1QixDQUFDLEVBQVU7UUFDaEMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxnQkFBZ0I7SUFDUixLQUFLO1FBQ1gsT0FBTyxzQkFBc0IsU0FBUyxFQUFFLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsZ0JBQWdCO0lBQ1IsZUFBZSxDQUNyQixNQUFjLEVBQ2QsT0FBZSxFQUNmLEtBQWEsRUFDYixJQUEwQjtRQUUxQixNQUFNLFlBQVksR0FBcUI7WUFDckMsRUFBRSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDaEIsTUFBTSxFQUFFLE1BQU07WUFDZCxPQUFPLEVBQUUsT0FBTztZQUNoQixLQUFLLEVBQUUsS0FBSztZQUNaLElBQUksRUFBRSxJQUFJO1NBQ1gsQ0FBQztRQUVGLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQztRQUVoRSxJQUFJLENBQUMsMkJBQTJCLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVELGdCQUFnQjtJQUNSLGtCQUFrQixDQUFDLEVBQVU7UUFDbkMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUM7WUFDckIsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsWUFBWSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQztTQUN6RSxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZ0JBQWdCO0lBQ1IsMkJBQTJCLENBQUMsRUFBVSxFQUFFLEtBQWE7UUFDM0QsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5QixDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDWixDQUFDOytHQXJGVSx1QkFBdUI7bUhBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFEbkMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIFdyaXRhYmxlU2lnbmFsLCBzaWduYWwsIFNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb24vc3Vpcy1ub3RpZmljYXRpb24uaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBTdWlzTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4uL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb24vc3Vpcy1ub3RpZmljYXRpb24udHlwZXMnO1xuXG5sZXQgVU5JUVVFX0lEID0gMTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFN1aXNOb3RpZmljYXRpb25TZXJ2aWNlIHtcbiAgcHJpdmF0ZSBub3RpZmljYXRpb25zOiBXcml0YWJsZVNpZ25hbDxTdWlzTm90aWZpY2F0aW9uW10+ID0gc2lnbmFsKFtdKTtcblxuICAvKipcbiAgICogQHJldHVybnMgYXJyYXkgb2YgdGhlIGN1cnJlbnQgbm90aWZpY2F0aW9ucy4gVHlwZSBvZiBTdWlzTm90aWZpY2F0aW9uW10uXG4gICAqL1xuICBnZXROb3RpZmljYXRpb25zKCk6IFNpZ25hbDxTdWlzTm90aWZpY2F0aW9uW10+IHtcbiAgICByZXR1cm4gdGhpcy5ub3RpZmljYXRpb25zLmFzUmVhZG9ubHkoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBBZGRzIHN1Y2Nlc3Mgbm90aWZpY2F0aW9uXG4gICAqIEBwYXJhbSBoZWFkZXIgdGV4dCBkaXNwbGF5ZWQgaW4gdGhlIG5vdGlmaWNhdGlvbiBoZWFkZXJcbiAgICogQHBhcmFtIG1lc3NhZ2UgdGV4dCBkaXNwbGF5ZWQgaW4gdGhlIG5vdGlmaWNhdGlvbiBtZXNzYWdlXG4gICAqIEBwYXJhbSBkZWxheSB0aW1lIGluIG1zIGFmdGVyIG5vdGlmaWNhdGlvbiB3aWxsIGJlIGRlc3Ryb3llZFxuICAgKi9cbiAgc3VjY2VzcyhoZWFkZXI6IHN0cmluZywgbWVzc2FnZTogc3RyaW5nLCBkZWxheTogbnVtYmVyID0gMjUwMCk6IHZvaWQge1xuICAgIHRoaXMuYWRkTm90aWZpY2F0aW9uKGhlYWRlciwgbWVzc2FnZSwgZGVsYXksICdzdWNjZXNzJyk7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyB3YXJuaW5nIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gaGVhZGVyIHRleHQgZGlzcGxheWVkIGluIHRoZSBub3RpZmljYXRpb24gaGVhZGVyXG4gICAqIEBwYXJhbSBtZXNzYWdlIHRleHQgZGlzcGxheWVkIGluIHRoZSBub3RpZmljYXRpb24gbWVzc2FnZVxuICAgKiBAcGFyYW0gZGVsYXkgdGltZSBpbiBtcyBhZnRlciBub3RpZmljYXRpb24gd2lsbCBiZSBkZXN0cm95ZWRcbiAgICovXG4gIHdhcm5pbmcoaGVhZGVyOiBzdHJpbmcsIG1lc3NhZ2U6IHN0cmluZywgZGVsYXk6IG51bWJlciA9IDI1MDApOiB2b2lkIHtcbiAgICB0aGlzLmFkZE5vdGlmaWNhdGlvbihoZWFkZXIsIG1lc3NhZ2UsIGRlbGF5LCAnd2FybmluZycpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgZGFuZ2VyIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gaGVhZGVyIHRleHQgZGlzcGxheWVkIGluIHRoZSBub3RpZmljYXRpb24gaGVhZGVyXG4gICAqIEBwYXJhbSBtZXNzYWdlIHRleHQgZGlzcGxheWVkIGluIHRoZSBub3RpZmljYXRpb24gbWVzc2FnZVxuICAgKiBAcGFyYW0gZGVsYXkgdGltZSBpbiBtcyBhZnRlciBub3RpZmljYXRpb24gd2lsbCBiZSBkZXN0cm95ZWRcbiAgICovXG4gIGRhbmdlcihoZWFkZXI6IHN0cmluZywgbWVzc2FnZTogc3RyaW5nLCBkZWxheTogbnVtYmVyID0gMjUwMCk6IHZvaWQge1xuICAgIHRoaXMuYWRkTm90aWZpY2F0aW9uKGhlYWRlciwgbWVzc2FnZSwgZGVsYXksICdkYW5nZXInKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIG5vdGlmaWNhdGlvbiBpbW1lZGlhdGVseVxuICAgKiBAcGFyYW0gaWQgaWQgb2YgdGhlIG5vdGlmaWNhdGlvbiB0byBiZSByZW1vdmVkXG4gICAqL1xuICBmb3JjZVJlbW92ZU5vdGlmaWNhdGlvbihpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5yZW1vdmVOb3RpZmljYXRpb24oaWQpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcml2YXRlIGdldElkKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBzdWlzLW5vdGlmaWNhdGlvbi0tJHtVTklRVUVfSUQrK31gO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcml2YXRlIGFkZE5vdGlmaWNhdGlvbihcbiAgICBoZWFkZXI6IHN0cmluZyxcbiAgICBtZXNzYWdlOiBzdHJpbmcsXG4gICAgZGVsYXk6IG51bWJlcixcbiAgICB0eXBlOiBTdWlzTm90aWZpY2F0aW9uVHlwZVxuICApOiB2b2lkIHtcbiAgICBjb25zdCBub3RpZmljYXRpb246IFN1aXNOb3RpZmljYXRpb24gPSB7XG4gICAgICBpZDogdGhpcy5nZXRJZCgpLFxuICAgICAgaGVhZGVyOiBoZWFkZXIsXG4gICAgICBtZXNzYWdlOiBtZXNzYWdlLFxuICAgICAgZGVsYXk6IGRlbGF5LFxuICAgICAgdHlwZTogdHlwZSxcbiAgICB9O1xuXG4gICAgdGhpcy5ub3RpZmljYXRpb25zLnNldChbLi4udGhpcy5ub3RpZmljYXRpb25zKCksIG5vdGlmaWNhdGlvbl0pO1xuXG4gICAgdGhpcy5yZW1vdmVOb3RpZmljYXRpb25XaXRoRGVsYXkobm90aWZpY2F0aW9uLmlkLCBub3RpZmljYXRpb24uZGVsYXkpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcml2YXRlIHJlbW92ZU5vdGlmaWNhdGlvbihpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zLnNldChbXG4gICAgICAuLi50aGlzLm5vdGlmaWNhdGlvbnMoKS5maWx0ZXIoKG5vdGlmaWNhdGlvbikgPT4gbm90aWZpY2F0aW9uLmlkICE9PSBpZCksXG4gICAgXSk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByaXZhdGUgcmVtb3ZlTm90aWZpY2F0aW9uV2l0aERlbGF5KGlkOiBzdHJpbmcsIGRlbGF5OiBudW1iZXIpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMucmVtb3ZlTm90aWZpY2F0aW9uKGlkKTtcbiAgICB9LCBkZWxheSk7XG4gIH1cbn1cbiJdfQ==
|
package/fesm2022/suis.mjs
CHANGED
|
@@ -496,27 +496,30 @@ class SuisNotificationService {
|
|
|
496
496
|
}
|
|
497
497
|
/**
|
|
498
498
|
* Adds success notification
|
|
499
|
-
* @param
|
|
499
|
+
* @param header text displayed in the notification header
|
|
500
|
+
* @param message text displayed in the notification message
|
|
500
501
|
* @param delay time in ms after notification will be destroyed
|
|
501
502
|
*/
|
|
502
|
-
success(message, delay = 2500) {
|
|
503
|
-
this.addNotification(message, delay, 'success');
|
|
503
|
+
success(header, message, delay = 2500) {
|
|
504
|
+
this.addNotification(header, message, delay, 'success');
|
|
504
505
|
}
|
|
505
506
|
/**
|
|
506
507
|
* Adds warning notification
|
|
507
|
-
* @param
|
|
508
|
+
* @param header text displayed in the notification header
|
|
509
|
+
* @param message text displayed in the notification message
|
|
508
510
|
* @param delay time in ms after notification will be destroyed
|
|
509
511
|
*/
|
|
510
|
-
warning(message, delay = 2500) {
|
|
511
|
-
this.addNotification(message, delay, 'warning');
|
|
512
|
+
warning(header, message, delay = 2500) {
|
|
513
|
+
this.addNotification(header, message, delay, 'warning');
|
|
512
514
|
}
|
|
513
515
|
/**
|
|
514
516
|
* Adds danger notification
|
|
515
|
-
* @param
|
|
517
|
+
* @param header text displayed in the notification header
|
|
518
|
+
* @param message text displayed in the notification message
|
|
516
519
|
* @param delay time in ms after notification will be destroyed
|
|
517
520
|
*/
|
|
518
|
-
danger(message, delay = 2500) {
|
|
519
|
-
this.addNotification(message, delay, 'danger');
|
|
521
|
+
danger(header, message, delay = 2500) {
|
|
522
|
+
this.addNotification(header, message, delay, 'danger');
|
|
520
523
|
}
|
|
521
524
|
/**
|
|
522
525
|
* Removes notification immediately
|
|
@@ -530,9 +533,10 @@ class SuisNotificationService {
|
|
|
530
533
|
return `suis-notification--${UNIQUE_ID++}`;
|
|
531
534
|
}
|
|
532
535
|
/** @internal */
|
|
533
|
-
addNotification(message, delay, type) {
|
|
536
|
+
addNotification(header, message, delay, type) {
|
|
534
537
|
const notification = {
|
|
535
538
|
id: this.getId(),
|
|
539
|
+
header: header,
|
|
536
540
|
message: message,
|
|
537
541
|
delay: delay,
|
|
538
542
|
type: type,
|
|
@@ -1287,11 +1291,11 @@ class SuisNavigationComponent {
|
|
|
1287
1291
|
*/
|
|
1288
1292
|
this.expandable = false;
|
|
1289
1293
|
/**
|
|
1290
|
-
* Adds collapse /
|
|
1294
|
+
* Adds collapse / expand logic to navigiaton. By default set to false.
|
|
1291
1295
|
*/
|
|
1292
1296
|
this.collapsable = false;
|
|
1293
1297
|
/**
|
|
1294
|
-
* Collapses the navigiation. By default set to false.
|
|
1298
|
+
* Collapses the navigiation, when collapsable is enabled. By default set to false.
|
|
1295
1299
|
*/
|
|
1296
1300
|
this.collapsed = false;
|
|
1297
1301
|
/**
|
|
@@ -1308,11 +1312,11 @@ class SuisNavigationComponent {
|
|
|
1308
1312
|
return `${groupItem.label}-${index}`;
|
|
1309
1313
|
}
|
|
1310
1314
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end
|
|
1315
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationComponent, isStandalone: true, selector: "suis-navigation", inputs: { items: "items", expandedGroups: "expandedGroups", expandable: "expandable", collapsable: "collapsable", collapsed: "collapsed", collaspedChange: "collaspedChange" }, queries: [{ propertyName: "suisNavigationItem", first: true, predicate: SuisNavigationItemDirective, descendants: true }], ngImport: i0, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:1.5rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNavigationGroupComponent, selector: "suis-navigation-group", inputs: ["item", "templateRef", "expanded", "expandable"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1312
1316
|
}
|
|
1313
1317
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationComponent, decorators: [{
|
|
1314
1318
|
type: Component,
|
|
1315
|
-
args: [{ selector: 'suis-navigation', standalone: true, imports: [NgIf, NgFor, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end
|
|
1319
|
+
args: [{ selector: 'suis-navigation', standalone: true, imports: [NgIf, NgFor, SuisNavigationGroupComponent, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-navigation\"\n [class.suis-navigation--collapsed]=\"collapsable && collapsed\"\n>\n <div class=\"suis-navigation__actions\">\n <button *ngIf=\"collapsable\" type=\"button\" (click)=\"onToggle()\">\n <suis-icon\n [type]=\"collapsed ? 'arrow-right' : 'arrow-left'\"\n color=\"white\"\n size=\"lg\"\n ></suis-icon>\n </button>\n </div>\n <div class=\"suis-navigation__groups\">\n <ng-container *ngIf=\"!collapsed\">\n <suis-navigation-group\n *ngFor=\"let groupItem of items; trackBy: groupItemTrackBy\"\n [item]=\"groupItem\"\n [templateRef]=\"suisNavigationItem?.templateRef\"\n [expanded]=\"expandedGroups\"\n [expandable]=\"expandable\"\n ></suis-navigation-group>\n </ng-container>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;height:100%}.suis-navigation{width:100%;min-width:16rem;max-width:16rem;background-color:#192a56;color:#fff;height:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column}.suis-navigation--collapsed{min-width:3.25rem;max-width:3.25rem}.suis-navigation__groups{overflow-y:auto}.suis-navigation__actions{display:flex;justify-content:flex-end}.suis-navigation__actions button{margin-bottom:1.5rem;background-color:transparent;border-radius:.25rem;border:0}.suis-navigation__actions button:hover{cursor:pointer}\n"] }]
|
|
1316
1320
|
}], propDecorators: { suisNavigationItem: [{
|
|
1317
1321
|
type: ContentChild,
|
|
1318
1322
|
args: [SuisNavigationItemDirective]
|
|
@@ -1345,20 +1349,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1345
1349
|
|
|
1346
1350
|
class SuisNotificationComponent {
|
|
1347
1351
|
constructor() {
|
|
1352
|
+
/**
|
|
1353
|
+
* Notification item data. Type of SuisNotification.
|
|
1354
|
+
*/
|
|
1355
|
+
this.notification = null;
|
|
1348
1356
|
/**
|
|
1349
1357
|
* Emits on close button action.
|
|
1350
1358
|
*/
|
|
1351
1359
|
this.closed = new EventEmitter();
|
|
1352
1360
|
}
|
|
1353
1361
|
onClose() {
|
|
1362
|
+
this.notification = null;
|
|
1354
1363
|
this.closed.emit();
|
|
1355
1364
|
}
|
|
1356
1365
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1357
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <
|
|
1366
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationComponent, isStandalone: true, selector: "suis-notification", inputs: { notification: "notification" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <div class=\"suis-notification__header\">\n <span>\n {{ notification.header }}\n </span>\n <button\n class=\"suis-notification__header__close\"\n type=\"button\"\n (click)=\"onClose()\"\n >\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\n </div>\n <div class=\"suis-notification__message\">\n {{ notification.message }}\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative;font-size:.875rem}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__header{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:1rem}.suis-notification__header__close{background-color:transparent;border:none;cursor:pointer}.suis-notification__header__close:hover{opacity:.75}.suis-notification__message{font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1358
1367
|
}
|
|
1359
1368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationComponent, decorators: [{
|
|
1360
1369
|
type: Component,
|
|
1361
|
-
args: [{ selector: 'suis-notification', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <
|
|
1370
|
+
args: [{ selector: 'suis-notification', standalone: true, imports: [NgIf, NgClass, SuisNgClassPipe, SuisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"notification\"\n class=\"suis-notification\"\n [ngClass]=\"'suis-notification' | suisNgClass : notification.type\"\n>\n <div class=\"suis-notification__header\">\n <span>\n {{ notification.header }}\n </span>\n <button\n class=\"suis-notification__header__close\"\n type=\"button\"\n (click)=\"onClose()\"\n >\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\n </div>\n <div class=\"suis-notification__message\">\n {{ notification.message }}\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative;font-size:.875rem}.suis-notification--success{background-color:#2ed573}.suis-notification--warning{background-color:#ffa502}.suis-notification--danger{background-color:#ff4757}.suis-notification__header{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;margin-bottom:1rem}.suis-notification__header__close{background-color:transparent;border:none;cursor:pointer}.suis-notification__header__close:hover{opacity:.75}.suis-notification__message{font-size:.875rem}\n"] }]
|
|
1362
1371
|
}], propDecorators: { notification: [{
|
|
1363
1372
|
type: Input,
|
|
1364
1373
|
args: [{ required: true }]
|
|
@@ -1772,7 +1781,7 @@ class SuisPaginationComponent {
|
|
|
1772
1781
|
*/
|
|
1773
1782
|
this.page = 1;
|
|
1774
1783
|
/**
|
|
1775
|
-
* Number of items presented per page. By default set to 15.
|
|
1784
|
+
* Number of items presented per page. Value must be included in perPageOptions. By default set to 15.
|
|
1776
1785
|
*/
|
|
1777
1786
|
this.perPage = 15;
|
|
1778
1787
|
/**
|
|
@@ -1784,11 +1793,11 @@ class SuisPaginationComponent {
|
|
|
1784
1793
|
*/
|
|
1785
1794
|
this.totalItems = 0;
|
|
1786
1795
|
/**
|
|
1787
|
-
* Sets the of label "1 'of' 25". By default set to 'of'.
|
|
1796
|
+
* Sets the of label in "1 'of' 25". By default set to 'of'.
|
|
1788
1797
|
*/
|
|
1789
1798
|
this.ofLabel = 'of';
|
|
1790
1799
|
/**
|
|
1791
|
-
* Sets the
|
|
1800
|
+
* Sets the items label in "1-10 'of' 25 'items'". By default set to 'Page'.
|
|
1792
1801
|
*/
|
|
1793
1802
|
this.itemsLabel = 'items';
|
|
1794
1803
|
/**
|