suis 0.30.1 → 0.31.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +4 -1
- package/esm2022/lib/components/index.mjs +3 -1
- package/esm2022/lib/components/suis-accordion/suis-accordion.component.mjs +7 -9
- package/esm2022/lib/components/suis-alert/suis-alert.component.mjs +7 -9
- package/esm2022/lib/components/suis-box/suis-box.component.mjs +5 -6
- package/esm2022/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.mjs +8 -10
- package/esm2022/lib/components/suis-button/suis-button.component.mjs +7 -9
- package/esm2022/lib/components/suis-button-link/suis-button-link.component.mjs +8 -10
- package/esm2022/lib/components/suis-button-outlined/suis-button-outlined.component.mjs +7 -9
- package/esm2022/lib/components/suis-chip/suis-chip.component.mjs +7 -9
- package/esm2022/lib/components/suis-container/suis-container.component.mjs +6 -8
- package/esm2022/lib/components/suis-dialog/index.mjs +2 -0
- package/esm2022/lib/components/suis-dialog/suis-dialog.component.mjs +62 -0
- package/esm2022/lib/components/suis-dialog-container/index.mjs +3 -0
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.component.mjs +17 -0
- package/esm2022/lib/components/suis-dialog-container/suis-dialog-container.interfaces.mjs +2 -0
- package/esm2022/lib/components/suis-form-field/suis-form-field.component.mjs +7 -9
- package/esm2022/lib/components/suis-icon/suis-icon-type.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-icon/suis-icon.component.mjs +7 -9
- package/esm2022/lib/components/suis-input/suis-input.component.mjs +7 -9
- package/esm2022/lib/components/suis-input-checkbox/suis-input-checkbox.component.mjs +8 -10
- package/esm2022/lib/components/suis-input-chips/suis-input-chips.component.mjs +10 -11
- package/esm2022/lib/components/suis-input-image/suis-input-image.component.mjs +8 -10
- package/esm2022/lib/components/suis-input-number/suis-input-number.component.mjs +7 -9
- package/esm2022/lib/components/suis-input-radio/suis-input-radio.component.mjs +7 -9
- package/esm2022/lib/components/suis-item/suis-item.component.mjs +6 -8
- package/esm2022/lib/components/suis-label/suis-label.component.mjs +7 -9
- package/esm2022/lib/components/suis-navigation/suis-navigation.component.mjs +7 -9
- package/esm2022/lib/components/suis-navigation/suis-navigation.module.mjs +6 -7
- package/esm2022/lib/components/suis-navigation-group/suis-navigation-group.component.mjs +8 -9
- package/esm2022/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs +8 -10
- package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.component.mjs +8 -10
- package/esm2022/lib/components/suis-navigation-item/suis-navigation-item.directive.mjs +5 -6
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +7 -9
- package/esm2022/lib/components/suis-notifications/suis-notifications.component.mjs +7 -9
- package/esm2022/lib/components/suis-pagination/suis-pagination-items.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-pagination/suis-pagination-page.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-pagination/suis-pagination-per-page-options.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-pagination/suis-pagination.component.mjs +5 -8
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.component.mjs +7 -9
- package/esm2022/lib/components/suis-progress-bar/suis-progress-bar.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-select/suis-select-is-selected.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-select/suis-select-label.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +11 -12
- package/esm2022/lib/components/suis-select/suis-select.module.mjs +6 -7
- package/esm2022/lib/components/suis-select-multi/suis-select-multi-chips.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-select-multi/suis-select-multi-is-selected.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.component.mjs +11 -12
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.module.mjs +6 -7
- package/esm2022/lib/components/suis-select-option/suis-select-option.component.mjs +7 -9
- package/esm2022/lib/components/suis-select-option/suis-select-option.directive.mjs +5 -6
- package/esm2022/lib/components/suis-spinner/suis-spinner.component.mjs +7 -9
- package/esm2022/lib/components/suis-spinner-container/suis-spinner-container.component.mjs +6 -8
- package/esm2022/lib/components/suis-table/suis-table-cell.directive.mjs +5 -6
- package/esm2022/lib/components/suis-table/suis-table-column.directive.mjs +5 -6
- package/esm2022/lib/components/suis-table/suis-table.component.mjs +13 -9
- package/esm2022/lib/components/suis-table/suis-table.module.mjs +6 -7
- package/esm2022/lib/components/suis-tabs/suis-tab-actions.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-tabs/suis-tab-template.pipe.mjs +5 -6
- package/esm2022/lib/components/suis-tabs/suis-tab.directive.mjs +5 -6
- package/esm2022/lib/components/suis-tabs/suis-tabs.component.mjs +7 -9
- package/esm2022/lib/components/suis-tabs/suis-tabs.module.mjs +6 -7
- package/esm2022/lib/components/suis-text-area/suis-text-area.component.mjs +7 -9
- package/esm2022/lib/components/suis-title/suis-title.component.mjs +6 -8
- package/esm2022/lib/components/suis-toggle/suis-toggle.component.mjs +7 -9
- package/esm2022/lib/components/suis-toolbar/suis-toolbar.component.mjs +6 -8
- package/esm2022/lib/pipes/suis-ng-class.pipe.mjs +5 -6
- package/esm2022/lib/services/index.mjs +2 -1
- package/esm2022/lib/services/suis-dialog.service.mjs +36 -0
- package/esm2022/lib/services/suis-notification.service.mjs +5 -6
- package/esm2022/lib/shared/classes/suis-button.base.mjs +5 -6
- package/esm2022/lib/shared/classes/suis-checkbox.base.mjs +5 -6
- package/esm2022/lib/shared/classes/suis-input.base.mjs +5 -6
- package/esm2022/lib/shared/classes/suis-select.base.mjs +5 -6
- package/esm2022/lib/shared/pipes/suis-select-filter-options.pipe.mjs +5 -6
- package/esm2022/lib/shared/pipes/suis-select-sort-options.pipe.mjs +5 -6
- package/fesm2022/suis.mjs +444 -334
- package/fesm2022/suis.mjs.map +1 -1
- package/lib/components/index.d.ts +2 -0
- package/lib/components/suis-dialog/index.d.ts +1 -0
- package/lib/components/suis-dialog/suis-dialog.component.d.ts +30 -0
- package/lib/components/suis-dialog-container/index.d.ts +2 -0
- package/lib/components/suis-dialog-container/suis-dialog-container.component.d.ts +9 -0
- package/lib/components/suis-dialog-container/suis-dialog-container.interfaces.d.ts +7 -0
- package/lib/services/index.d.ts +1 -0
- package/lib/services/suis-dialog.service.d.ts +24 -0
- package/package.json +5 -5
package/esm2022/lib/components/suis-navigation-group-item/suis-navigation-group-item.component.mjs
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, TemplateRef, } from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
3
3
|
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
4
4
|
import { RouterModule } from '@angular/router';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@angular/
|
7
|
-
|
8
|
-
class SuisNavigationGroupItemComponent {
|
6
|
+
import * as i1 from "@angular/router";
|
7
|
+
export class SuisNavigationGroupItemComponent {
|
9
8
|
constructor() {
|
10
9
|
/**
|
11
10
|
* Controlls styling of the item based on expanded state of group. By default set to true.
|
@@ -26,13 +25,12 @@ class SuisNavigationGroupItemComponent {
|
|
26
25
|
this.expanded = !this.expanded;
|
27
26
|
this.expandedChange.emit(this.expanded);
|
28
27
|
}
|
29
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationGroupItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationGroupItemComponent, isStandalone: true, selector: "suis-navigation-group-item", inputs: { item: "item", templateRef: "templateRef", expanded: "expanded", expandable: "expandable" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-group-item\"\n [routerLink]=\"expandable ? undefined : item.link\"\n routerLinkActive=\"active\"\n (click)=\"onToggle()\"\n>\n <div class=\"suis-navigation-group-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n <suis-icon\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"white\"\n ></suis-icon>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;border-radius:.25rem;position:relative;cursor:pointer;font-size:1rem;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item:hover{background-color:#273c75d9}.suis-navigation-group-item.active{background-color:#273c75;color:#fff;font-weight:600}.suis-navigation-group-item.active:hover{background-color:#273c75}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
31
30
|
}
|
32
|
-
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationGroupItemComponent, decorators: [{
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationGroupItemComponent, decorators: [{
|
34
32
|
type: Component,
|
35
|
-
args: [{ selector: 'suis-navigation-group-item', standalone: true, imports: [
|
33
|
+
args: [{ selector: 'suis-navigation-group-item', standalone: true, imports: [NgIf, NgTemplateOutlet, SuisIconComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-group-item\"\n [routerLink]=\"expandable ? undefined : item.link\"\n routerLinkActive=\"active\"\n (click)=\"onToggle()\"\n>\n <div class=\"suis-navigation-group-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n <div *ngIf=\"expandable\" class=\"suis-navigation-group-item__actions\">\n <suis-icon\n [type]=\"expanded ? 'chevron-up' : 'chevron-down'\"\n size=\"lg\"\n color=\"white\"\n ></suis-icon>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-group-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;border-radius:.25rem;position:relative;cursor:pointer;font-size:1rem;border-bottom:.0625rem solid #273c75}.suis-navigation-group-item:hover{background-color:#273c75d9}.suis-navigation-group-item.active{background-color:#273c75;color:#fff;font-weight:600}.suis-navigation-group-item.active:hover{background-color:#273c75}\n"] }]
|
36
34
|
}], propDecorators: { item: [{
|
37
35
|
type: Input
|
38
36
|
}], templateRef: [{
|
@@ -44,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
44
42
|
}], expandedChange: [{
|
45
43
|
type: Output
|
46
44
|
}] } });
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFLekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFVL0MsTUFBTSxPQUFPLGdDQUFnQztJQVI3QztRQW1CRTs7V0FFRztRQUNNLGFBQVEsR0FBWSxJQUFJLENBQUM7UUFFbEM7O1dBRUc7UUFDTSxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRXJDOztXQUVHO1FBQ08sbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBUXhEO0lBTkMsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVTtZQUFFLE9BQU87UUFFN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7K0dBL0JVLGdDQUFnQzttR0FBaEMsZ0NBQWdDLDJPQ3hCN0MsK3RCQXlCQSxvckJETlksSUFBSSw2RkFBRSxnQkFBZ0Isb0pBQUUsaUJBQWlCLGlJQUFFLFlBQVk7OzRGQUt0RCxnQ0FBZ0M7a0JBUjVDLFNBQVM7K0JBQ0UsNEJBQTRCLGNBQzFCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxpQkFBaUIsRUFBRSxZQUFZLENBQUMsbUJBR2pELHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIFN1aXNOYXZpZ2F0aW9uR3JvdXBJdGVtLFxuICBTdWlzTmF2aWdhdGlvbkl0ZW0sXG59IGZyb20gJy4uL3N1aXMtbmF2aWdhdGlvbi1pdGVtJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdUZW1wbGF0ZU91dGxldCwgU3Vpc0ljb25Db21wb25lbnQsIFJvdXRlck1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBOYXZpZ2F0aW9uIGl0ZW0gZGF0YS4gVHlwZSBvZiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW0/OiBTdWlzTmF2aWdhdGlvbkdyb3VwSXRlbTtcblxuICAvKipcbiAgICogVGVtcGxhdGUgdG8gYmUgZGlzcGxheWVkIGluc3RlYWQgb2YgaXRlbSdzIGxhYmVsLnNcbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNOYXZpZ2F0aW9uSXRlbSB9PjtcblxuICAvKipcbiAgICogQ29udHJvbGxzIHN0eWxpbmcgb2YgdGhlIGl0ZW0gYmFzZWQgb24gZXhwYW5kZWQgc3RhdGUgb2YgZ3JvdXAuIEJ5IGRlZmF1bHQgc2V0IHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRlZDogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEFkZHMgZXhwYW5kIC8gY29sbGFwc2UgbG9naWMgdG8gaXRlbS4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBleHBhbmRhYmxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEVtaXRzIHdoZW4gZXhwYW5kZWQgdmFsdWUgb2YgdGhlIGl0ZW0gaGFzIGJlZW4gY2hhbmdlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBleHBhbmRlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBvblRvZ2dsZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZXhwYW5kYWJsZSkgcmV0dXJuO1xuXG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIHRoaXMuZXhwYW5kZWRDaGFuZ2UuZW1pdCh0aGlzLmV4cGFuZGVkKTtcbiAgfVxufVxuIiwiPGFcbiAgKm5nSWY9XCJpdGVtXCJcbiAgY2xhc3M9XCJzdWlzLW5hdmlnYXRpb24tZ3JvdXAtaXRlbVwiXG4gIFtyb3V0ZXJMaW5rXT1cImV4cGFuZGFibGUgPyB1bmRlZmluZWQgOiBpdGVtLmxpbmtcIlxuICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgKGNsaWNrKT1cIm9uVG9nZ2xlKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWdyb3VwLWl0ZW1fX2NvbnRlbnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGVtcGxhdGVSZWY7IGVsc2UgbGFiZWxcIj5cbiAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVJlZjsgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0gfVwiXG4gICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNsYWJlbD5cbiAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbiAgPGRpdiAqbmdJZj1cImV4cGFuZGFibGVcIiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1ncm91cC1pdGVtX19hY3Rpb25zXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiZXhwYW5kZWQgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJ1wiXG4gICAgICBzaXplPVwibGdcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgPjwvc3Vpcy1pY29uPlxuICA8L2Rpdj5cbjwvYT5cbiJdfQ==
|
@@ -1,20 +1,18 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input, TemplateRef, } from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { NgIf, NgTemplateOutlet } from '@angular/common';
|
3
3
|
import { RouterModule } from '@angular/router';
|
4
4
|
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@angular/
|
6
|
-
|
7
|
-
|
8
|
-
static { this.ɵ
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisNavigationItemComponent, isStandalone: true, selector: "suis-navigation-item", inputs: { item: "item", templateRef: "templateRef" }, ngImport: i0, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-item\"\n [routerLink]=\"item.link\"\n routerLinkActive=\"active\"\n>\n <div class=\"suis-navigation-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;border-radius:.25rem;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#273c75d9}.suis-navigation-item.active{background-color:#273c75;color:#fff;font-weight:600}.suis-navigation-item.active:hover{background-color:#273c75}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
5
|
+
import * as i1 from "@angular/router";
|
6
|
+
export class SuisNavigationItemComponent {
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationItemComponent, isStandalone: true, selector: "suis-navigation-item", inputs: { item: "item", templateRef: "templateRef" }, ngImport: i0, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-item\"\n [routerLink]=\"item.link\"\n routerLinkActive=\"active\"\n>\n <div class=\"suis-navigation-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;border-radius:.25rem;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#273c75d9}.suis-navigation-item.active{background-color:#273c75;color:#fff;font-weight:600}.suis-navigation-item.active:hover{background-color:#273c75}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
10
9
|
}
|
11
|
-
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemComponent, decorators: [{
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationItemComponent, decorators: [{
|
13
11
|
type: Component,
|
14
|
-
args: [{ selector: 'suis-navigation-item', standalone: true, imports: [
|
12
|
+
args: [{ selector: 'suis-navigation-item', standalone: true, imports: [NgIf, NgTemplateOutlet, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n *ngIf=\"item\"\n class=\"suis-navigation-item\"\n [routerLink]=\"item.link\"\n routerLinkActive=\"active\"\n>\n <div class=\"suis-navigation-item__content\">\n <ng-container *ngIf=\"templateRef; else label\">\n <ng-container\n *ngTemplateOutlet=\"templateRef; context: { $implicit: item }\"\n ></ng-container>\n </ng-container>\n <ng-template #label>\n {{ item.label }}\n </ng-template>\n </div>\n</a>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{display:block;width:100%}.suis-navigation-item{display:flex;justify-content:space-between;padding:1rem;color:#fff;font-size:.875rem;text-decoration:none;text-transform:uppercase;width:100%;border-radius:.25rem;position:relative;cursor:pointer;padding:.75rem 1rem .75rem 2rem}.suis-navigation-item:hover{background-color:#273c75d9}.suis-navigation-item.active{background-color:#273c75;color:#fff;font-weight:600}.suis-navigation-item.active:hover{background-color:#273c75}\n"] }]
|
15
13
|
}], propDecorators: { item: [{
|
16
14
|
type: Input
|
17
15
|
}], templateRef: [{
|
18
16
|
type: Input
|
19
17
|
}] } });
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbmF2aWdhdGlvbi1pdGVtL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVy9DLE1BQU0sT0FBTywyQkFBMkI7K0dBQTNCLDJCQUEyQjttR0FBM0IsMkJBQTJCLHNJQ2xCeEMsa2NBaUJBLHdvQkRKWSxJQUFJLDZGQUFFLGdCQUFnQixtSkFBRSxZQUFZOzs0RkFLbkMsMkJBQTJCO2tCQVJ2QyxTQUFTOytCQUNFLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxDQUFDLG1CQUc5Qix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBUZW1wbGF0ZVJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTdWlzTmF2aWdhdGlvbkl0ZW0gfSBmcm9tICcuL3N1aXMtbmF2aWdhdGlvbi1pdGVtLmludGVyZmFjZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5hdmlnYXRpb24taXRlbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ1RlbXBsYXRlT3V0bGV0LCBSb3V0ZXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5hdmlnYXRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25JdGVtQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIE5hdmlnYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOYXZpZ2F0aW9uSXRlbS5cbiAgICovXG4gIEBJbnB1dCgpIGl0ZW0/OiBTdWlzTmF2aWdhdGlvbkl0ZW07XG5cbiAgLyoqXG4gICAqIFRlbXBsYXRlIHRvIGJlIGRpc3BsYXllZCBpbnN0ZWFkIG9mIGl0ZW0ncyBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHRlbXBsYXRlUmVmPzogVGVtcGxhdGVSZWY8eyAkaW1wbGljaXQ6IFN1aXNOYXZpZ2F0aW9uSXRlbSB9Pjtcbn1cbiIsIjxhXG4gICpuZ0lmPVwiaXRlbVwiXG4gIGNsYXNzPVwic3Vpcy1uYXZpZ2F0aW9uLWl0ZW1cIlxuICBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIlxuICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtbmF2aWdhdGlvbi1pdGVtX19jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRlbXBsYXRlUmVmOyBlbHNlIGxhYmVsXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVSZWY7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBpdGVtIH1cIlxuICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjbGFiZWw+XG4gICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG48L2E+XG4iXX0=
|
@@ -1,21 +1,20 @@
|
|
1
1
|
import { Directive, TemplateRef, inject } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
class SuisNavigationItemDirective {
|
3
|
+
export class SuisNavigationItemDirective {
|
4
4
|
constructor() {
|
5
5
|
/**
|
6
6
|
* Custom template of the item.
|
7
7
|
*/
|
8
8
|
this.templateRef = inject((TemplateRef));
|
9
9
|
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SuisNavigationItemDirective, isStandalone: true, selector: "[suisNavigationItem]", ngImport: i0 }); }
|
12
12
|
}
|
13
|
-
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNavigationItemDirective, decorators: [{
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNavigationItemDirective, decorators: [{
|
15
14
|
type: Directive,
|
16
15
|
args: [{
|
17
16
|
selector: '[suisNavigationItem]',
|
18
17
|
standalone: true,
|
19
18
|
}]
|
20
19
|
}] });
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5hdmlnYXRpb24taXRlbS9zdWlzLW5hdmlnYXRpb24taXRlbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8vRCxNQUFNLE9BQU8sMkJBQTJCO0lBSnhDO1FBS0U7O1dBRUc7UUFDYSxnQkFBVyxHQUFHLE1BQU0sQ0FDbEMsQ0FBQSxXQUE4QyxDQUFBLENBQy9DLENBQUM7S0FDSDsrR0FQWSwyQkFBMkI7bUdBQTNCLDJCQUEyQjs7NEZBQTNCLDJCQUEyQjtrQkFKdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFRlbXBsYXRlUmVmLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1aXNOYXZpZ2F0aW9uSXRlbSB9IGZyb20gJy4vc3Vpcy1uYXZpZ2F0aW9uLWl0ZW0uaW50ZXJmYWNlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWlzTmF2aWdhdGlvbkl0ZW1dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05hdmlnYXRpb25JdGVtRGlyZWN0aXZlIHtcbiAgLyoqXG4gICAqIEN1c3RvbSB0ZW1wbGF0ZSBvZiB0aGUgaXRlbS5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSB0ZW1wbGF0ZVJlZiA9IGluamVjdChcbiAgICBUZW1wbGF0ZVJlZjx7ICRpbXBsaWNpdDogU3Vpc05hdmlnYXRpb25JdGVtIH0+XG4gICk7XG59XG4iXX0=
|
@@ -1,10 +1,9 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { NgClass, NgIf } from '@angular/common';
|
3
3
|
import { SuisNgClassPipe } from '../../pipes';
|
4
4
|
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
|
7
|
-
class SuisNotificationComponent {
|
6
|
+
export class SuisNotificationComponent {
|
8
7
|
constructor() {
|
9
8
|
/**
|
10
9
|
* Emits on close button action.
|
@@ -14,17 +13,16 @@ class SuisNotificationComponent {
|
|
14
13
|
onClose() {
|
15
14
|
this.closed.emit();
|
16
15
|
}
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
16
|
+
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 <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\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__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:flex-end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\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 }); }
|
19
18
|
}
|
20
|
-
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationComponent, decorators: [{
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationComponent, decorators: [{
|
22
20
|
type: Component,
|
23
|
-
args: [{ selector: 'suis-notification', standalone: true, imports: [
|
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 <button class=\"suis-notification__close\" type=\"button\" (click)=\"onClose()\">\n <suis-icon type=\"cross\" [color]=\"'white'\" [size]=\"'lg'\"></suis-icon>\n </button>\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__close{position:absolute;top:0;right:0;width:100%;padding:.75rem;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:flex-end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"] }]
|
24
22
|
}], propDecorators: { notification: [{
|
25
23
|
type: Input,
|
26
24
|
args: [{ required: true }]
|
27
25
|
}], closed: [{
|
28
26
|
type: Output
|
29
27
|
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFaEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVckUsTUFBTSxPQUFPLHlCQUF5QjtJQVJ0QztRQWNFOztXQUVHO1FBQ08sV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FLN0M7SUFIQyxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOytHQWJVLHlCQUF5QjttR0FBekIseUJBQXlCLHNKQ3BCdEMsNlpBWUEscXRCREdZLElBQUksNkZBQUUsT0FBTywrRUFBRSxlQUFlLG9EQUFFLGlCQUFpQjs7NEZBS2hELHlCQUF5QjtrQkFSckMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUMsbUJBRzNDLHVCQUF1QixDQUFDLE1BQU07OEJBTXBCLFlBQVk7c0JBQXRDLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUtmLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbm90aWZpY2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nSWYsIE5nQ2xhc3MsIFN1aXNOZ0NsYXNzUGlwZSwgU3Vpc0ljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc05vdGlmaWNhdGlvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBOb3RpZmljYXRpb24gaXRlbSBkYXRhLiBUeXBlIG9mIFN1aXNOb3RpZmljYXRpb24uXG4gICAqL1xuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KSBub3RpZmljYXRpb24/OiBTdWlzTm90aWZpY2F0aW9uO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBjbG9zZSBidXR0b24gYWN0aW9uLlxuICAgKi9cbiAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBvbkNsb3NlKCkge1xuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICAqbmdJZj1cIm5vdGlmaWNhdGlvblwiXG4gIGNsYXNzPVwic3Vpcy1ub3RpZmljYXRpb25cIlxuICBbbmdDbGFzc109XCInc3Vpcy1ub3RpZmljYXRpb24nIHwgc3Vpc05nQ2xhc3MgOiBub3RpZmljYXRpb24udHlwZVwiXG4+XG4gIDxidXR0b24gY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvbl9fY2xvc2VcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgIDxzdWlzLWljb24gdHlwZT1cImNyb3NzXCIgW2NvbG9yXT1cIid3aGl0ZSdcIiBbc2l6ZV09XCInbGcnXCI+PC9zdWlzLWljb24+XG4gIDwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwic3Vpcy1ub3RpZmljYXRpb25fX21lc3NhZ2VcIj5cbiAgICB7eyBub3RpZmljYXRpb24ubWVzc2FnZSB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
@@ -1,10 +1,9 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, inject, } from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { NgFor } from '@angular/common';
|
3
3
|
import { SuisNotificationComponent } from '../suis-notification/suis-notification.component';
|
4
4
|
import { SuisNotificationService } from '../../services/suis-notification.service';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
|
7
|
-
class SuisNotificationsComponent {
|
6
|
+
export class SuisNotificationsComponent {
|
8
7
|
constructor() {
|
9
8
|
this.notificationService = inject(SuisNotificationService);
|
10
9
|
this.notifications = this.notificationService.getNotifications();
|
@@ -16,12 +15,11 @@ class SuisNotificationsComponent {
|
|
16
15
|
notificationTrackBy(index, notification) {
|
17
16
|
return notification.id;
|
18
17
|
}
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisNotificationsComponent, isStandalone: true, selector: "suis-notifications", ngImport: i0, template: "<suis-notification\n *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n [notification]=\"notification\"\n (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:absolute;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNotificationComponent, selector: "suis-notification", inputs: ["notification"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
21
20
|
}
|
22
|
-
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationsComponent, decorators: [{
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisNotificationsComponent, decorators: [{
|
24
22
|
type: Component,
|
25
|
-
args: [{ selector: 'suis-notifications', standalone: true, imports: [
|
23
|
+
args: [{ selector: 'suis-notifications', standalone: true, imports: [NgFor, SuisNotificationComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<suis-notification\n *ngFor=\"let notification of notifications(); trackBy: notificationTrackBy\"\n [notification]=\"notification\"\n (closed)=\"remove(notification.id)\"\n></suis-notification>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host{position:absolute;bottom:0;right:0;padding:1rem}:host suis-notification{display:block;margin-top:.75rem}\n"] }]
|
26
24
|
}] });
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb25zL3N1aXMtbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9ucy9zdWlzLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV4QyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUM3RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFVbkYsTUFBTSxPQUFPLDBCQUEwQjtJQVJ2QztRQVNtQix3QkFBbUIsR0FBRyxNQUFNLENBQUMsdUJBQXVCLENBQUMsQ0FBQztRQUV2RSxrQkFBYSxHQUNYLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0tBVS9DO0lBUkMsTUFBTSxDQUFDLEVBQVU7UUFDZixJQUFJLENBQUMsbUJBQW1CLENBQUMsdUJBQXVCLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELGdCQUFnQjtJQUNoQixtQkFBbUIsQ0FBQyxLQUFhLEVBQUUsWUFBOEI7UUFDL0QsT0FBTyxZQUFZLENBQUMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7K0dBYlUsMEJBQTBCO21HQUExQiwwQkFBMEIsOEVDbkJ2Qyx3TUFLQSx5UkRTWSxLQUFLLG1IQUFFLHlCQUF5Qjs7NEZBSy9CLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsS0FBSyxFQUFFLHlCQUF5QixDQUFDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgU2lnbmFsLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvbiB9IGZyb20gJy4uL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzTm90aWZpY2F0aW9uU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3N1aXMtbm90aWZpY2F0aW9uLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLW5vdGlmaWNhdGlvbnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdGb3IsIFN1aXNOb3RpZmljYXRpb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTm90aWZpY2F0aW9uc0NvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgbm90aWZpY2F0aW9uU2VydmljZSA9IGluamVjdChTdWlzTm90aWZpY2F0aW9uU2VydmljZSk7XG5cbiAgbm90aWZpY2F0aW9uczogU2lnbmFsPFN1aXNOb3RpZmljYXRpb25bXT4gPVxuICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS5nZXROb3RpZmljYXRpb25zKCk7XG5cbiAgcmVtb3ZlKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm5vdGlmaWNhdGlvblNlcnZpY2UuZm9yY2VSZW1vdmVOb3RpZmljYXRpb24oaWQpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBub3RpZmljYXRpb25UcmFja0J5KGluZGV4OiBudW1iZXIsIG5vdGlmaWNhdGlvbjogU3Vpc05vdGlmaWNhdGlvbik6IHN0cmluZyB7XG4gICAgcmV0dXJuIG5vdGlmaWNhdGlvbi5pZDtcbiAgfVxufVxuIiwiPHN1aXMtbm90aWZpY2F0aW9uXG4gICpuZ0Zvcj1cImxldCBub3RpZmljYXRpb24gb2Ygbm90aWZpY2F0aW9ucygpOyB0cmFja0J5OiBub3RpZmljYXRpb25UcmFja0J5XCJcbiAgW25vdGlmaWNhdGlvbl09XCJub3RpZmljYXRpb25cIlxuICAoY2xvc2VkKT1cInJlbW92ZShub3RpZmljYXRpb24uaWQpXCJcbj48L3N1aXMtbm90aWZpY2F0aW9uPlxuIl19
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { Pipe } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
class SuisPaginationItemsPipe {
|
3
|
+
export class SuisPaginationItemsPipe {
|
4
4
|
transform(ofLabel, page, perPage, totalItems, itemsLabel) {
|
5
5
|
if (totalItems <= 0)
|
6
6
|
return `0-0 ${ofLabel} 0 ${itemsLabel}`;
|
@@ -8,15 +8,14 @@ class SuisPaginationItemsPipe {
|
|
8
8
|
const maxItem = page * perPage > totalItems ? totalItems : page * perPage;
|
9
9
|
return `${minItem}-${maxItem} ${ofLabel} ${totalItems} ${itemsLabel}`;
|
10
10
|
}
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
12
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationItemsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
12
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationItemsPipe, isStandalone: true, name: "suisPaginationItems" }); }
|
13
13
|
}
|
14
|
-
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisPaginationItemsPipe, decorators: [{
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationItemsPipe, decorators: [{
|
16
15
|
type: Pipe,
|
17
16
|
args: [{
|
18
17
|
standalone: true,
|
19
18
|
name: 'suisPaginationItems',
|
20
19
|
}]
|
21
20
|
}] });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLWl0ZW1zLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtcGFnaW5hdGlvbi9zdWlzLXBhZ2luYXRpb24taXRlbXMucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFNcEQsTUFBTSxPQUFPLHVCQUF1QjtJQUNsQyxTQUFTLENBQ1AsT0FBZSxFQUNmLElBQVksRUFDWixPQUFlLEVBQ2YsVUFBa0IsRUFDbEIsVUFBa0I7UUFFbEIsSUFBSSxVQUFVLElBQUksQ0FBQztZQUFFLE9BQU8sT0FBTyxPQUFPLE1BQU0sVUFBVSxFQUFFLENBQUM7UUFFN0QsTUFBTSxPQUFPLEdBQUcsSUFBSSxHQUFHLE9BQU8sR0FBRyxPQUFPLEdBQUcsQ0FBQyxDQUFDO1FBQzdDLE1BQU0sT0FBTyxHQUFHLElBQUksR0FBRyxPQUFPLEdBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUksR0FBRyxPQUFPLENBQUM7UUFFMUUsT0FBTyxHQUFHLE9BQU8sSUFBSSxPQUFPLElBQUksT0FBTyxJQUFJLFVBQVUsSUFBSSxVQUFVLEVBQUUsQ0FBQztJQUN4RSxDQUFDOytHQWRVLHVCQUF1Qjs2R0FBdkIsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQUpuQyxJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUscUJBQXFCO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBuYW1lOiAnc3Vpc1BhZ2luYXRpb25JdGVtcycsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNQYWdpbmF0aW9uSXRlbXNQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShcbiAgICBvZkxhYmVsOiBzdHJpbmcsXG4gICAgcGFnZTogbnVtYmVyLFxuICAgIHBlclBhZ2U6IG51bWJlcixcbiAgICB0b3RhbEl0ZW1zOiBudW1iZXIsXG4gICAgaXRlbXNMYWJlbDogc3RyaW5nXG4gICk6IHN0cmluZyB7XG4gICAgaWYgKHRvdGFsSXRlbXMgPD0gMCkgcmV0dXJuIGAwLTAgJHtvZkxhYmVsfSAwICR7aXRlbXNMYWJlbH1gO1xuXG4gICAgY29uc3QgbWluSXRlbSA9IHBhZ2UgKiBwZXJQYWdlIC0gcGVyUGFnZSArIDE7XG4gICAgY29uc3QgbWF4SXRlbSA9IHBhZ2UgKiBwZXJQYWdlID4gdG90YWxJdGVtcyA/IHRvdGFsSXRlbXMgOiBwYWdlICogcGVyUGFnZTtcblxuICAgIHJldHVybiBgJHttaW5JdGVtfS0ke21heEl0ZW19ICR7b2ZMYWJlbH0gJHt0b3RhbEl0ZW1zfSAke2l0ZW1zTGFiZWx9YDtcbiAgfVxufVxuIl19
|
@@ -1,21 +1,20 @@
|
|
1
1
|
import { Pipe } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
class SuisPaginationPagePipe {
|
3
|
+
export class SuisPaginationPagePipe {
|
4
4
|
transform(ofLabel, page, perPage, totalItems) {
|
5
5
|
if (totalItems <= 0)
|
6
6
|
return `1 ${ofLabel} 1`;
|
7
7
|
const maxPage = Math.ceil(totalItems / perPage);
|
8
8
|
return `${page} ${ofLabel} ${maxPage}`;
|
9
9
|
}
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
11
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
11
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPagePipe, isStandalone: true, name: "suisPaginationPage" }); }
|
12
12
|
}
|
13
|
-
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisPaginationPagePipe, decorators: [{
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPagePipe, decorators: [{
|
15
14
|
type: Pipe,
|
16
15
|
args: [{
|
17
16
|
standalone: true,
|
18
17
|
name: 'suisPaginationPage',
|
19
18
|
}]
|
20
19
|
}] });
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLXBhZ2UucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1wYWdpbmF0aW9uL3N1aXMtcGFnaW5hdGlvbi1wYWdlLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBTXBELE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsU0FBUyxDQUNQLE9BQWUsRUFDZixJQUFZLEVBQ1osT0FBZSxFQUNmLFVBQWtCO1FBRWxCLElBQUksVUFBVSxJQUFJLENBQUM7WUFBRSxPQUFPLEtBQUssT0FBTyxJQUFJLENBQUM7UUFFN0MsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDLENBQUM7UUFFaEQsT0FBTyxHQUFHLElBQUksSUFBSSxPQUFPLElBQUksT0FBTyxFQUFFLENBQUM7SUFDekMsQ0FBQzsrR0FaVSxzQkFBc0I7NkdBQXRCLHNCQUFzQjs7NEZBQXRCLHNCQUFzQjtrQkFKbEMsSUFBSTttQkFBQztvQkFDSixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFLG9CQUFvQjtpQkFDM0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNQYWdpbmF0aW9uUGFnZScsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNQYWdpbmF0aW9uUGFnZVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgdHJhbnNmb3JtKFxuICAgIG9mTGFiZWw6IHN0cmluZyxcbiAgICBwYWdlOiBudW1iZXIsXG4gICAgcGVyUGFnZTogbnVtYmVyLFxuICAgIHRvdGFsSXRlbXM6IG51bWJlclxuICApOiBzdHJpbmcge1xuICAgIGlmICh0b3RhbEl0ZW1zIDw9IDApIHJldHVybiBgMSAke29mTGFiZWx9IDFgO1xuXG4gICAgY29uc3QgbWF4UGFnZSA9IE1hdGguY2VpbCh0b3RhbEl0ZW1zIC8gcGVyUGFnZSk7XG5cbiAgICByZXR1cm4gYCR7cGFnZX0gJHtvZkxhYmVsfSAke21heFBhZ2V9YDtcbiAgfVxufVxuIl19
|
@@ -1,20 +1,19 @@
|
|
1
1
|
import { Pipe } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
|
-
class SuisPaginationPerPageOptionsPipe {
|
3
|
+
export class SuisPaginationPerPageOptionsPipe {
|
4
4
|
transform(options) {
|
5
5
|
return options.map((option) => {
|
6
6
|
return { value: option, label: option.toString() };
|
7
7
|
});
|
8
8
|
}
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
10
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPerPageOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
10
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPerPageOptionsPipe, isStandalone: true, name: "suisPaginationPerPageOptions" }); }
|
11
11
|
}
|
12
|
-
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisPaginationPerPageOptionsPipe, decorators: [{
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationPerPageOptionsPipe, decorators: [{
|
14
13
|
type: Pipe,
|
15
14
|
args: [{
|
16
15
|
standalone: true,
|
17
16
|
name: 'suisPaginationPerPageOptions',
|
18
17
|
}]
|
19
18
|
}] });
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLXBlci1wYWdlLW9wdGlvbnMucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1wYWdpbmF0aW9uL3N1aXMtcGFnaW5hdGlvbi1wZXItcGFnZS1vcHRpb25zLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBT3BELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0MsU0FBUyxDQUFDLE9BQWlCO1FBQ3pCLE9BQU8sT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1lBQzVCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztRQUNyRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBTFUsZ0NBQWdDOzZHQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLElBQUk7bUJBQUM7b0JBQ0osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRSw4QkFBOEI7aUJBQ3JDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbiB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNQYWdpbmF0aW9uUGVyUGFnZU9wdGlvbnMnLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzUGFnaW5hdGlvblBlclBhZ2VPcHRpb25zUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0ob3B0aW9uczogbnVtYmVyW10pOiBTdWlzU2VsZWN0T3B0aW9uPG51bWJlcj5bXSB7XG4gICAgcmV0dXJuIG9wdGlvbnMubWFwKChvcHRpb24pID0+IHtcbiAgICAgIHJldHVybiB7IHZhbHVlOiBvcHRpb24sIGxhYmVsOiBvcHRpb24udG9TdHJpbmcoKSB9O1xuICAgIH0pO1xuICB9XG59XG4iXX0=
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, DestroyRef, EventEmitter, Input, Output, inject, } from '@angular/core';
|
2
|
-
import { CommonModule } from '@angular/common';
|
3
2
|
import { SuisButtonComponent } from '../suis-button';
|
4
3
|
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
5
4
|
import { SuisPaginationPagePipe } from './suis-pagination-page.pipe';
|
@@ -11,7 +10,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
11
10
|
import * as i0 from "@angular/core";
|
12
11
|
import * as i1 from "@angular/forms";
|
13
12
|
import * as i2 from "../suis-select/suis-select.component";
|
14
|
-
class SuisPaginationComponent {
|
13
|
+
export class SuisPaginationComponent {
|
15
14
|
constructor() {
|
16
15
|
this.destroyRef = inject(DestroyRef);
|
17
16
|
/** @internal */
|
@@ -87,14 +86,12 @@ class SuisPaginationComponent {
|
|
87
86
|
this.pageChange.emit(this.page);
|
88
87
|
this.perPageChange.emit(this.perPage);
|
89
88
|
}
|
90
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
91
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
89
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisPaginationComponent, isStandalone: true, selector: "suis-pagination", inputs: { page: "page", perPage: "perPage", perPageOptions: "perPageOptions", totalItems: "totalItems", ofLabel: "ofLabel", itemsLabel: "itemsLabel" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"suis-pagination\">\n <div>\n <suis-select\n [formControl]=\"perPageControl\"\n [options]=\"perPageOptions | suisPaginationPerPageOptions\"\n [search]=\"false\"\n [nullable]=\"false\"\n ></suis-select>\n </div>\n <div class=\"suis-pagination__actions\">\n <suis-button color=\"secondary\" [disabled]=\"page === 1\" (click)=\"previous()\">\n <suis-icon [type]=\"'chevron-left'\" color=\"white\"></suis-icon>\n </suis-button>\n <div>\n {{ ofLabel | suisPaginationPage : page : perPage : totalItems }}\n </div>\n <suis-button\n color=\"secondary\"\n [disabled]=\"page === maxPage\"\n (click)=\"next()\"\n >\n <suis-icon [type]=\"'chevron-right'\" color=\"white\"></suis-icon>\n </suis-button>\n </div>\n <div class=\"suis-pagination__items\">\n {{\n ofLabel | suisPaginationItems : page : perPage : totalItems : itemsLabel\n }}\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-pagination{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.suis-pagination__actions{display:flex;align-items:center;justify-content:center}.suis-pagination__items{color:#a4a7b0}.suis-pagination suis-button:first-child{margin-right:1rem}.suis-pagination suis-button:last-child{margin-left:1rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisButtonComponent, selector: "suis-button" }, { kind: "pipe", type: SuisPaginationPagePipe, name: "suisPaginationPage" }, { kind: "pipe", type: SuisPaginationItemsPipe, name: "suisPaginationItems" }, { kind: "pipe", type: SuisPaginationPerPageOptionsPipe, name: "suisPaginationPerPageOptions" }, { kind: "ngmodule", type: SuisSelectModule }, { kind: "component", type: i2.SuisSelectComponent, selector: "suis-select", inputs: ["nullable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
92
91
|
}
|
93
|
-
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisPaginationComponent, decorators: [{
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisPaginationComponent, decorators: [{
|
95
93
|
type: Component,
|
96
94
|
args: [{ selector: 'suis-pagination', standalone: true, imports: [
|
97
|
-
CommonModule,
|
98
95
|
ReactiveFormsModule,
|
99
96
|
SuisIconComponent,
|
100
97
|
SuisButtonComponent,
|
@@ -120,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
120
117
|
}], perPageChange: [{
|
121
118
|
type: Output
|
122
119
|
}] } });
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1wYWdpbmF0aW9uL3N1aXMtcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtcGFnaW5hdGlvbi9zdWlzLXBhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxFQUVOLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFrQmhFLE1BQU0sT0FBTyx1QkFBdUI7SUFoQnBDO1FBaUJtQixlQUFVLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBRWpELGdCQUFnQjtRQUNoQjs7V0FFRztRQUNILFlBQU8sR0FBVyxDQUFDLENBQUM7UUFFcEI7O1dBRUc7UUFDTSxTQUFJLEdBQVcsQ0FBQyxDQUFDO1FBRTFCOztXQUVHO1FBQ00sWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUU5Qjs7V0FFRztRQUNNLG1CQUFjLEdBQWEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUVyRDs7V0FFRztRQUNNLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFFaEM7O1dBRUc7UUFDTSxZQUFPLEdBQVcsSUFBSSxDQUFDO1FBRWhDOztXQUVHO1FBQ00sZUFBVSxHQUFXLE9BQU8sQ0FBQztRQUV0Qzs7V0FFRztRQUNPLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRWxEOztXQUVHO1FBQ08sa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXJELGdCQUFnQjtRQUNoQixtQkFBYyxHQUFHLElBQUksV0FBVyxDQUFTLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDckQsV0FBVyxFQUFFLElBQUk7U0FDbEIsQ0FBQyxDQUFDO0tBcUNKO0lBbkNDLFFBQVE7UUFDTixJQUFJLENBQUMsY0FBYyxDQUFDLFlBQVk7YUFDN0IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN6QyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxZQUFZLENBQUMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDL0MsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ3pELElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztTQUM1QztJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNaLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxlQUFlLENBQUMsS0FBYTtRQUMzQixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDeEMsQ0FBQzsrR0F4RlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsK1RDckNwQyx1N0JBOEJBLDBnQkRMSSxtQkFBbUIsMFRBQ25CLGlCQUFpQixrSUFDakIsbUJBQW1CLG1EQUNuQixzQkFBc0Isc0RBQ3RCLHVCQUF1Qix1REFDdkIsZ0NBQWdDLG9FQUNoQyxnQkFBZ0I7OzRGQU1QLHVCQUF1QjtrQkFoQm5DLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLHNCQUFzQjt3QkFDdEIsdUJBQXVCO3dCQUN2QixnQ0FBZ0M7d0JBQ2hDLGdCQUFnQjtxQkFDakIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBY3RDLElBQUk7c0JBQVosS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtJLFVBQVU7c0JBQW5CLE1BQU07Z0JBS0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIERlc3Ryb3lSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1idXR0b24nO1xuaW1wb3J0IHsgU3Vpc0ljb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLWljb24vc3Vpcy1pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzUGFnaW5hdGlvblBhZ2VQaXBlIH0gZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24tcGFnZS5waXBlJztcbmltcG9ydCB7IFN1aXNQYWdpbmF0aW9uSXRlbXNQaXBlIH0gZnJvbSAnLi9zdWlzLXBhZ2luYXRpb24taXRlbXMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vc3Vpcy1zZWxlY3QnO1xuaW1wb3J0IHsgU3Vpc1BhZ2luYXRpb25QZXJQYWdlT3B0aW9uc1BpcGUgfSBmcm9tICcuL3N1aXMtcGFnaW5hdGlvbi1wZXItcGFnZS1vcHRpb25zLnBpcGUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtcGFnaW5hdGlvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFN1aXNJY29uQ29tcG9uZW50LFxuICAgIFN1aXNCdXR0b25Db21wb25lbnQsXG4gICAgU3Vpc1BhZ2luYXRpb25QYWdlUGlwZSxcbiAgICBTdWlzUGFnaW5hdGlvbkl0ZW1zUGlwZSxcbiAgICBTdWlzUGFnaW5hdGlvblBlclBhZ2VPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0TW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgLyoqXG4gICAqIE51bWJlciBvZiB0aGUgbWF4aW11bSBwYWdlIHRoYXQgY2FuIGJlIHJlYWNoZWQgYmFzZWQgb24gdG90YWxJdGVtcyBhbmQgcGVyUGFnZSB2YWx1ZXMuXG4gICAqL1xuICBtYXhQYWdlOiBudW1iZXIgPSAxO1xuXG4gIC8qKlxuICAgKiBOdW1iZXIgb2YgdGhlIHBhZ2UgcHJlc2VudGVkLiBCeSBkZWZhdWx0IHNldCB0byAxLlxuICAgKi9cbiAgQElucHV0KCkgcGFnZTogbnVtYmVyID0gMTtcblxuICAvKipcbiAgICogTnVtYmVyIG9mIGl0ZW1zIHByZXNlbnRlZCBwZXIgcGFnZS4gQnkgZGVmYXVsdCBzZXQgdG8gMTUuXG4gICAqL1xuICBASW5wdXQoKSBwZXJQYWdlOiBudW1iZXIgPSAxNTtcblxuICAvKipcbiAgICogT3B0aW9ucyBvZiBwZXJQYWdlIGRyb3Bkb3duLiBCZSBkZWZhdWx0IHNldCB0byBbMTAsIDE1LCAyMCwgMjVdLlxuICAgKi9cbiAgQElucHV0KCkgcGVyUGFnZU9wdGlvbnM6IG51bWJlcltdID0gWzEwLCAxNSwgMjAsIDI1XTtcblxuICAvKipcbiAgICogTnVtYmVyIG9mIHRvdGFsIGl0ZW1zIGluIGRhdGEgc291cmNlLiBCeSBkZWZhdWx0IHNldCB0byAwLlxuICAgKi9cbiAgQElucHV0KCkgdG90YWxJdGVtczogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogU2V0cyB0aGUgb2YgbGFiZWwgXCIxICdvZicgMjVcIi4gQnkgZGVmYXVsdCBzZXQgdG8gJ29mJy5cbiAgICovXG4gIEBJbnB1dCgpIG9mTGFiZWw6IHN0cmluZyA9ICdvZic7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIHBhZ2UgbGFiZWwgXCIxLTEwICdvZicgMjUgJ2l0ZW1zJ1wiLiBCeSBkZWZhdWx0IHNldCB0byAnUGFnZScuXG4gICAqL1xuICBASW5wdXQoKSBpdGVtc0xhYmVsOiBzdHJpbmcgPSAnaXRlbXMnO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBvbiBwYWdlIHZhbHVlIGNoYW5nZS5cbiAgICovXG4gIEBPdXRwdXQoKSBwYWdlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIHBlclBhZ2UgdmFsdWUgY2hhbmdlLlxuICAgKi9cbiAgQE91dHB1dCgpIHBlclBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPG51bWJlcj4oKTtcblxuICAvKiogQGludGVybmFsICovXG4gIHBlclBhZ2VDb250cm9sID0gbmV3IEZvcm1Db250cm9sPG51bWJlcj4odGhpcy5wZXJQYWdlLCB7XG4gICAgbm9uTnVsbGFibGU6IHRydWUsXG4gIH0pO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMucGVyUGFnZUNvbnRyb2wudmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmKSlcbiAgICAgIC5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgIHRoaXMub25QZXJQYWdlQ2hhbmdlKHZhbHVlKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWyd0b3RhbEl0ZW1zJ10gfHwgY2hhbmdlc1sncGVyUGFnZSddKSB7XG4gICAgICB0aGlzLm1heFBhZ2UgPSBNYXRoLmNlaWwodGhpcy50b3RhbEl0ZW1zIC8gdGhpcy5wZXJQYWdlKTtcbiAgICAgIHRoaXMucGVyUGFnZUNvbnRyb2wuc2V0VmFsdWUodGhpcy5wZXJQYWdlKTtcbiAgICB9XG4gIH1cblxuICBuZXh0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnBhZ2UgPCB0aGlzLm1heFBhZ2UpIHtcbiAgICAgIHRoaXMucGFnZSsrO1xuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5wYWdlKTtcbiAgICB9XG4gIH1cblxuICBwcmV2aW91cygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYWdlID4gMSkge1xuICAgICAgdGhpcy5wYWdlLS07XG4gICAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdCh0aGlzLnBhZ2UpO1xuICAgIH1cbiAgfVxuXG4gIG9uUGVyUGFnZUNoYW5nZSh2YWx1ZTogbnVtYmVyKSB7XG4gICAgdGhpcy5wYWdlID0gMTtcbiAgICB0aGlzLnBlclBhZ2UgPSB2YWx1ZTtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdCh0aGlzLnBhZ2UpO1xuICAgIHRoaXMucGVyUGFnZUNoYW5nZS5lbWl0KHRoaXMucGVyUGFnZSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXBhZ2luYXRpb25cIj5cbiAgPGRpdj5cbiAgICA8c3Vpcy1zZWxlY3RcbiAgICAgIFtmb3JtQ29udHJvbF09XCJwZXJQYWdlQ29udHJvbFwiXG4gICAgICBbb3B0aW9uc109XCJwZXJQYWdlT3B0aW9ucyB8IHN1aXNQYWdpbmF0aW9uUGVyUGFnZU9wdGlvbnNcIlxuICAgICAgW3NlYXJjaF09XCJmYWxzZVwiXG4gICAgICBbbnVsbGFibGVdPVwiZmFsc2VcIlxuICAgID48L3N1aXMtc2VsZWN0PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN1aXMtcGFnaW5hdGlvbl9fYWN0aW9uc1wiPlxuICAgIDxzdWlzLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiIFtkaXNhYmxlZF09XCJwYWdlID09PSAxXCIgKGNsaWNrKT1cInByZXZpb3VzKClcIj5cbiAgICAgIDxzdWlzLWljb24gW3R5cGVdPVwiJ2NoZXZyb24tbGVmdCdcIiBjb2xvcj1cIndoaXRlXCI+PC9zdWlzLWljb24+XG4gICAgPC9zdWlzLWJ1dHRvbj5cbiAgICA8ZGl2PlxuICAgICAge3sgb2ZMYWJlbCB8IHN1aXNQYWdpbmF0aW9uUGFnZSA6IHBhZ2UgOiBwZXJQYWdlIDogdG90YWxJdGVtcyB9fVxuICAgIDwvZGl2PlxuICAgIDxzdWlzLWJ1dHRvblxuICAgICAgY29sb3I9XCJzZWNvbmRhcnlcIlxuICAgICAgW2Rpc2FibGVkXT1cInBhZ2UgPT09IG1heFBhZ2VcIlxuICAgICAgKGNsaWNrKT1cIm5leHQoKVwiXG4gICAgPlxuICAgICAgPHN1aXMtaWNvbiBbdHlwZV09XCInY2hldnJvbi1yaWdodCdcIiBjb2xvcj1cIndoaXRlXCI+PC9zdWlzLWljb24+XG4gICAgPC9zdWlzLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLXBhZ2luYXRpb25fX2l0ZW1zXCI+XG4gICAge3tcbiAgICAgIG9mTGFiZWwgfCBzdWlzUGFnaW5hdGlvbkl0ZW1zIDogcGFnZSA6IHBlclBhZ2UgOiB0b3RhbEl0ZW1zIDogaXRlbXNMYWJlbFxuICAgIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
@@ -1,10 +1,9 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { NgClass } from '@angular/common';
|
3
3
|
import { SuisProgressBarPipe } from './suis-progress-bar.pipe';
|
4
4
|
import { SuisNgClassPipe } from '../../pipes';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
|
7
|
-
class SuisProgressBarComponent {
|
6
|
+
export class SuisProgressBarComponent {
|
8
7
|
constructor() {
|
9
8
|
/** @internal */
|
10
9
|
this._value = 0;
|
@@ -35,13 +34,12 @@ class SuisProgressBarComponent {
|
|
35
34
|
this._value = 0;
|
36
35
|
}
|
37
36
|
}
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SuisProgressBarComponent, isStandalone: true, selector: "suis-progress-bar", inputs: { value: "value", color: "color", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color\"\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-progress-bar{width:100%;border-radius:1rem;height:1rem}.suis-progress-bar--primary{background-color:#192a56}.suis-progress-bar--secondary{background-color:#273c75}.suis-progress-bar--tertiary{background-color:#dcdde1}.suis-progress-bar--complementary{background-color:#f5f6fa}.suis-progress-bar--success{background-color:#2ed573}.suis-progress-bar--warning{background-color:#ffa502}.suis-progress-bar--danger{background-color:#ff4757}.suis-progress-bar--white{background-color:#fff}.suis-progress-bar--gray{background-color:#bcbcbc}.suis-progress-bar--dark{background-color:#000}.suis-progress-bar__progress{border-radius:1rem;height:1rem}.suis-progress-bar__progress--primary{background-color:#192a56}.suis-progress-bar__progress--secondary{background-color:#273c75}.suis-progress-bar__progress--tertiary{background-color:#dcdde1}.suis-progress-bar__progress--complementary{background-color:#f5f6fa}.suis-progress-bar__progress--success{background-color:#2ed573}.suis-progress-bar__progress--warning{background-color:#ffa502}.suis-progress-bar__progress--danger{background-color:#ff4757}.suis-progress-bar__progress--white{background-color:#fff}.suis-progress-bar__progress--gray{background-color:#bcbcbc}.suis-progress-bar__progress--dark{background-color:#000}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SuisNgClassPipe, name: "suisNgClass" }, { kind: "pipe", type: SuisProgressBarPipe, name: "suisProgressBar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
40
39
|
}
|
41
|
-
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisProgressBarComponent, decorators: [{
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SuisProgressBarComponent, decorators: [{
|
43
41
|
type: Component,
|
44
|
-
args: [{ selector: 'suis-progress-bar', standalone: true, imports: [
|
42
|
+
args: [{ selector: 'suis-progress-bar', standalone: true, imports: [NgClass, SuisNgClassPipe, SuisProgressBarPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"suis-progress-bar\"\n [ngClass]=\"'suis-progress-bar' | suisNgClass : backgroundColor\"\n>\n <div\n class=\"suis-progress-bar__progress\"\n [style]=\"{ width: value | suisProgressBar }\"\n [ngClass]=\"'suis-progress-bar__progress' | suisNgClass : color\"\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-progress-bar{width:100%;border-radius:1rem;height:1rem}.suis-progress-bar--primary{background-color:#192a56}.suis-progress-bar--secondary{background-color:#273c75}.suis-progress-bar--tertiary{background-color:#dcdde1}.suis-progress-bar--complementary{background-color:#f5f6fa}.suis-progress-bar--success{background-color:#2ed573}.suis-progress-bar--warning{background-color:#ffa502}.suis-progress-bar--danger{background-color:#ff4757}.suis-progress-bar--white{background-color:#fff}.suis-progress-bar--gray{background-color:#bcbcbc}.suis-progress-bar--dark{background-color:#000}.suis-progress-bar__progress{border-radius:1rem;height:1rem}.suis-progress-bar__progress--primary{background-color:#192a56}.suis-progress-bar__progress--secondary{background-color:#273c75}.suis-progress-bar__progress--tertiary{background-color:#dcdde1}.suis-progress-bar__progress--complementary{background-color:#f5f6fa}.suis-progress-bar__progress--success{background-color:#2ed573}.suis-progress-bar__progress--warning{background-color:#ffa502}.suis-progress-bar__progress--danger{background-color:#ff4757}.suis-progress-bar__progress--white{background-color:#fff}.suis-progress-bar__progress--gray{background-color:#bcbcbc}.suis-progress-bar__progress--dark{background-color:#000}\n"] }]
|
45
43
|
}], propDecorators: { value: [{
|
46
44
|
type: Input
|
47
45
|
}], color: [{
|
@@ -49,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
49
47
|
}], backgroundColor: [{
|
50
48
|
type: Input
|
51
49
|
}] } });
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1wcm9ncmVzcy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXByb2dyZXNzLWJhci9zdWlzLXByb2dyZXNzLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtcHJvZ3Jlc3MtYmFyL3N1aXMtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDOztBQVU5QyxNQUFNLE9BQU8sd0JBQXdCO0lBUnJDO1FBU0UsZ0JBQWdCO1FBQ2hCLFdBQU0sR0FBVyxDQUFDLENBQUM7UUFvQm5COztXQUVHO1FBQ00sVUFBSyxHQUFjLFNBQVMsQ0FBQztRQUV0Qzs7V0FFRztRQUNNLG9CQUFlLEdBQWMsVUFBVSxDQUFDO0tBQ2xEO0lBM0JDLGdCQUFnQjtJQUNoQixJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBYSxLQUFLLENBQUMsS0FBYTtRQUM5QixJQUFJLEtBQUssSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLEdBQUcsRUFBRTtZQUM5QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztTQUNyQjthQUFNLElBQUksS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztTQUNuQjthQUFNO1lBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7U0FDakI7SUFDSCxDQUFDOytHQXBCVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw2SkNkckMsZ1RBVUEsbzdDRERZLE9BQU8sK0VBQUUsZUFBZSwrQ0FBRSxtQkFBbUI7OzRGQUs1Qyx3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsbUJBQW1CLENBQUMsbUJBR3ZDLHVCQUF1QixDQUFDLE1BQU07OEJBY2xDLEtBQUs7c0JBQWpCLEtBQUs7Z0JBYUcsS0FBSztzQkFBYixLQUFLO2dCQUtHLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdDbGFzcyB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTdWlzUHJvZ3Jlc3NCYXJQaXBlIH0gZnJvbSAnLi9zdWlzLXByb2dyZXNzLWJhci5waXBlJztcbmltcG9ydCB7IFN1aXNDb2xvciB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IFN1aXNOZ0NsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1wcm9ncmVzcy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzUHJvZ3Jlc3NCYXJQaXBlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNQcm9ncmVzc0JhckNvbXBvbmVudCB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgX3ZhbHVlOiBudW1iZXIgPSAwO1xuXG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgZ2V0IHZhbHVlKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG5cbiAgLyoqXG4gICAqIFdpZHRoIG9mIHRoZSBwcm9ncmVzcyBiYXIgaW4gcGVyY2VudGFnZSAodmFsdWUgPj0gMCAmJiB2YWx1ZSA8PSAxMDApLiBCeSBkZWZhdWx0IHNldCB0byAwLlxuICAgKi9cbiAgQElucHV0KCkgc2V0IHZhbHVlKHZhbHVlOiBudW1iZXIpIHtcbiAgICBpZiAodmFsdWUgPj0gMCAmJiB2YWx1ZSA8PSAxMDApIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+IDEwMCkge1xuICAgICAgdGhpcy5fdmFsdWUgPSAxMDA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX3ZhbHVlID0gMDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICdwcmltYXJ5Jy5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBTdWlzQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGJhY2tncm91bmQgY29sb3Igb2YgdGhlIHByb2dyZXNzIGJhci4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd0ZXJ0aWFyeScuXG4gICAqL1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IFN1aXNDb2xvciA9ICd0ZXJ0aWFyeSc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic3Vpcy1wcm9ncmVzcy1iYXJcIlxuICBbbmdDbGFzc109XCInc3Vpcy1wcm9ncmVzcy1iYXInIHwgc3Vpc05nQ2xhc3MgOiBiYWNrZ3JvdW5kQ29sb3JcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzdWlzLXByb2dyZXNzLWJhcl9fcHJvZ3Jlc3NcIlxuICAgIFtzdHlsZV09XCJ7IHdpZHRoOiB2YWx1ZSB8IHN1aXNQcm9ncmVzc0JhciB9XCJcbiAgICBbbmdDbGFzc109XCInc3Vpcy1wcm9ncmVzcy1iYXJfX3Byb2dyZXNzJyB8IHN1aXNOZ0NsYXNzIDogY29sb3JcIlxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|