suis 0.14.0 → 0.16.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +9 -0
- package/esm2022/index.mjs +2 -1
- package/esm2022/lib/components/index.mjs +4 -1
- package/esm2022/lib/components/suis-notification/index.mjs +4 -0
- package/esm2022/lib/components/suis-notification/suis-notification.component.mjs +33 -0
- package/esm2022/lib/components/suis-notification/suis-notification.interfaces.mjs +2 -0
- package/esm2022/lib/components/suis-notification/suis-notification.types.mjs +2 -0
- package/esm2022/lib/components/suis-notifications/index.mjs +2 -0
- package/esm2022/lib/components/suis-notifications/suis-notifications.component.mjs +27 -0
- package/esm2022/lib/components/suis-select/suis-select.component.mjs +3 -3
- package/esm2022/lib/components/suis-select-multi/index.mjs +2 -0
- package/esm2022/lib/components/suis-select-multi/suis-select-multi-chips.pipe.mjs +25 -0
- package/esm2022/lib/components/suis-select-multi/suis-select-multi-is-selected.pipe.mjs +18 -0
- package/esm2022/lib/components/suis-select-multi/suis-select-multi.component.mjs +99 -0
- package/esm2022/lib/components/suis-select-option/suis-select-option.interfaces.mjs +1 -1
- package/esm2022/lib/services/index.mjs +2 -0
- package/esm2022/lib/services/suis-notification.service.mjs +79 -0
- package/esm2022/lib/shared/classes/suis-select.base.mjs +1 -1
- package/fesm2022/suis.mjs +246 -4
- package/fesm2022/suis.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/components/suis-notification/index.d.ts +3 -0
- package/lib/components/suis-notification/suis-notification.component.d.ts +19 -0
- package/lib/components/suis-notification/suis-notification.interfaces.d.ts +7 -0
- package/lib/components/suis-notification/suis-notification.types.d.ts +1 -0
- package/lib/components/suis-notifications/index.d.ts +1 -0
- package/lib/components/suis-notifications/suis-notifications.component.d.ts +12 -0
- package/lib/components/suis-select-multi/index.d.ts +1 -0
- package/lib/components/suis-select-multi/suis-select-multi-chips.pipe.d.ts +8 -0
- package/lib/components/suis-select-multi/suis-select-multi-is-selected.pipe.d.ts +7 -0
- package/lib/components/suis-select-multi/suis-select-multi.component.d.ts +26 -0
- package/lib/services/index.d.ts +1 -0
- package/lib/services/suis-notification.service.d.ts +43 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,9 +26,18 @@ Modern UI component library. Supports Angular in version 16 and uses its latest
|
|
|
26
26
|
| InputNumber | SuisInputNumber | suis-input-number | 0.12.0 |
|
|
27
27
|
| ProgressBar | SuisProgressBar | suis-progress-bar | 0.13.0 |
|
|
28
28
|
| Container | SuisContainer | suis-container | 0.14.0 |
|
|
29
|
+
| SelectMulti | SuisSelectMulti | suis-select-multi | 0.15.0 |
|
|
30
|
+
| Notification | SuisNotification | suis-notification | 0.16.0 |
|
|
31
|
+
| Notifications | SuisNotifications | suis-notifications | 0.16.0 |
|
|
29
32
|
|
|
30
33
|
## Pipes
|
|
31
34
|
|
|
32
35
|
| Pipe | Class | Selector | Version |
|
|
33
36
|
|---|---|---|---|
|
|
34
37
|
| NgClass | SuisNgClass | suisNgClass | 0.6.0 |
|
|
38
|
+
|
|
39
|
+
## Services
|
|
40
|
+
|
|
41
|
+
| Class | Version |
|
|
42
|
+
|---|---|
|
|
43
|
+
| SuisNotification | 0.16.0 |
|
package/esm2022/index.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export * from './lib/components';
|
|
2
2
|
export * from './lib/pipes';
|
|
3
|
+
export * from './lib/services';
|
|
3
4
|
export * from './lib/types';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdHlwZXMnO1xuIl19
|
|
@@ -9,9 +9,12 @@ export * from './suis-input-chips';
|
|
|
9
9
|
export * from './suis-input-number';
|
|
10
10
|
export * from './suis-input-text';
|
|
11
11
|
export * from './suis-label';
|
|
12
|
+
export * from './suis-notification';
|
|
13
|
+
export * from './suis-notifications';
|
|
12
14
|
export * from './suis-progress-bar';
|
|
13
15
|
export * from './suis-select';
|
|
14
16
|
export * from './suis-select-option';
|
|
17
|
+
export * from './suis-select-multi';
|
|
15
18
|
export * from './suis-spinner';
|
|
16
19
|
export * from './suis-spinner-container';
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLWFsZXJ0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ib3gnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLWJ1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY2hpcCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtY29udGFpbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1mb3JtLWZpZWxkJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pY29uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC1jaGlwcyc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtaW5wdXQtbnVtYmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1pbnB1dC10ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1sYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1wcm9ncmVzcy1iYXInO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLXNlbGVjdCc7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW9wdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1zcGlubmVyLWNvbnRhaW5lcic7XG4iXX0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export * from './suis-notification.component';
|
|
2
|
+
export * from './suis-notification.interfaces';
|
|
3
|
+
export * from './suis-notification.types';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbi5pbnRlcmZhY2VzJztcbmV4cG9ydCAqIGZyb20gJy4vc3Vpcy1ub3RpZmljYXRpb24udHlwZXMnO1xuIl19
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SuisNgClassPipe } from '../../pipes';
|
|
4
|
+
import { SuisIconType } from '../suis-icon/suis-icon.enums';
|
|
5
|
+
import { SuisIconComponent } from '../suis-icon';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
class SuisNotificationComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
/** @internal */
|
|
11
|
+
this.SuisIconType = SuisIconType;
|
|
12
|
+
/**
|
|
13
|
+
* Emits on close button action.
|
|
14
|
+
*/
|
|
15
|
+
this.closed = new EventEmitter();
|
|
16
|
+
}
|
|
17
|
+
onClose() {
|
|
18
|
+
this.closed.emit();
|
|
19
|
+
}
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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\n [type]=\"SuisIconType.CROSS\"\n [color]=\"'white'\"\n [size]=\"'lg'\"\n ></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)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.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:end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 }); }
|
|
22
|
+
}
|
|
23
|
+
export { SuisNotificationComponent };
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'suis-notification', standalone: true, imports: [CommonModule, 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\n [type]=\"SuisIconType.CROSS\"\n [color]=\"'white'\"\n [size]=\"'lg'\"\n ></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)}}.suis-notification{min-width:15rem;max-width:15rem;padding:1rem;border-radius:.25rem;color:#fff;position:relative}.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:end}.suis-notification__message{margin-top:1.25rem;text-align:justify}\n"] }]
|
|
27
|
+
}], propDecorators: { notification: [{
|
|
28
|
+
type: Input,
|
|
29
|
+
args: [{ required: true }]
|
|
30
|
+
}], closed: [{
|
|
31
|
+
type: Output
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQUVqRCxNQVFhLHlCQUF5QjtJQVJ0QztRQVNFLGdCQUFnQjtRQUNoQixpQkFBWSxHQUFHLFlBQVksQ0FBQztRQU81Qjs7V0FFRztRQUNPLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBSzdDO0lBSEMsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs4R0FoQlUseUJBQXlCO2tHQUF6Qix5QkFBeUIsc0pDckJ0Qyx1Y0FnQkEseXFCREFZLFlBQVksNE5BQUUsZUFBZSxvREFBRSxpQkFBaUI7O1NBSy9DLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixDQUFDLG1CQUcxQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQVNwQixZQUFZO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFLZixNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLmludGVyZmFjZXMnO1xuaW1wb3J0IHsgU3Vpc05nQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuaW1wb3J0IHsgU3Vpc0ljb25UeXBlIH0gZnJvbSAnLi4vc3Vpcy1pY29uL3N1aXMtaWNvbi5lbnVtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aXMtbm90aWZpY2F0aW9uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05nQ2xhc3NQaXBlLCBTdWlzSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzTm90aWZpY2F0aW9uQ29tcG9uZW50IHtcbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBTdWlzSWNvblR5cGUgPSBTdWlzSWNvblR5cGU7XG5cbiAgLyoqXG4gICAqIE5vdGlmaWNhdGlvbiBpdGVtIGRhdGEuIFR5cGUgb2YgU3Vpc05vdGlmaWNhdGlvbi5cbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pIG5vdGlmaWNhdGlvbj86IFN1aXNOb3RpZmljYXRpb247XG5cbiAgLyoqXG4gICAqIEVtaXRzIG9uIGNsb3NlIGJ1dHRvbiBhY3Rpb24uXG4gICAqL1xuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdCgpO1xuICB9XG59XG4iLCI8ZGl2XG4gICpuZ0lmPVwibm90aWZpY2F0aW9uXCJcbiAgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvblwiXG4gIFtuZ0NsYXNzXT1cIidzdWlzLW5vdGlmaWNhdGlvbicgfCBzdWlzTmdDbGFzcyA6IG5vdGlmaWNhdGlvbi50eXBlXCJcbj5cbiAgPGJ1dHRvbiBjbGFzcz1cInN1aXMtbm90aWZpY2F0aW9uX19jbG9zZVwiIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+XG4gICAgPHN1aXMtaWNvblxuICAgICAgW3R5cGVdPVwiU3Vpc0ljb25UeXBlLkNST1NTXCJcbiAgICAgIFtjb2xvcl09XCInd2hpdGUnXCJcbiAgICAgIFtzaXplXT1cIidsZydcIlxuICAgID48L3N1aXMtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXYgY2xhc3M9XCJzdWlzLW5vdGlmaWNhdGlvbl9fbWVzc2FnZVwiPlxuICAgIHt7IG5vdGlmaWNhdGlvbi5tZXNzYWdlIH19XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb24vc3Vpcy1ub3RpZmljYXRpb24uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuL3N1aXMtbm90aWZpY2F0aW9uLnR5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBTdWlzTm90aWZpY2F0aW9uIHtcbiAgaWQ6IHN0cmluZztcbiAgbWVzc2FnZTogc3RyaW5nO1xuICB0eXBlOiBTdWlzTm90aWZpY2F0aW9uVHlwZTtcbiAgZGVsYXk6IG51bWJlcjtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24udHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9uL3N1aXMtbm90aWZpY2F0aW9uLnR5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBTdWlzTm90aWZpY2F0aW9uVHlwZSA9ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdkYW5nZXInO1xuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './suis-notifications.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9ucy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdDQUFnQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50JztcbiJdfQ==
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SuisNotificationComponent } from '../suis-notification/suis-notification.component';
|
|
4
|
+
import { SuisNotificationService } from '../../services/suis-notification.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
class SuisNotificationsComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.notificationService = inject(SuisNotificationService);
|
|
10
|
+
this.notifications = this.notificationService.getNotifications();
|
|
11
|
+
}
|
|
12
|
+
remove(id) {
|
|
13
|
+
this.notificationService.forceRemoveNotification(id);
|
|
14
|
+
}
|
|
15
|
+
/** @internal */
|
|
16
|
+
notificationTrackBy(index, notification) {
|
|
17
|
+
return notification.id;
|
|
18
|
+
}
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SuisNotificationComponent, selector: "suis-notification", inputs: ["notification"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
|
+
}
|
|
22
|
+
export { SuisNotificationsComponent };
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationsComponent, decorators: [{
|
|
24
|
+
type: Component,
|
|
25
|
+
args: [{ selector: 'suis-notifications', standalone: true, imports: [CommonModule, 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
|
+
}] });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1ub3RpZmljYXRpb25zL3N1aXMtbm90aWZpY2F0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtbm90aWZpY2F0aW9ucy9zdWlzLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBRVQsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUM3RixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRW5GLE1BUWEsMEJBQTBCO0lBUnZDO1FBU21CLHdCQUFtQixHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRXZFLGtCQUFhLEdBQ1gsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGdCQUFnQixFQUFFLENBQUM7S0FVL0M7SUFSQyxNQUFNLENBQUMsRUFBVTtRQUNmLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyx1QkFBdUIsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsZ0JBQWdCO0lBQ2hCLG1CQUFtQixDQUFDLEtBQWEsRUFBRSxZQUE4QjtRQUMvRCxPQUFPLFlBQVksQ0FBQyxFQUFFLENBQUM7SUFDekIsQ0FBQzs4R0FiVSwwQkFBMEI7a0dBQTFCLDBCQUEwQiw4RUNuQnZDLHdNQUtBLHdSRFNZLFlBQVksNEpBQUUseUJBQXlCOztTQUt0QywwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHlCQUF5QixDQUFDLG1CQUdqQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgU2lnbmFsLFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb24gfSBmcm9tICcuLi9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3Vpc05vdGlmaWNhdGlvblNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zdWlzLW5vdGlmaWNhdGlvbi5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3Vpcy1ub3RpZmljYXRpb25zJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU3Vpc05vdGlmaWNhdGlvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdWlzLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNOb3RpZmljYXRpb25zQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBub3RpZmljYXRpb25TZXJ2aWNlID0gaW5qZWN0KFN1aXNOb3RpZmljYXRpb25TZXJ2aWNlKTtcblxuICBub3RpZmljYXRpb25zOiBTaWduYWw8U3Vpc05vdGlmaWNhdGlvbltdPiA9XG4gICAgdGhpcy5ub3RpZmljYXRpb25TZXJ2aWNlLmdldE5vdGlmaWNhdGlvbnMoKTtcblxuICByZW1vdmUoaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMubm90aWZpY2F0aW9uU2VydmljZS5mb3JjZVJlbW92ZU5vdGlmaWNhdGlvbihpZCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIG5vdGlmaWNhdGlvblRyYWNrQnkoaW5kZXg6IG51bWJlciwgbm90aWZpY2F0aW9uOiBTdWlzTm90aWZpY2F0aW9uKTogc3RyaW5nIHtcbiAgICByZXR1cm4gbm90aWZpY2F0aW9uLmlkO1xuICB9XG59XG4iLCI8c3Vpcy1ub3RpZmljYXRpb25cbiAgKm5nRm9yPVwibGV0IG5vdGlmaWNhdGlvbiBvZiBub3RpZmljYXRpb25zKCk7IHRyYWNrQnk6IG5vdGlmaWNhdGlvblRyYWNrQnlcIlxuICBbbm90aWZpY2F0aW9uXT1cIm5vdGlmaWNhdGlvblwiXG4gIChjbG9zZWQpPVwicmVtb3ZlKG5vdGlmaWNhdGlvbi5pZClcIlxuPjwvc3Vpcy1ub3RpZmljYXRpb24+XG4iXX0=
|
|
@@ -44,7 +44,7 @@ class SuisSelectComponent extends SuisSelectBase {
|
|
|
44
44
|
multi: true,
|
|
45
45
|
useExisting: forwardRef(() => SuisSelectComponent),
|
|
46
46
|
},
|
|
47
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"value\"\n class=\"suis-select__button__cross\"\n [type]=\"SuisIconType.CROSS\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
47
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select\">\r\n <button\r\n type=\"button\"\r\n (click)=\"onExpand()\"\r\n class=\"suis-select__button\"\r\n [class.suis-select__button--invalid]=\"invalid\"\r\n [disabled]=\"readonly\"\r\n >\r\n <span class=\"suis-select__button__value\">\r\n {{ value | suisSelectLabel : options : placeholder }}\r\n </span>\r\n <span class=\"suis-select__button__actions\">\r\n <suis-icon\r\n *ngIf=\"value\"\r\n class=\"suis-select__button__cross\"\r\n [type]=\"SuisIconType.CROSS\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n (click)=\"onClear($event)\"\r\n ></suis-icon>\r\n <suis-icon\r\n class=\"suis-select__button__chevron\"\r\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n ></suis-icon>\r\n </span>\r\n </button>\r\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\r\n <input\r\n *ngIf=\"search\"\r\n [ngModel]=\"searchPhrase\"\r\n (ngModelChange)=\"onSearchPhraseChange($event)\"\r\n class=\"suis-select__list__search\"\r\n type=\"search\"\r\n [placeholder]=\"searchPlaceholder\"\r\n />\r\n <suis-select-option\r\n *ngFor=\"\r\n let option of options\r\n | suisSelectSortOptions\r\n | suisSelectFilterOptions : searchPhrase\r\n \"\r\n [option]=\"option\"\r\n [templateRef]=\"suisSelectOption?.templateRef\"\r\n [selected]=\"option.value | suisSelectIsSelected : value\"\r\n (clicked)=\"onSelect(option.value)\"\r\n ></suis-select-option>\r\n </div>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectLabelPipe, name: "suisSelectLabel" }, { kind: "pipe", type: SuisSelectIsSelectedPipe, name: "suisSelectIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
49
|
export { SuisSelectComponent };
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectComponent, decorators: [{
|
|
@@ -64,6 +64,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
64
64
|
multi: true,
|
|
65
65
|
useExisting: forwardRef(() => SuisSelectComponent),
|
|
66
66
|
},
|
|
67
|
-
], template: "<div class=\"suis-select\">\n <button\n type=\"button\"\n (click)=\"onExpand()\"\n class=\"suis-select__button\"\n [class.suis-select__button--invalid]=\"invalid\"\n [disabled]=\"readonly\"\n >\n <span class=\"suis-select__button__value\">\n {{ value | suisSelectLabel : options : placeholder }}\n </span>\n <span class=\"suis-select__button__actions\">\n <suis-icon\n *ngIf=\"value\"\n class=\"suis-select__button__cross\"\n [type]=\"SuisIconType.CROSS\"\n size=\"lg\"\n color=\"primary\"\n (click)=\"onClear($event)\"\n ></suis-icon>\n <suis-icon\n class=\"suis-select__button__chevron\"\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\n size=\"lg\"\n color=\"primary\"\n ></suis-icon>\n </span>\n </button>\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\n <input\n *ngIf=\"search\"\n [ngModel]=\"searchPhrase\"\n (ngModelChange)=\"onSearchPhraseChange($event)\"\n class=\"suis-select__list__search\"\n type=\"search\"\n [placeholder]=\"searchPlaceholder\"\n />\n <suis-select-option\n *ngFor=\"\n let option of options\n | suisSelectSortOptions\n | suisSelectFilterOptions : searchPhrase\n \"\n [option]=\"option\"\n [templateRef]=\"suisSelectOption?.templateRef\"\n [selected]=\"option.value | suisSelectIsSelected : value\"\n (clicked)=\"onSelect(option.value)\"\n ></suis-select-option>\n </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"] }]
|
|
67
|
+
], template: "<div class=\"suis-select\">\r\n <button\r\n type=\"button\"\r\n (click)=\"onExpand()\"\r\n class=\"suis-select__button\"\r\n [class.suis-select__button--invalid]=\"invalid\"\r\n [disabled]=\"readonly\"\r\n >\r\n <span class=\"suis-select__button__value\">\r\n {{ value | suisSelectLabel : options : placeholder }}\r\n </span>\r\n <span class=\"suis-select__button__actions\">\r\n <suis-icon\r\n *ngIf=\"value\"\r\n class=\"suis-select__button__cross\"\r\n [type]=\"SuisIconType.CROSS\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n (click)=\"onClear($event)\"\r\n ></suis-icon>\r\n <suis-icon\r\n class=\"suis-select__button__chevron\"\r\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n ></suis-icon>\r\n </span>\r\n </button>\r\n <div *ngIf=\"expanded\" class=\"suis-select__list\">\r\n <input\r\n *ngIf=\"search\"\r\n [ngModel]=\"searchPhrase\"\r\n (ngModelChange)=\"onSearchPhraseChange($event)\"\r\n class=\"suis-select__list__search\"\r\n type=\"search\"\r\n [placeholder]=\"searchPlaceholder\"\r\n />\r\n <suis-select-option\r\n *ngFor=\"\r\n let option of options\r\n | suisSelectSortOptions\r\n | suisSelectFilterOptions : searchPhrase\r\n \"\r\n [option]=\"option\"\r\n [templateRef]=\"suisSelectOption?.templateRef\"\r\n [selected]=\"option.value | suisSelectIsSelected : value\"\r\n (clicked)=\"onSelect(option.value)\"\r\n ></suis-select-option>\r\n </div>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select{position:relative}.suis-select__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select__list__search:focus{outline:none}.suis-select__list::-webkit-scrollbar{width:.5rem}.suis-select__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"] }]
|
|
68
68
|
}] });
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC9zdWlzLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0L3N1aXMtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG9EQUFvRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQUV2RSxNQXdCYSxtQkFBdUIsU0FBUSxjQUFpQjtJQXhCN0Q7O1FBeUJFLGdCQUFnQjtRQUNoQixVQUFLLEdBQWEsSUFBSSxDQUFDO0tBeUJ4QjtJQXZCVSxVQUFVLENBQUMsR0FBTTtRQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztRQUNqQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFUSxRQUFRLENBQUMsS0FBUTtRQUN4QixJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO1lBQ3RELE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVRLFVBQVU7UUFDakIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QixDQUFDO0lBRVEsUUFBUSxDQUFDLEtBQWU7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDNUIsQ0FBQzs4R0ExQlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsMERBUm5CO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsS0FBSyxFQUFFLElBQUk7Z0JBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQzthQUNuRDtTQUNGLGlEQ2pDSCx5b0RBa0RBLDA2Q0RuQ0ksWUFBWSwrUEFDWixXQUFXLCttQkFDWCxpQkFBaUIsa0lBQ2pCLHlCQUF5QiwySUFDekIsbUJBQW1CLG1EQUNuQix3QkFBd0Isd0RBQ3hCLHlCQUF5Qix5REFDekIsMkJBQTJCOztTQWFsQixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkF4Qi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLDJCQUEyQjtxQkFDNUIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUM7eUJBQ25EO3FCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1aXNJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vc3Vpcy1pY29uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RMYWJlbFBpcGUgfSBmcm9tICcuL3N1aXMtc2VsZWN0LWxhYmVsLnBpcGUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdElzU2VsZWN0ZWRQaXBlIH0gZnJvbSAnLi9zdWlzLXNlbGVjdC1pcy1zZWxlY3RlZC5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24nO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9waXBlcy9zdWlzLXNlbGVjdC1zb3J0LW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUgfSBmcm9tICcuLi8uLi9zaGFyZWQvcGlwZXMvc3Vpcy1zZWxlY3QtZmlsdGVyLW9wdGlvbnMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0QmFzZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jbGFzc2VzL3N1aXMtc2VsZWN0LmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgU3Vpc0ljb25Db21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0TGFiZWxQaXBlLFxuICAgIFN1aXNTZWxlY3RJc1NlbGVjdGVkUGlwZSxcbiAgICBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlLFxuICAgIFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1aXMtc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3Vpcy1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTdWlzU2VsZWN0Q29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0Q29tcG9uZW50PFQ+IGV4dGVuZHMgU3Vpc1NlbGVjdEJhc2U8VD4ge1xuICAvKiogQGludGVybmFsICovXG4gIHZhbHVlOiBUIHwgbnVsbCA9IG51bGw7XG5cbiAgb3ZlcnJpZGUgd3JpdGVWYWx1ZShvYmo6IFQpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gb2JqO1xuICAgIHRoaXMuX29uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvdmVycmlkZSBvblNlbGVjdCh2YWx1ZTogVCkge1xuICAgIGlmIChKU09OLnN0cmluZ2lmeSh0aGlzLnZhbHVlKSA9PT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpKVxuICAgICAgcmV0dXJuIHRoaXMuY2xlYXJWYWx1ZSgpO1xuICAgIHRoaXMuc2V0VmFsdWUodmFsdWUpO1xuICB9XG5cbiAgb3ZlcnJpZGUgY2xlYXJWYWx1ZSgpIHtcbiAgICB0aGlzLnNldFZhbHVlKG51bGwpO1xuICB9XG5cbiAgb3ZlcnJpZGUgc2V0VmFsdWUodmFsdWU6IFQgfCBudWxsKSB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMudG9nZ2xlKGZhbHNlKTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdCgpO1xuICAgIHRoaXMuY2RSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdWlzLXNlbGVjdFwiPlxyXG4gIDxidXR0b25cclxuICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIlxyXG4gICAgY2xhc3M9XCJzdWlzLXNlbGVjdF9fYnV0dG9uXCJcclxuICAgIFtjbGFzcy5zdWlzLXNlbGVjdF9fYnV0dG9uLS1pbnZhbGlkXT1cImludmFsaWRcIlxyXG4gICAgW2Rpc2FibGVkXT1cInJlYWRvbmx5XCJcclxuICA+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0X19idXR0b25fX3ZhbHVlXCI+XHJcbiAgICAgIHt7IHZhbHVlIHwgc3Vpc1NlbGVjdExhYmVsIDogb3B0aW9ucyA6IHBsYWNlaG9sZGVyIH19XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN1aXMtc2VsZWN0X19idXR0b25fX2FjdGlvbnNcIj5cclxuICAgICAgPHN1aXMtaWNvblxyXG4gICAgICAgICpuZ0lmPVwidmFsdWVcIlxyXG4gICAgICAgIGNsYXNzPVwic3Vpcy1zZWxlY3RfX2J1dHRvbl9fY3Jvc3NcIlxyXG4gICAgICAgIFt0eXBlXT1cIlN1aXNJY29uVHlwZS5DUk9TU1wiXHJcbiAgICAgICAgc2l6ZT1cImxnXCJcclxuICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxyXG4gICAgICAgIChjbGljayk9XCJvbkNsZWFyKCRldmVudClcIlxyXG4gICAgICA+PC9zdWlzLWljb24+XHJcbiAgICAgIDxzdWlzLWljb25cclxuICAgICAgICBjbGFzcz1cInN1aXMtc2VsZWN0X19idXR0b25fX2NoZXZyb25cIlxyXG4gICAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gU3Vpc0ljb25UeXBlLkNIRVZST05fVVAgOiBTdWlzSWNvblR5cGUuQ0hFVlJPTl9ET1dOXCJcclxuICAgICAgICBzaXplPVwibGdcIlxyXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgID48L3N1aXMtaWNvbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L2J1dHRvbj5cclxuICA8ZGl2ICpuZ0lmPVwiZXhwYW5kZWRcIiBjbGFzcz1cInN1aXMtc2VsZWN0X19saXN0XCI+XHJcbiAgICA8aW5wdXRcclxuICAgICAgKm5nSWY9XCJzZWFyY2hcIlxyXG4gICAgICBbbmdNb2RlbF09XCJzZWFyY2hQaHJhc2VcIlxyXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJvblNlYXJjaFBocmFzZUNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgY2xhc3M9XCJzdWlzLXNlbGVjdF9fbGlzdF9fc2VhcmNoXCJcclxuICAgICAgdHlwZT1cInNlYXJjaFwiXHJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiXHJcbiAgICAvPlxyXG4gICAgPHN1aXMtc2VsZWN0LW9wdGlvblxyXG4gICAgICAqbmdGb3I9XCJcclxuICAgICAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnNcclxuICAgICAgICAgIHwgc3Vpc1NlbGVjdFNvcnRPcHRpb25zXHJcbiAgICAgICAgICB8IHN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zIDogc2VhcmNoUGhyYXNlXHJcbiAgICAgIFwiXHJcbiAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcclxuICAgICAgW3RlbXBsYXRlUmVmXT1cInN1aXNTZWxlY3RPcHRpb24/LnRlbXBsYXRlUmVmXCJcclxuICAgICAgW3NlbGVjdGVkXT1cIm9wdGlvbi52YWx1ZSB8IHN1aXNTZWxlY3RJc1NlbGVjdGVkIDogdmFsdWVcIlxyXG4gICAgICAoY2xpY2tlZCk9XCJvblNlbGVjdChvcHRpb24udmFsdWUpXCJcclxuICAgID48L3N1aXMtc2VsZWN0LW9wdGlvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './suis-select-multi.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
class SuisSelectMultiChipsPipe {
|
|
4
|
+
transform(values, options) {
|
|
5
|
+
const selectedOptions = [];
|
|
6
|
+
values.forEach((value) => {
|
|
7
|
+
const selectedOption = options.find((option) => JSON.stringify(option.value) === JSON.stringify(value));
|
|
8
|
+
if (!selectedOption)
|
|
9
|
+
throw Error('[SuisSelectMultiLabelPipe] Provided value does not belong to valid values');
|
|
10
|
+
selectedOptions.push(selectedOption.label);
|
|
11
|
+
});
|
|
12
|
+
return selectedOptions;
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiChipsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
15
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiChipsPipe, isStandalone: true, name: "suisSelectMultiChips" }); }
|
|
16
|
+
}
|
|
17
|
+
export { SuisSelectMultiChipsPipe };
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiChipsPipe, decorators: [{
|
|
19
|
+
type: Pipe,
|
|
20
|
+
args: [{
|
|
21
|
+
standalone: true,
|
|
22
|
+
name: 'suisSelectMultiChips',
|
|
23
|
+
}]
|
|
24
|
+
}] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtbXVsdGkvc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFHcEQsTUFJYSx3QkFBd0I7SUFDbkMsU0FBUyxDQUFDLE1BQVcsRUFBRSxPQUE4QjtRQUNuRCxNQUFNLGVBQWUsR0FBYSxFQUFFLENBQUM7UUFFckMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQ3ZCLE1BQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQ2pDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUNuRSxDQUFDO1lBQ0YsSUFBSSxDQUFDLGNBQWM7Z0JBQ2pCLE1BQU0sS0FBSyxDQUNULDJFQUEyRSxDQUM1RSxDQUFDO1lBQ0osZUFBZSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDN0MsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLGVBQWUsQ0FBQztJQUN6QixDQUFDOzhHQWhCVSx3QkFBd0I7NEdBQXhCLHdCQUF3Qjs7U0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBSnBDLElBQUk7bUJBQUM7b0JBQ0osVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRSxzQkFBc0I7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vpc1NlbGVjdE9wdGlvbiB9IGZyb20gJy4uL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XG5cbkBQaXBlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgbmFtZTogJ3N1aXNTZWxlY3RNdWx0aUNoaXBzJyxcbn0pXG5leHBvcnQgY2xhc3MgU3Vpc1NlbGVjdE11bHRpQ2hpcHNQaXBlPFQ+IGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybSh2YWx1ZXM6IFRbXSwgb3B0aW9uczogU3Vpc1NlbGVjdE9wdGlvbjxUPltdKTogc3RyaW5nW10ge1xuICAgIGNvbnN0IHNlbGVjdGVkT3B0aW9uczogc3RyaW5nW10gPSBbXTtcblxuICAgIHZhbHVlcy5mb3JFYWNoKCh2YWx1ZSkgPT4ge1xuICAgICAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSBvcHRpb25zLmZpbmQoXG4gICAgICAgIChvcHRpb24pID0+IEpTT04uc3RyaW5naWZ5KG9wdGlvbi52YWx1ZSkgPT09IEpTT04uc3RyaW5naWZ5KHZhbHVlKVxuICAgICAgKTtcbiAgICAgIGlmICghc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgIHRocm93IEVycm9yKFxuICAgICAgICAgICdbU3Vpc1NlbGVjdE11bHRpTGFiZWxQaXBlXSBQcm92aWRlZCB2YWx1ZSBkb2VzIG5vdCBiZWxvbmcgdG8gdmFsaWQgdmFsdWVzJ1xuICAgICAgICApO1xuICAgICAgc2VsZWN0ZWRPcHRpb25zLnB1c2goc2VsZWN0ZWRPcHRpb24ubGFiZWwpO1xuICAgIH0pO1xuXG4gICAgcmV0dXJuIHNlbGVjdGVkT3B0aW9ucztcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Pipe } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
class SuisSelectMultiIsSelectedPipe {
|
|
4
|
+
transform(optionValue, values) {
|
|
5
|
+
return values.some((value) => JSON.stringify(value) === JSON.stringify(optionValue));
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiIsSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
8
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiIsSelectedPipe, isStandalone: true, name: "suisSelectMultiIsSelected" }); }
|
|
9
|
+
}
|
|
10
|
+
export { SuisSelectMultiIsSelectedPipe };
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiIsSelectedPipe, decorators: [{
|
|
12
|
+
type: Pipe,
|
|
13
|
+
args: [{
|
|
14
|
+
standalone: true,
|
|
15
|
+
name: 'suisSelectMultiIsSelected',
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL2NvbXBvbmVudHMvc3Vpcy1zZWxlY3QtbXVsdGkvc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFFcEQsTUFJYSw2QkFBNkI7SUFDeEMsU0FBUyxDQUFDLFdBQWMsRUFBRSxNQUFXO1FBQ25DLE9BQU8sTUFBTSxDQUFDLElBQUksQ0FDaEIsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsQ0FDakUsQ0FBQztJQUNKLENBQUM7OEdBTFUsNkJBQTZCOzRHQUE3Qiw2QkFBNkI7O1NBQTdCLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUp6QyxJQUFJO21CQUFDO29CQUNKLFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUUsMkJBQTJCO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQFBpcGUoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBuYW1lOiAnc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCcsXG59KVxuZXhwb3J0IGNsYXNzIFN1aXNTZWxlY3RNdWx0aUlzU2VsZWN0ZWRQaXBlPFQ+IGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShvcHRpb25WYWx1ZTogVCwgdmFsdWVzOiBUW10pOiBib29sZWFuIHtcbiAgICByZXR1cm4gdmFsdWVzLnNvbWUoXG4gICAgICAodmFsdWUpID0+IEpTT04uc3RyaW5naWZ5KHZhbHVlKSA9PT0gSlNPTi5zdHJpbmdpZnkob3B0aW9uVmFsdWUpXG4gICAgKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, forwardRef, } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SuisSelectBase } from '../../shared/classes/suis-select.base';
|
|
4
|
+
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
5
|
+
import { SuisIconComponent } from '../suis-icon/suis-icon.component';
|
|
6
|
+
import { SuisSelectOptionComponent } from '../suis-select-option/suis-select-option.component';
|
|
7
|
+
import { SuisSelectSortOptionsPipe } from '../../shared/pipes/suis-select-sort-options.pipe';
|
|
8
|
+
import { SuisSelectFilterOptionsPipe } from '../../shared/pipes/suis-select-filter-options.pipe';
|
|
9
|
+
import { SuisSelectMultiChipsPipe } from './suis-select-multi-chips.pipe';
|
|
10
|
+
import { SuisSelectMultiIsSelectedPipe } from './suis-select-multi-is-selected.pipe';
|
|
11
|
+
import { SuisChipComponent } from '../suis-chip';
|
|
12
|
+
import * as i0 from "@angular/core";
|
|
13
|
+
import * as i1 from "@angular/common";
|
|
14
|
+
import * as i2 from "@angular/forms";
|
|
15
|
+
class SuisSelectMultiComponent extends SuisSelectBase {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments);
|
|
18
|
+
/** @internal */
|
|
19
|
+
this.values = [];
|
|
20
|
+
/**
|
|
21
|
+
* Allows to select duplicated values and remove checkboxes next to options' label. By default set to false.
|
|
22
|
+
*/
|
|
23
|
+
this.duplicate = false;
|
|
24
|
+
/**
|
|
25
|
+
* Sets the color pallette of the chips. Type of SuisColor. By default set to 'primary'.
|
|
26
|
+
*/
|
|
27
|
+
this.chipColor = 'primary';
|
|
28
|
+
/**
|
|
29
|
+
* Sets the color of the chips' cross icon. Type of SuisColor. By default set to 'white'.
|
|
30
|
+
*/
|
|
31
|
+
this.chipIconColor = 'white';
|
|
32
|
+
}
|
|
33
|
+
writeValue(obj) {
|
|
34
|
+
this.values = obj;
|
|
35
|
+
this._onChange(this.values);
|
|
36
|
+
this.cdRef.markForCheck();
|
|
37
|
+
}
|
|
38
|
+
onSelect(value) {
|
|
39
|
+
if (this.duplicate ||
|
|
40
|
+
!this.values.some((value) => JSON.stringify(value) === JSON.stringify(value))) {
|
|
41
|
+
this.setValue([...this.values, value]);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.setValue([
|
|
45
|
+
...this.values.filter((value) => JSON.stringify(value) !== JSON.stringify(value)),
|
|
46
|
+
]);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
onRemove(index) {
|
|
50
|
+
const values = [...this.values];
|
|
51
|
+
values.splice(index, 1);
|
|
52
|
+
this.setValue([...values]);
|
|
53
|
+
}
|
|
54
|
+
clearValue() {
|
|
55
|
+
this.setValue([]);
|
|
56
|
+
}
|
|
57
|
+
setValue(value) {
|
|
58
|
+
this.values = value;
|
|
59
|
+
this._onChange(this.values);
|
|
60
|
+
this.changed.emit();
|
|
61
|
+
this.cdRef.markForCheck();
|
|
62
|
+
}
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: SuisSelectMultiComponent, isStandalone: true, selector: "suis-select-multi", inputs: { duplicate: "duplicate", chipColor: "chipColor", chipIconColor: "chipIconColor" }, providers: [
|
|
65
|
+
{
|
|
66
|
+
provide: NG_VALUE_ACCESSOR,
|
|
67
|
+
multi: true,
|
|
68
|
+
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
|
69
|
+
},
|
|
70
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"suis-select-multi\">\r\n <button\r\n type=\"button\"\r\n (click)=\"onExpand()\"\r\n class=\"suis-select-multi__button\"\r\n [class.suis-select-multi__button--invalid]=\"invalid\"\r\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\r\n [disabled]=\"readonly\"\r\n >\r\n <span class=\"suis-select-multi__button__value\">\r\n <ng-container *ngIf=\"!values?.length\">\r\n {{ placeholder }}\r\n </ng-container>\r\n <ng-container *ngIf=\"values?.length\">\r\n <suis-chip\r\n *ngFor=\"\r\n let value of values | suisSelectMultiChips : options;\r\n let index = index\r\n \"\r\n [removable]=\"true\"\r\n [color]=\"chipColor\"\r\n [iconColor]=\"chipIconColor\"\r\n (remove)=\"onRemove(index)\"\r\n >\r\n {{ value }}\r\n </suis-chip>\r\n </ng-container>\r\n </span>\r\n <span class=\"suis-select-multi__button__actions\">\r\n <suis-icon\r\n *ngIf=\"values?.length\"\r\n class=\"suis-select-multi__button__cross\"\r\n [type]=\"SuisIconType.CROSS\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n (click)=\"onClear($event)\"\r\n tabindex=\"0\"\r\n ></suis-icon>\r\n <suis-icon\r\n class=\"suis-select-multi__button__chevron\"\r\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n tabindex=\"0\"\r\n ></suis-icon>\r\n </span>\r\n </button>\r\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\r\n <input\r\n *ngIf=\"search\"\r\n [ngModel]=\"searchPhrase\"\r\n (ngModelChange)=\"onSearchPhraseChange($event)\"\r\n class=\"suis-select-multi__list__search\"\r\n type=\"search\"\r\n [placeholder]=\"searchPlaceholder\"\r\n />\r\n <suis-select-option\r\n *ngFor=\"\r\n let option of options\r\n | suisSelectSortOptions\r\n | suisSelectFilterOptions : searchPhrase\r\n \"\r\n [option]=\"option\"\r\n [templateRef]=\"suisSelectOption?.templateRef\"\r\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\r\n [checkbox]=\"!duplicate\"\r\n (clicked)=\"onSelect(option.value)\"\r\n ></suis-select-option>\r\n </div>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SuisIconComponent, selector: "suis-icon", inputs: ["size", "color", "type", "outlined", "filled", "pointer", "bold"] }, { kind: "component", type: SuisChipComponent, selector: "suis-chip", inputs: ["color", "iconColor", "removable"], outputs: ["remove"] }, { kind: "component", type: SuisSelectOptionComponent, selector: "suis-select-option", inputs: ["option", "templateRef", "selected", "checkbox"], outputs: ["clicked"] }, { kind: "pipe", type: SuisSelectMultiChipsPipe, name: "suisSelectMultiChips" }, { kind: "pipe", type: SuisSelectMultiIsSelectedPipe, name: "suisSelectMultiIsSelected" }, { kind: "pipe", type: SuisSelectSortOptionsPipe, name: "suisSelectSortOptions" }, { kind: "pipe", type: SuisSelectFilterOptionsPipe, name: "suisSelectFilterOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
71
|
+
}
|
|
72
|
+
export { SuisSelectMultiComponent };
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisSelectMultiComponent, decorators: [{
|
|
74
|
+
type: Component,
|
|
75
|
+
args: [{ selector: 'suis-select-multi', standalone: true, imports: [
|
|
76
|
+
CommonModule,
|
|
77
|
+
FormsModule,
|
|
78
|
+
SuisIconComponent,
|
|
79
|
+
SuisChipComponent,
|
|
80
|
+
SuisSelectOptionComponent,
|
|
81
|
+
SuisSelectMultiChipsPipe,
|
|
82
|
+
SuisSelectMultiIsSelectedPipe,
|
|
83
|
+
SuisSelectSortOptionsPipe,
|
|
84
|
+
SuisSelectFilterOptionsPipe,
|
|
85
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
86
|
+
{
|
|
87
|
+
provide: NG_VALUE_ACCESSOR,
|
|
88
|
+
multi: true,
|
|
89
|
+
useExisting: forwardRef(() => SuisSelectMultiComponent),
|
|
90
|
+
},
|
|
91
|
+
], template: "<div class=\"suis-select-multi\">\r\n <button\r\n type=\"button\"\r\n (click)=\"onExpand()\"\r\n class=\"suis-select-multi__button\"\r\n [class.suis-select-multi__button--invalid]=\"invalid\"\r\n [class.suis-select-multi__button--valid]=\"values.length > 0\"\r\n [disabled]=\"readonly\"\r\n >\r\n <span class=\"suis-select-multi__button__value\">\r\n <ng-container *ngIf=\"!values?.length\">\r\n {{ placeholder }}\r\n </ng-container>\r\n <ng-container *ngIf=\"values?.length\">\r\n <suis-chip\r\n *ngFor=\"\r\n let value of values | suisSelectMultiChips : options;\r\n let index = index\r\n \"\r\n [removable]=\"true\"\r\n [color]=\"chipColor\"\r\n [iconColor]=\"chipIconColor\"\r\n (remove)=\"onRemove(index)\"\r\n >\r\n {{ value }}\r\n </suis-chip>\r\n </ng-container>\r\n </span>\r\n <span class=\"suis-select-multi__button__actions\">\r\n <suis-icon\r\n *ngIf=\"values?.length\"\r\n class=\"suis-select-multi__button__cross\"\r\n [type]=\"SuisIconType.CROSS\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n (click)=\"onClear($event)\"\r\n tabindex=\"0\"\r\n ></suis-icon>\r\n <suis-icon\r\n class=\"suis-select-multi__button__chevron\"\r\n [type]=\"expanded ? SuisIconType.CHEVRON_UP : SuisIconType.CHEVRON_DOWN\"\r\n size=\"lg\"\r\n color=\"primary\"\r\n tabindex=\"0\"\r\n ></suis-icon>\r\n </span>\r\n </button>\r\n <div *ngIf=\"expanded\" class=\"suis-select-multi__list\">\r\n <input\r\n *ngIf=\"search\"\r\n [ngModel]=\"searchPhrase\"\r\n (ngModelChange)=\"onSearchPhraseChange($event)\"\r\n class=\"suis-select-multi__list__search\"\r\n type=\"search\"\r\n [placeholder]=\"searchPlaceholder\"\r\n />\r\n <suis-select-option\r\n *ngFor=\"\r\n let option of options\r\n | suisSelectSortOptions\r\n | suisSelectFilterOptions : searchPhrase\r\n \"\r\n [option]=\"option\"\r\n [templateRef]=\"suisSelectOption?.templateRef\"\r\n [selected]=\"option.value | suisSelectMultiIsSelected : values\"\r\n [checkbox]=\"!duplicate\"\r\n (clicked)=\"onSelect(option.value)\"\r\n ></suis-select-option>\r\n </div>\r\n</div>\r\n", styles: ["*{margin:0;padding:0;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suis-select-multi{position:relative}.suis-select-multi__button{width:100%;background-color:#fff;box-shadow:0 2px 5px #00000080;border-radius:.25rem;padding:.5rem 1rem;border:0;min-height:2rem;position:relative;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .25rem 1rem;cursor:pointer}.suis-select-multi__button:focus{box-shadow:0 2px 5px #192a56bf;outline:none}.suis-select-multi__button--invalid{box-shadow:0 2px 5px #ff4757bf}.suis-select-multi__button__value{width:100%;text-align:left;text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.suis-select-multi__button__actions{margin-left:.25rem;display:flex;justify-content:right;align-items:center}.suis-select-multi__button--valid{padding-bottom:.125rem}.suis-select-multi__button suis-chip{margin-right:.25rem;margin-bottom:.125rem}.suis-select-multi__button suis-chip:last-child{margin-right:0}.suis-select-multi__button__value{display:flex;flex-wrap:wrap}.suis-select-multi__list{position:absolute;z-index:10;background-color:#fff;box-shadow:0 2px 5px #00000080;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;width:100%;top:2rem;left:0;max-height:12.25rem;overflow-y:auto}.suis-select-multi__list__search{width:100%;border:none;border-bottom:1px solid #dcdde1;padding:.375rem 1rem}.suis-select-multi__list__search:focus{outline:none}.suis-select-multi__list::-webkit-scrollbar{width:.5rem}.suis-select-multi__list::-webkit-scrollbar-track{background:#f5f6fa}.suis-select-multi__list::-webkit-scrollbar-thumb{background:#dcdde1}.suis-select-multi__list::-webkit-scrollbar-thumb:hover{background:#bcbcbc}\n"] }]
|
|
92
|
+
}], propDecorators: { duplicate: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], chipColor: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}], chipIconColor: [{
|
|
97
|
+
type: Input
|
|
98
|
+
}] } });
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QtbXVsdGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9zdWlzL3NyYy9saWIvY29tcG9uZW50cy9zdWlzLXNlbGVjdC1tdWx0aS9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW11bHRpL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULEtBQUssRUFDTCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDN0YsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDakcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDMUUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDckYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7O0FBR2pELE1BeUJhLHdCQUE0QixTQUFRLGNBQWlCO0lBekJsRTs7UUEwQkUsZ0JBQWdCO1FBQ2hCLFdBQU0sR0FBUSxFQUFFLENBQUM7UUFFakI7O1dBRUc7UUFDTSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRXBDOztXQUVHO1FBQ00sY0FBUyxHQUFjLFNBQVMsQ0FBQztRQUUxQzs7V0FFRztRQUNNLGtCQUFhLEdBQWMsT0FBTyxDQUFDO0tBeUM3QztJQXZDVSxVQUFVLENBQUMsR0FBUTtRQUMxQixJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztRQUNsQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFUSxRQUFRLENBQUMsS0FBUTtRQUN4QixJQUNFLElBQUksQ0FBQyxTQUFTO1lBQ2QsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDZixDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUMzRCxFQUNEO1lBQ0EsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1NBQ3hDO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDO2dCQUNaLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQ25CLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQzNEO2FBQ0YsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsTUFBTSxNQUFNLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNoQyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN4QixJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFUSxVQUFVO1FBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQUVRLFFBQVEsQ0FBQyxLQUFVO1FBQzFCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM1QixDQUFDOzhHQXpEVSx3QkFBd0I7a0dBQXhCLHdCQUF3Qiw0SkFSeEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixLQUFLLEVBQUUsSUFBSTtnQkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2FBQ3hEO1NBQ0YsaURDekNILHkxRUFzRUEsNnZERGhESSxZQUFZLCtQQUNaLFdBQVcsK21CQUNYLGlCQUFpQixrSUFDakIsaUJBQWlCLHdIQUNqQix5QkFBeUIsMklBQ3pCLHdCQUF3Qix3REFDeEIsNkJBQTZCLDZEQUM3Qix5QkFBeUIseURBQ3pCLDJCQUEyQjs7U0FhbEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBekJwQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGlCQUFpQjt3QkFDakIsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLHdCQUF3Qjt3QkFDeEIsNkJBQTZCO3dCQUM3Qix5QkFBeUI7d0JBQ3pCLDJCQUEyQjtxQkFDNUIsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7eUJBQ3hEO3FCQUNGOzhCQVNRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFN1aXNTZWxlY3RCYXNlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NsYXNzZXMvc3Vpcy1zZWxlY3QuYmFzZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWlzSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtaWNvbi9zdWlzLWljb24uY29tcG9uZW50JztcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25Db21wb25lbnQgfSBmcm9tICcuLi9zdWlzLXNlbGVjdC1vcHRpb24vc3Vpcy1zZWxlY3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0U29ydE9wdGlvbnNQaXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL3BpcGVzL3N1aXMtc2VsZWN0LXNvcnQtb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RGaWx0ZXJPcHRpb25zUGlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9waXBlcy9zdWlzLXNlbGVjdC1maWx0ZXItb3B0aW9ucy5waXBlJztcbmltcG9ydCB7IFN1aXNTZWxlY3RNdWx0aUNoaXBzUGlwZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGktY2hpcHMucGlwZSc7XG5pbXBvcnQgeyBTdWlzU2VsZWN0TXVsdGlJc1NlbGVjdGVkUGlwZSB9IGZyb20gJy4vc3Vpcy1zZWxlY3QtbXVsdGktaXMtc2VsZWN0ZWQucGlwZSc7XG5pbXBvcnQgeyBTdWlzQ2hpcENvbXBvbmVudCB9IGZyb20gJy4uL3N1aXMtY2hpcCc7XG5pbXBvcnQgeyBTdWlzQ29sb3IgfSBmcm9tICcuLi8uLi90eXBlcy9zdWlzLWNvbG9yLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWlzLXNlbGVjdC1tdWx0aScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgU3Vpc0ljb25Db21wb25lbnQsXG4gICAgU3Vpc0NoaXBDb21wb25lbnQsXG4gICAgU3Vpc1NlbGVjdE9wdGlvbkNvbXBvbmVudCxcbiAgICBTdWlzU2VsZWN0TXVsdGlDaGlwc1BpcGUsXG4gICAgU3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZFBpcGUsXG4gICAgU3Vpc1NlbGVjdFNvcnRPcHRpb25zUGlwZSxcbiAgICBTdWlzU2VsZWN0RmlsdGVyT3B0aW9uc1BpcGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWlzLXNlbGVjdC1tdWx0aS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1aXMtc2VsZWN0LW11bHRpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3Vpc1NlbGVjdE11bHRpQ29tcG9uZW50KSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdWlzU2VsZWN0TXVsdGlDb21wb25lbnQ8VD4gZXh0ZW5kcyBTdWlzU2VsZWN0QmFzZTxUPiB7XG4gIC8qKiBAaW50ZXJuYWwgKi9cbiAgdmFsdWVzOiBUW10gPSBbXTtcblxuICAvKipcbiAgICogQWxsb3dzIHRvIHNlbGVjdCBkdXBsaWNhdGVkIHZhbHVlcyBhbmQgcmVtb3ZlIGNoZWNrYm94ZXMgbmV4dCB0byBvcHRpb25zJyBsYWJlbC4gQnkgZGVmYXVsdCBzZXQgdG8gZmFsc2UuXG4gICAqL1xuICBASW5wdXQoKSBkdXBsaWNhdGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU2V0cyB0aGUgY29sb3IgcGFsbGV0dGUgb2YgdGhlIGNoaXBzLiBUeXBlIG9mIFN1aXNDb2xvci4gQnkgZGVmYXVsdCBzZXQgdG8gJ3ByaW1hcnknLlxuICAgKi9cbiAgQElucHV0KCkgY2hpcENvbG9yOiBTdWlzQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGNvbG9yIG9mIHRoZSBjaGlwcycgY3Jvc3MgaWNvbi4gVHlwZSBvZiBTdWlzQ29sb3IuIEJ5IGRlZmF1bHQgc2V0IHRvICd3aGl0ZScuXG4gICAqL1xuICBASW5wdXQoKSBjaGlwSWNvbkNvbG9yOiBTdWlzQ29sb3IgPSAnd2hpdGUnO1xuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUob2JqOiBUW10pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlcyA9IG9iajtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlcyk7XG4gICAgdGhpcy5jZFJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG92ZXJyaWRlIG9uU2VsZWN0KHZhbHVlOiBUKTogdm9pZCB7XG4gICAgaWYgKFxuICAgICAgdGhpcy5kdXBsaWNhdGUgfHxcbiAgICAgICF0aGlzLnZhbHVlcy5zb21lKFxuICAgICAgICAodmFsdWUpID0+IEpTT04uc3RyaW5naWZ5KHZhbHVlKSA9PT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpXG4gICAgICApXG4gICAgKSB7XG4gICAgICB0aGlzLnNldFZhbHVlKFsuLi50aGlzLnZhbHVlcywgdmFsdWVdKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZXRWYWx1ZShbXG4gICAgICAgIC4uLnRoaXMudmFsdWVzLmZpbHRlcihcbiAgICAgICAgICAodmFsdWUpID0+IEpTT04uc3RyaW5naWZ5KHZhbHVlKSAhPT0gSlNPTi5zdHJpbmdpZnkodmFsdWUpXG4gICAgICAgICksXG4gICAgICBdKTtcbiAgICB9XG4gIH1cblxuICBvblJlbW92ZShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWVzID0gWy4uLnRoaXMudmFsdWVzXTtcbiAgICB2YWx1ZXMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICB0aGlzLnNldFZhbHVlKFsuLi52YWx1ZXNdKTtcbiAgfVxuXG4gIG92ZXJyaWRlIGNsZWFyVmFsdWUoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRWYWx1ZShbXSk7XG4gIH1cblxuICBvdmVycmlkZSBzZXRWYWx1ZSh2YWx1ZTogVFtdKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZXMgPSB2YWx1ZTtcbiAgICB0aGlzLl9vbkNoYW5nZSh0aGlzLnZhbHVlcyk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQoKTtcbiAgICB0aGlzLmNkUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlcIj5cclxuICA8YnV0dG9uXHJcbiAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgIChjbGljayk9XCJvbkV4cGFuZCgpXCJcclxuICAgIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvblwiXHJcbiAgICBbY2xhc3Muc3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbi0taW52YWxpZF09XCJpbnZhbGlkXCJcclxuICAgIFtjbGFzcy5zdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uLS12YWxpZF09XCJ2YWx1ZXMubGVuZ3RoID4gMFwiXHJcbiAgICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIlxyXG4gID5cclxuICAgIDxzcGFuIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2J1dHRvbl9fdmFsdWVcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF2YWx1ZXM/Lmxlbmd0aFwiPlxyXG4gICAgICAgIHt7IHBsYWNlaG9sZGVyIH19XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidmFsdWVzPy5sZW5ndGhcIj5cclxuICAgICAgICA8c3Vpcy1jaGlwXHJcbiAgICAgICAgICAqbmdGb3I9XCJcclxuICAgICAgICAgICAgbGV0IHZhbHVlIG9mIHZhbHVlcyB8IHN1aXNTZWxlY3RNdWx0aUNoaXBzIDogb3B0aW9ucztcclxuICAgICAgICAgICAgbGV0IGluZGV4ID0gaW5kZXhcclxuICAgICAgICAgIFwiXHJcbiAgICAgICAgICBbcmVtb3ZhYmxlXT1cInRydWVcIlxyXG4gICAgICAgICAgW2NvbG9yXT1cImNoaXBDb2xvclwiXHJcbiAgICAgICAgICBbaWNvbkNvbG9yXT1cImNoaXBJY29uQ29sb3JcIlxyXG4gICAgICAgICAgKHJlbW92ZSk9XCJvblJlbW92ZShpbmRleClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7IHZhbHVlIH19XHJcbiAgICAgICAgPC9zdWlzLWNoaXA+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJzdWlzLXNlbGVjdC1tdWx0aV9fYnV0dG9uX19hY3Rpb25zXCI+XHJcbiAgICAgIDxzdWlzLWljb25cclxuICAgICAgICAqbmdJZj1cInZhbHVlcz8ubGVuZ3RoXCJcclxuICAgICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19idXR0b25fX2Nyb3NzXCJcclxuICAgICAgICBbdHlwZV09XCJTdWlzSWNvblR5cGUuQ1JPU1NcIlxyXG4gICAgICAgIHNpemU9XCJsZ1wiXHJcbiAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcclxuICAgICAgICAoY2xpY2spPVwib25DbGVhcigkZXZlbnQpXCJcclxuICAgICAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgICA+PC9zdWlzLWljb24+XHJcbiAgICAgIDxzdWlzLWljb25cclxuICAgICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19idXR0b25fX2NoZXZyb25cIlxyXG4gICAgICAgIFt0eXBlXT1cImV4cGFuZGVkID8gU3Vpc0ljb25UeXBlLkNIRVZST05fVVAgOiBTdWlzSWNvblR5cGUuQ0hFVlJPTl9ET1dOXCJcclxuICAgICAgICBzaXplPVwibGdcIlxyXG4gICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXHJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCJcclxuICAgICAgPjwvc3Vpcy1pY29uPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvYnV0dG9uPlxyXG4gIDxkaXYgKm5nSWY9XCJleHBhbmRlZFwiIGNsYXNzPVwic3Vpcy1zZWxlY3QtbXVsdGlfX2xpc3RcIj5cclxuICAgIDxpbnB1dFxyXG4gICAgICAqbmdJZj1cInNlYXJjaFwiXHJcbiAgICAgIFtuZ01vZGVsXT1cInNlYXJjaFBocmFzZVwiXHJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU2VhcmNoUGhyYXNlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICBjbGFzcz1cInN1aXMtc2VsZWN0LW11bHRpX19saXN0X19zZWFyY2hcIlxyXG4gICAgICB0eXBlPVwic2VhcmNoXCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcclxuICAgIC8+XHJcbiAgICA8c3Vpcy1zZWxlY3Qtb3B0aW9uXHJcbiAgICAgICpuZ0Zvcj1cIlxyXG4gICAgICAgIGxldCBvcHRpb24gb2Ygb3B0aW9uc1xyXG4gICAgICAgICAgfCBzdWlzU2VsZWN0U29ydE9wdGlvbnNcclxuICAgICAgICAgIHwgc3Vpc1NlbGVjdEZpbHRlck9wdGlvbnMgOiBzZWFyY2hQaHJhc2VcclxuICAgICAgXCJcclxuICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxyXG4gICAgICBbdGVtcGxhdGVSZWZdPVwic3Vpc1NlbGVjdE9wdGlvbj8udGVtcGxhdGVSZWZcIlxyXG4gICAgICBbc2VsZWN0ZWRdPVwib3B0aW9uLnZhbHVlIHwgc3Vpc1NlbGVjdE11bHRpSXNTZWxlY3RlZCA6IHZhbHVlc1wiXHJcbiAgICAgIFtjaGVja2JveF09XCIhZHVwbGljYXRlXCJcclxuICAgICAgKGNsaWNrZWQpPVwib25TZWxlY3Qob3B0aW9uLnZhbHVlKVwiXHJcbiAgICA+PC9zdWlzLXNlbGVjdC1vcHRpb24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtb3B0aW9uLmludGVyZmFjZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTdWlzU2VsZWN0T3B0aW9uPFQ+
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3Qtb3B0aW9uLmludGVyZmFjZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTdWlzU2VsZWN0T3B0aW9uPFQ+IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIHZhbHVlOiBUO1xyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './suis-notification.service';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3N1aXMvc3JjL2xpYi9zZXJ2aWNlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdWlzLW5vdGlmaWNhdGlvbi5zZXJ2aWNlJztcbiJdfQ==
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { Injectable, signal } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
let UNIQUE_ID = 1;
|
|
4
|
+
class SuisNotificationService {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.notifications = signal([]);
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* @returns array of the current notifications. Type of SuisNotification[].
|
|
10
|
+
*/
|
|
11
|
+
getNotifications() {
|
|
12
|
+
return this.notifications.asReadonly();
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Adds success notification
|
|
16
|
+
* @param message text displayed in the notification
|
|
17
|
+
* @param delay time in ms after notification will be destroyed
|
|
18
|
+
*/
|
|
19
|
+
success(message, delay = 2500) {
|
|
20
|
+
this.addNotification(message, delay, 'success');
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Adds warning notification
|
|
24
|
+
* @param message text displayed in the notification
|
|
25
|
+
* @param delay time in ms after notification will be destroyed
|
|
26
|
+
*/
|
|
27
|
+
warning(message, delay = 2500) {
|
|
28
|
+
this.addNotification(message, delay, 'warning');
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Adds danger notification
|
|
32
|
+
* @param message text displayed in the notification
|
|
33
|
+
* @param delay time in ms after notification will be destroyed
|
|
34
|
+
*/
|
|
35
|
+
danger(message, delay = 2500) {
|
|
36
|
+
this.addNotification(message, delay, 'danger');
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* Removes notification immediately
|
|
40
|
+
* @param id id of the notification to be removed
|
|
41
|
+
*/
|
|
42
|
+
forceRemoveNotification(id) {
|
|
43
|
+
this.removeNotification(id);
|
|
44
|
+
}
|
|
45
|
+
/** @internal */
|
|
46
|
+
getId() {
|
|
47
|
+
return `suis-notification--${UNIQUE_ID++}`;
|
|
48
|
+
}
|
|
49
|
+
/** @internal */
|
|
50
|
+
addNotification(message, delay, type) {
|
|
51
|
+
const notification = {
|
|
52
|
+
id: this.getId(),
|
|
53
|
+
message: message,
|
|
54
|
+
delay: delay,
|
|
55
|
+
type: type,
|
|
56
|
+
};
|
|
57
|
+
this.notifications.set([...this.notifications(), notification]);
|
|
58
|
+
this.removeNotificationWithDelay(notification.id, notification.delay);
|
|
59
|
+
}
|
|
60
|
+
/** @internal */
|
|
61
|
+
removeNotification(id) {
|
|
62
|
+
this.notifications.set([
|
|
63
|
+
...this.notifications().filter((notification) => notification.id !== id),
|
|
64
|
+
]);
|
|
65
|
+
}
|
|
66
|
+
/** @internal */
|
|
67
|
+
removeNotificationWithDelay(id, delay) {
|
|
68
|
+
setTimeout(() => {
|
|
69
|
+
this.removeNotification(id);
|
|
70
|
+
}, delay);
|
|
71
|
+
}
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
73
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationService }); }
|
|
74
|
+
}
|
|
75
|
+
export { SuisNotificationService };
|
|
76
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: SuisNotificationService, decorators: [{
|
|
77
|
+
type: Injectable
|
|
78
|
+
}] });
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1ub3RpZmljYXRpb24uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL3NlcnZpY2VzL3N1aXMtbm90aWZpY2F0aW9uLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBa0IsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQUkzRSxJQUFJLFNBQVMsR0FBRyxDQUFDLENBQUM7QUFFbEIsTUFDYSx1QkFBdUI7SUFEcEM7UUFFVSxrQkFBYSxHQUF1QyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7S0FnRnhFO0lBOUVDOztPQUVHO0lBQ0gsZ0JBQWdCO1FBQ2QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsT0FBTyxDQUFDLE9BQWUsRUFBRSxRQUFnQixJQUFJO1FBQzNDLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILE9BQU8sQ0FBQyxPQUFlLEVBQUUsUUFBZ0IsSUFBSTtRQUMzQyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxNQUFNLENBQUMsT0FBZSxFQUFFLFFBQWdCLElBQUk7UUFDMUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFRDs7O09BR0c7SUFDSCx1QkFBdUIsQ0FBQyxFQUFVO1FBQ2hDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsZ0JBQWdCO0lBQ1IsS0FBSztRQUNYLE9BQU8sc0JBQXNCLFNBQVMsRUFBRSxFQUFFLENBQUM7SUFDN0MsQ0FBQztJQUVELGdCQUFnQjtJQUNSLGVBQWUsQ0FDckIsT0FBZSxFQUNmLEtBQWEsRUFDYixJQUEwQjtRQUUxQixNQUFNLFlBQVksR0FBcUI7WUFDckMsRUFBRSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDaEIsT0FBTyxFQUFFLE9BQU87WUFDaEIsS0FBSyxFQUFFLEtBQUs7WUFDWixJQUFJLEVBQUUsSUFBSTtTQUNYLENBQUM7UUFFRixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUM7UUFFaEUsSUFBSSxDQUFDLDJCQUEyQixDQUFDLFlBQVksQ0FBQyxFQUFFLEVBQUUsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxnQkFBZ0I7SUFDUixrQkFBa0IsQ0FBQyxFQUFVO1FBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDO1lBQ3JCLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7U0FDekUsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQjtJQUNSLDJCQUEyQixDQUFDLEVBQVUsRUFBRSxLQUFhO1FBQzNELFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUIsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ1osQ0FBQzs4R0FoRlUsdUJBQXVCO2tIQUF2Qix1QkFBdUI7O1NBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQURuQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgV3JpdGFibGVTaWduYWwsIHNpZ25hbCwgU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWlzTm90aWZpY2F0aW9uIH0gZnJvbSAnLi4vY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi5pbnRlcmZhY2VzJztcbmltcG9ydCB7IFN1aXNOb3RpZmljYXRpb25UeXBlIH0gZnJvbSAnLi4vY29tcG9uZW50cy9zdWlzLW5vdGlmaWNhdGlvbi9zdWlzLW5vdGlmaWNhdGlvbi50eXBlcyc7XG5cbmxldCBVTklRVUVfSUQgPSAxO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU3Vpc05vdGlmaWNhdGlvblNlcnZpY2Uge1xuICBwcml2YXRlIG5vdGlmaWNhdGlvbnM6IFdyaXRhYmxlU2lnbmFsPFN1aXNOb3RpZmljYXRpb25bXT4gPSBzaWduYWwoW10pO1xuXG4gIC8qKlxuICAgKiBAcmV0dXJucyBhcnJheSBvZiB0aGUgY3VycmVudCBub3RpZmljYXRpb25zLiBUeXBlIG9mIFN1aXNOb3RpZmljYXRpb25bXS5cbiAgICovXG4gIGdldE5vdGlmaWNhdGlvbnMoKTogU2lnbmFsPFN1aXNOb3RpZmljYXRpb25bXT4ge1xuICAgIHJldHVybiB0aGlzLm5vdGlmaWNhdGlvbnMuYXNSZWFkb25seSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgc3VjY2VzcyBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIG1lc3NhZ2UgdGV4dCBkaXNwbGF5ZWQgaW4gdGhlIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gZGVsYXkgdGltZSBpbiBtcyBhZnRlciBub3RpZmljYXRpb24gd2lsbCBiZSBkZXN0cm95ZWRcbiAgICovXG4gIHN1Y2Nlc3MobWVzc2FnZTogc3RyaW5nLCBkZWxheTogbnVtYmVyID0gMjUwMCk6IHZvaWQge1xuICAgIHRoaXMuYWRkTm90aWZpY2F0aW9uKG1lc3NhZ2UsIGRlbGF5LCAnc3VjY2VzcycpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgd2FybmluZyBub3RpZmljYXRpb25cbiAgICogQHBhcmFtIG1lc3NhZ2UgdGV4dCBkaXNwbGF5ZWQgaW4gdGhlIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gZGVsYXkgdGltZSBpbiBtcyBhZnRlciBub3RpZmljYXRpb24gd2lsbCBiZSBkZXN0cm95ZWRcbiAgICovXG4gIHdhcm5pbmcobWVzc2FnZTogc3RyaW5nLCBkZWxheTogbnVtYmVyID0gMjUwMCk6IHZvaWQge1xuICAgIHRoaXMuYWRkTm90aWZpY2F0aW9uKG1lc3NhZ2UsIGRlbGF5LCAnd2FybmluZycpO1xuICB9XG5cbiAgLyoqXG4gICAqIEFkZHMgZGFuZ2VyIG5vdGlmaWNhdGlvblxuICAgKiBAcGFyYW0gbWVzc2FnZSB0ZXh0IGRpc3BsYXllZCBpbiB0aGUgbm90aWZpY2F0aW9uXG4gICAqIEBwYXJhbSBkZWxheSB0aW1lIGluIG1zIGFmdGVyIG5vdGlmaWNhdGlvbiB3aWxsIGJlIGRlc3Ryb3llZFxuICAgKi9cbiAgZGFuZ2VyKG1lc3NhZ2U6IHN0cmluZywgZGVsYXk6IG51bWJlciA9IDI1MDApOiB2b2lkIHtcbiAgICB0aGlzLmFkZE5vdGlmaWNhdGlvbihtZXNzYWdlLCBkZWxheSwgJ2RhbmdlcicpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJlbW92ZXMgbm90aWZpY2F0aW9uIGltbWVkaWF0ZWx5XG4gICAqIEBwYXJhbSBpZCBpZCBvZiB0aGUgbm90aWZpY2F0aW9uIHRvIGJlIHJlbW92ZWRcbiAgICovXG4gIGZvcmNlUmVtb3ZlTm90aWZpY2F0aW9uKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnJlbW92ZU5vdGlmaWNhdGlvbihpZCk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByaXZhdGUgZ2V0SWQoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYHN1aXMtbm90aWZpY2F0aW9uLS0ke1VOSVFVRV9JRCsrfWA7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByaXZhdGUgYWRkTm90aWZpY2F0aW9uKFxuICAgIG1lc3NhZ2U6IHN0cmluZyxcbiAgICBkZWxheTogbnVtYmVyLFxuICAgIHR5cGU6IFN1aXNOb3RpZmljYXRpb25UeXBlXG4gICk6IHZvaWQge1xuICAgIGNvbnN0IG5vdGlmaWNhdGlvbjogU3Vpc05vdGlmaWNhdGlvbiA9IHtcbiAgICAgIGlkOiB0aGlzLmdldElkKCksXG4gICAgICBtZXNzYWdlOiBtZXNzYWdlLFxuICAgICAgZGVsYXk6IGRlbGF5LFxuICAgICAgdHlwZTogdHlwZSxcbiAgICB9O1xuXG4gICAgdGhpcy5ub3RpZmljYXRpb25zLnNldChbLi4udGhpcy5ub3RpZmljYXRpb25zKCksIG5vdGlmaWNhdGlvbl0pO1xuXG4gICAgdGhpcy5yZW1vdmVOb3RpZmljYXRpb25XaXRoRGVsYXkobm90aWZpY2F0aW9uLmlkLCBub3RpZmljYXRpb24uZGVsYXkpO1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwcml2YXRlIHJlbW92ZU5vdGlmaWNhdGlvbihpZDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5ub3RpZmljYXRpb25zLnNldChbXG4gICAgICAuLi50aGlzLm5vdGlmaWNhdGlvbnMoKS5maWx0ZXIoKG5vdGlmaWNhdGlvbikgPT4gbm90aWZpY2F0aW9uLmlkICE9PSBpZCksXG4gICAgXSk7XG4gIH1cblxuICAvKiogQGludGVybmFsICovXG4gIHByaXZhdGUgcmVtb3ZlTm90aWZpY2F0aW9uV2l0aERlbGF5KGlkOiBzdHJpbmcsIGRlbGF5OiBudW1iZXIpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMucmVtb3ZlTm90aWZpY2F0aW9uKGlkKTtcbiAgICB9LCBkZWxheSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
|
|
|
77
77
|
type: HostListener,
|
|
78
78
|
args: ['document:click', ['$event']]
|
|
79
79
|
}] } });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vpcy1zZWxlY3QuYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvc3Vpcy9zcmMvbGliL3NoYXJlZC9jbGFzc2VzL3N1aXMtc2VsZWN0LmJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFlBQVksRUFDWixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUVsRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQUM3RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNENBQTRDLENBQUM7O0FBRTFFLE1BQ3NCLGNBQWtCLFNBQVEsYUFBYTtJQUQ3RDs7UUFNRSxnQkFBZ0I7UUFDUCxpQkFBWSxHQUFHLFlBQVksQ0FBQztRQUVyQyxnQkFBZ0I7UUFDTixpQkFBWSxHQUFXLEVBQUUsQ0FBQztRQUVwQyxnQkFBZ0I7UUFDTixhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXBDOztXQUVHO1FBQ00sWUFBTyxHQUEwQixFQUFFLENBQUM7UUFFN0M7O1dBRUc7UUFDTSxXQUFNLEdBQVksSUFBSSxDQUFDO1FBRWhDOztXQUVHO1FBQ00sc0JBQWlCLEdBQVcsV0FBVyxDQUFDO1FBRWpEOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxrQkFBa0IsQ0FBQztRQUVsRDs7V0FFRztRQUNPLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FtQzVEO0lBMUJDLE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLElBQVk7UUFDL0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDekIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBR0QsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDcEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDdkI7SUFDSCxDQUFDOzhHQXZFbUIsY0FBYztrR0FBZCxjQUFjLDZUQUVwQix5QkFBeUI7O1NBRm5CLGNBQWM7MkZBQWQsY0FBYztrQkFEbkMsU0FBUzs4QkFJUixnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyx5QkFBeUI7Z0JBZTlCLE9BQU87c0JBQWYsS0FBSztnQkFLRyxNQUFNO3NCQUFkLEtBQUs7Z0JBS0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0ksbUJBQW1CO3NCQUE1QixNQUFNO2dCQThCUCxlQUFlO3NCQURkLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbnRlbnRDaGlsZCxcclxuICBEaXJlY3RpdmUsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1aXNJbnB1dEJhc2UgfSBmcm9tICcuL3N1aXMtaW5wdXQuYmFzZSc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb24gfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFN1aXNTZWxlY3RPcHRpb25EaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL3N1aXMtc2VsZWN0LW9wdGlvbi9zdWlzLXNlbGVjdC1vcHRpb24uZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgU3Vpc0ljb25UeXBlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9zdWlzLWljb24vc3Vpcy1pY29uLmVudW1zJztcclxuXHJcbkBEaXJlY3RpdmUoKVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgU3Vpc1NlbGVjdEJhc2U8VD4gZXh0ZW5kcyBTdWlzSW5wdXRCYXNlIHtcclxuICAvKiogQGludGVybmFsICovXHJcbiAgQENvbnRlbnRDaGlsZChTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlKVxyXG4gIHN1aXNTZWxlY3RPcHRpb24/OiBTdWlzU2VsZWN0T3B0aW9uRGlyZWN0aXZlPFQ+O1xyXG5cclxuICAvKiogQGludGVybmFsICovXHJcbiAgcmVhZG9ubHkgU3Vpc0ljb25UeXBlID0gU3Vpc0ljb25UeXBlO1xyXG5cclxuICAvKiogQGludGVybmFsICovXHJcbiAgcHJvdGVjdGVkIHNlYXJjaFBocmFzZTogc3RyaW5nID0gJyc7XHJcblxyXG4gIC8qKiBAaW50ZXJuYWwgKi9cclxuICBwcm90ZWN0ZWQgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogT3B0aW9ucyBkaXNwbGF5ZWQgaW4gZHJvcGRvd24gbGlzdC4gVHlwZSBvZiBTdWlzU2VsZWN0T3B0aW9uW10uXHJcbiAgICovXHJcbiAgQElucHV0KCkgb3B0aW9uczogU3Vpc1NlbGVjdE9wdGlvbjxUPltdID0gW107XHJcblxyXG4gIC8qKlxyXG4gICAqIERpc3BsYXlzIHNlYXJjaCBpbnB1dCBhYm92ZSBvcHRpb25zLiBCeSBkZWZhdWx0IHNldCB0byB0cnVlLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNlYXJjaDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIGluIG9wdGlvbnMgc2VhcmNoLiBCeSBkZWZhdWx0IHNldCB0byAnU2VhcmNoLi4uJy5cclxuICAgKi9cclxuICBASW5wdXQoKSBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nID0gJ1NlYXJjaC4uLic7XHJcblxyXG4gIC8qKlxyXG4gICAqIFBsYWNlaG9sZGVyIHRleHQgZGlzcGxheWVkIHdoZW4gdmFsdWUgaXMgbm90IHNlbGVjdGVkLiBCeSBkZWZhdWx0IHNldCB0byAnU2VsZWN0IG9wdGlvbi4uLicuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWxlY3Qgb3B0aW9uLi4uJztcclxuXHJcbiAgLyoqXHJcbiAgICogRW1pdHMgb24gc2VhcmNoIHBocmFzZSBjaGFuZ2VkLlxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWFyY2hQaHJhc2VDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGFic3RyYWN0IG9uU2VsZWN0KHZhbHVlOiBUKTogdm9pZDtcclxuXHJcbiAgYWJzdHJhY3QgY2xlYXJWYWx1ZSgpOiB2b2lkO1xyXG5cclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIGFic3RyYWN0IHNldFZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkO1xyXG5cclxuICBvbkNsZWFyKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5jbGVhclZhbHVlKCk7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcblxyXG4gIG9uU2VhcmNoUGhyYXNlQ2hhbmdlKHRleHQ6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgdGhpcy5zZWFyY2hQaHJhc2UgPSB0ZXh0O1xyXG4gICAgdGhpcy5zZWFyY2hQaHJhc2VDaGFuZ2VkLmVtaXQodGV4dCk7XHJcbiAgfVxyXG5cclxuICBvbkV4cGFuZCgpOiB2b2lkIHtcclxuICAgIHRoaXMudG9nZ2xlKCF0aGlzLmV4cGFuZGVkKTtcclxuICAgIHRoaXMub25Ub3VjaCgpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmV4cGFuZGVkID0gdmFsdWU7XHJcbiAgICB0aGlzLnNlYXJjaFBocmFzZSA9ICcnO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gIG9uRG9jdW1lbnRDbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcclxuICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
|