@softheon/armature 17.6.0 → 17.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/styles/_variables.scss +6 -1
- package/assets/styles/sof-styles.scss +19 -0
- package/esm2022/lib/base-components/base-component-api.mjs +3 -1
- package/esm2022/lib/base-components/base-component.module.mjs +36 -11
- package/esm2022/lib/base-components/sof-handle/sof-handle.component.mjs +118 -0
- package/esm2022/lib/base-components/sof-tabs/sof-tabs.component.mjs +22 -0
- package/fesm2022/softheon-armature.mjs +337 -186
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/base-components/base-component-api.d.ts +2 -0
- package/lib/base-components/base-component.module.d.ts +24 -19
- package/lib/base-components/sof-handle/sof-handle.component.d.ts +67 -0
- package/lib/base-components/sof-tabs/sof-tabs.component.d.ts +26 -0
- package/package.json +1 -1
|
@@ -13,4 +13,9 @@ $mat-lt-sm: 599px;
|
|
|
13
13
|
$mat-lt-md: 959px;
|
|
14
14
|
$mat-lt-lg: 1279px;
|
|
15
15
|
$mat-gt-sm: 960px;
|
|
16
|
-
$mat-gt-md: 1280px;
|
|
16
|
+
$mat-gt-md: 1280px;
|
|
17
|
+
|
|
18
|
+
// text emphasis (per design)
|
|
19
|
+
$text-high-emphasis: rgba(0, 0, 0, 0.87);
|
|
20
|
+
$text-medium-emphasis: rgba(0, 0, 0, 0.6);
|
|
21
|
+
$text-low-emphasis: rgba(0, 0, 0, 0.38);
|
|
@@ -3168,3 +3168,22 @@ mat-slide-toggle.sof-slide-toggle {
|
|
|
3168
3168
|
width: -webkit-fill-available;
|
|
3169
3169
|
right: 20px;
|
|
3170
3170
|
}
|
|
3171
|
+
|
|
3172
|
+
/** text emphasis classes (per design) */
|
|
3173
|
+
|
|
3174
|
+
[text-high-emphasis],
|
|
3175
|
+
.text-high-emphasis {
|
|
3176
|
+
color: $text-high-emphasis;
|
|
3177
|
+
}
|
|
3178
|
+
[text-medium-emphasis],
|
|
3179
|
+
.text-medium-emphasis {
|
|
3180
|
+
color: $text-medium-emphasis;
|
|
3181
|
+
}
|
|
3182
|
+
[text-low-emphasis],
|
|
3183
|
+
.text-low-emphasis {
|
|
3184
|
+
color: $text-low-emphasis;
|
|
3185
|
+
}
|
|
3186
|
+
|
|
3187
|
+
body.inheritCursors * {
|
|
3188
|
+
cursor: inherit !important;
|
|
3189
|
+
}
|
|
@@ -13,4 +13,6 @@ export * from './sof-simple-alert/sof-simple-alert.component';
|
|
|
13
13
|
export * from './sof-confirm-address/sof-confirm-address.component';
|
|
14
14
|
export * from './sof-radio-card/sof-radio-card.component';
|
|
15
15
|
export * from './sof-input-stepper/sof-input-stepper.component';
|
|
16
|
-
|
|
16
|
+
export * from './sof-tabs/sof-tabs.component';
|
|
17
|
+
export * from './sof-handle/sof-handle.component';
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQtYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVDQUF1QztBQUN2QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLGFBQWE7QUFDYixjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiogUHVibGljIGFwaSBmb3IgdGhlIGZvb3RlciBtb2R1bGUgKi9cclxuZXhwb3J0ICogZnJvbSAnLi9iYXNlLWNvbXBvbmVudC5tb2R1bGUnO1xyXG5cclxuLy8gY29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1wcm9ncmVzcy1iYXIvc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1iYW5uZXIvc29mLWJhbm5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1hbGVydC9zb2YtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtbW9kYWwvc29mLW1vZGFsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAvc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc3Rhci1yYXRpbmcvc29mLXN0YXItcmF0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJhZGdlL3NvZi1iYWRnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbWFnZS1jaGVja2JveC9zb2YtaW1hZ2UtY2hlY2tib3guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc2ltcGxlLWFsZXJ0L3NvZi1zaW1wbGUtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtY29uZmlybS1hZGRyZXNzL3NvZi1jb25maXJtLWFkZHJlc3MuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtcmFkaW8tY2FyZC9zb2YtcmFkaW8tY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbnB1dC1zdGVwcGVyL3NvZi1pbnB1dC1zdGVwcGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXRhYnMvc29mLXRhYnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtaGFuZGxlL3NvZi1oYW5kbGUuY29tcG9uZW50JztcclxuIl19
|
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
|
+
import { RouterModule } from '@angular/router';
|
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
3
5
|
import { FlexLayoutModule } from '@ngbracket/ngx-layout';
|
|
6
|
+
import { TranslateModule } from '@ngx-translate/core';
|
|
4
7
|
import { MatIconModule } from '@angular/material/icon';
|
|
5
8
|
import { MatSelectModule } from '@angular/material/select';
|
|
6
9
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
7
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
8
10
|
import { MatOptionModule } from '@angular/material/core';
|
|
9
11
|
import { MatDialogModule } from '@angular/material/dialog';
|
|
10
12
|
import { MatButtonModule, MatIconButton } from '@angular/material/button';
|
|
11
13
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
12
14
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
13
|
-
import { RouterModule } from '@angular/router';
|
|
14
15
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
15
16
|
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
16
17
|
import { MatCardModule } from '@angular/material/card';
|
|
17
18
|
import { MatRadioModule } from '@angular/material/radio';
|
|
18
19
|
import { MatInputModule } from '@angular/material/input';
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
20
|
+
import { MatTabsModule } from '@angular/material/tabs';
|
|
21
|
+
import { CdkDrag, CdkDragHandle, CdkDragPlaceholder, CdkDropList } from '@angular/cdk/drag-drop';
|
|
22
|
+
import { MatListModule } from '@angular/material/list';
|
|
23
|
+
import { SofModalComponent } from './sof-modal/sof-modal.component';
|
|
24
|
+
import { SofHandleComponent } from './sof-handle/sof-handle.component';
|
|
21
25
|
import { SofAlertComponent } from './sof-alert/sof-alert.component';
|
|
22
26
|
import { SofSimpleAlertComponent } from './sof-simple-alert/sof-simple-alert.component';
|
|
23
27
|
import { SofBannerComponent } from './sof-banner/sof-banner.component';
|
|
@@ -29,6 +33,7 @@ import { SofImageCheckboxComponent } from './sof-image-checkbox/sof-image-checkb
|
|
|
29
33
|
import { SofConfirmAddressComponent } from './sof-confirm-address/sof-confirm-address.component';
|
|
30
34
|
import { SofRadioCardComponent } from './sof-radio-card/sof-radio-card.component';
|
|
31
35
|
import { SofInputStepperComponent } from './sof-input-stepper/sof-input-stepper.component';
|
|
36
|
+
import { SofTabsComponent } from './sof-tabs/sof-tabs.component';
|
|
32
37
|
import * as i0 from "@angular/core";
|
|
33
38
|
/** The components */
|
|
34
39
|
const components = [
|
|
@@ -43,7 +48,9 @@ const components = [
|
|
|
43
48
|
SofImageCheckboxComponent,
|
|
44
49
|
SofSimpleAlertComponent,
|
|
45
50
|
SofConfirmAddressComponent,
|
|
46
|
-
SofInputStepperComponent
|
|
51
|
+
SofInputStepperComponent,
|
|
52
|
+
SofTabsComponent,
|
|
53
|
+
SofHandleComponent
|
|
47
54
|
];
|
|
48
55
|
/** The material modules */
|
|
49
56
|
const materialModules = [
|
|
@@ -60,7 +67,15 @@ const materialModules = [
|
|
|
60
67
|
MatCardModule,
|
|
61
68
|
MatRadioModule,
|
|
62
69
|
MatInputModule,
|
|
63
|
-
MatIconButton
|
|
70
|
+
MatIconButton,
|
|
71
|
+
MatTabsModule,
|
|
72
|
+
MatListModule
|
|
73
|
+
];
|
|
74
|
+
const cdkModules = [
|
|
75
|
+
CdkDropList,
|
|
76
|
+
CdkDrag,
|
|
77
|
+
CdkDragPlaceholder,
|
|
78
|
+
CdkDragHandle
|
|
64
79
|
];
|
|
65
80
|
/** The BaseComponentModule Module */
|
|
66
81
|
export class BaseComponentModule {
|
|
@@ -76,7 +91,9 @@ export class BaseComponentModule {
|
|
|
76
91
|
SofImageCheckboxComponent,
|
|
77
92
|
SofSimpleAlertComponent,
|
|
78
93
|
SofConfirmAddressComponent,
|
|
79
|
-
SofInputStepperComponent
|
|
94
|
+
SofInputStepperComponent,
|
|
95
|
+
SofTabsComponent,
|
|
96
|
+
SofHandleComponent], imports: [RouterModule,
|
|
80
97
|
CommonModule,
|
|
81
98
|
FlexLayoutModule,
|
|
82
99
|
FormsModule,
|
|
@@ -94,7 +111,12 @@ export class BaseComponentModule {
|
|
|
94
111
|
MatCardModule,
|
|
95
112
|
MatRadioModule,
|
|
96
113
|
MatInputModule,
|
|
97
|
-
MatIconButton
|
|
114
|
+
MatIconButton,
|
|
115
|
+
MatTabsModule,
|
|
116
|
+
MatListModule, CdkDropList,
|
|
117
|
+
CdkDrag,
|
|
118
|
+
CdkDragPlaceholder,
|
|
119
|
+
CdkDragHandle], exports: [SofProgressBarComponent,
|
|
98
120
|
SofRadioCardComponent,
|
|
99
121
|
SofBannerComponent,
|
|
100
122
|
SofAlertComponent,
|
|
@@ -105,7 +127,9 @@ export class BaseComponentModule {
|
|
|
105
127
|
SofImageCheckboxComponent,
|
|
106
128
|
SofSimpleAlertComponent,
|
|
107
129
|
SofConfirmAddressComponent,
|
|
108
|
-
SofInputStepperComponent
|
|
130
|
+
SofInputStepperComponent,
|
|
131
|
+
SofTabsComponent,
|
|
132
|
+
SofHandleComponent] }); }
|
|
109
133
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseComponentModule, imports: [RouterModule,
|
|
110
134
|
CommonModule,
|
|
111
135
|
FlexLayoutModule,
|
|
@@ -124,9 +148,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
124
148
|
FormsModule,
|
|
125
149
|
ReactiveFormsModule,
|
|
126
150
|
TranslateModule,
|
|
127
|
-
...materialModules
|
|
151
|
+
...materialModules,
|
|
152
|
+
...cdkModules
|
|
128
153
|
],
|
|
129
154
|
exports: [...components]
|
|
130
155
|
}]
|
|
131
156
|
}] });
|
|
132
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
157
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlDQUFpQyxD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YUFBYTtZQUNiLGVBQWU7WUFDZixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLGdCQUFnQjtZQUNoQixnQkFBZ0I7WUFDaEIscUJBQXFCO1lBQ3JCLGFBQWE7WUFDYixjQUFjO1lBQ2QsY0FBYztZQUNkLGFBQWE7WUFDYixhQUFhO1lBQ2IsYUFBYSxFQUliLFdBQVc7WUFDWCxPQUFPO1lBQ1Asa0JBQWtCO1lBQ2xCLGFBQWEsYUF4Q2IsdUJBQXVCO1lBQ3ZCLHFCQUFxQjtZQUNyQixrQkFBa0I7WUFDbEIsaUJBQWlCO1lBQ2pCLGlCQUFpQjtZQUNqQiw2QkFBNkI7WUFDN0Isc0JBQXNCO1lBQ3RCLGlCQUFpQjtZQUNqQix5QkFBeUI7WUFDekIsdUJBQXVCO1lBQ3ZCLDBCQUEwQjtZQUMxQix3QkFBd0I7WUFDeEIsZ0JBQWdCO1lBQ2hCLGtCQUFrQjsrR0E2Q1AsbUJBQW1CLFlBWDVCLFlBQVk7WUFDWixZQUFZO1lBQ1osZ0JBQWdCO1lBQ2hCLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsZUFBZSxFQUNaLGVBQWU7OzJGQUtULG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxHQUFHLFVBQVUsQ0FBQztvQkFDN0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixlQUFlO3dCQUNmLEdBQUcsZUFBZTt3QkFDbEIsR0FBRyxVQUFVO3FCQUNkO29CQUNELE9BQU8sRUFBRSxDQUFDLEdBQUcsVUFBVSxDQUFDO2lCQUN6QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQG5nYnJhY2tldC9uZ3gtbGF5b3V0JztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XHJcbmltcG9ydCB7IE1hdENoZWNrYm94TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hlY2tib3gnO1xyXG5pbXBvcnQgeyBNYXRPcHRpb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlLCBNYXRJY29uQnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBNYXRCdXR0b25Ub2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24tdG9nZ2xlJztcclxuaW1wb3J0IHsgTWF0Q2FyZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NhcmQnO1xyXG5pbXBvcnQgeyBNYXRSYWRpb01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3JhZGlvJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IE1hdFRhYnNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJzJztcclxuaW1wb3J0IHsgQ2RrRHJhZywgQ2RrRHJhZ0hhbmRsZSwgQ2RrRHJhZ1BsYWNlaG9sZGVyLCBDZGtEcm9wTGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xyXG5pbXBvcnQgeyBNYXRMaXN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvbGlzdCc7XHJcblxyXG5pbXBvcnQgeyBTb2ZNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2ZIYW5kbGVDb21wb25lbnQgfSBmcm9tICcuL3NvZi1oYW5kbGUvc29mLWhhbmRsZS5jb21wb25lbnQnXHJcbmltcG9ydCB7IFNvZkFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9zb2YtYWxlcnQvc29mLWFsZXJ0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNvZlNpbXBsZUFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9zb2Ytc2ltcGxlLWFsZXJ0L3NvZi1zaW1wbGUtYWxlcnQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU29mQmFubmVyQ29tcG9uZW50IH0gZnJvbSAnLi9zb2YtYmFubmVyL3NvZi1iYW5uZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU29mUHJvZ3Jlc3NCYXJDb21wb25lbnQgfSBmcm9tICcuL3NvZi1wcm9ncmVzcy1iYXIvc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2ZCdXR0b25Ub2dnbGVHcm91cENvbXBvbmVudCB9IGZyb20gJy4vc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAvc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU29mU3RhclJhdGluZ0NvbXBvbmVudCB9IGZyb20gJy4vc29mLXN0YXItcmF0aW5nL3NvZi1zdGFyLXJhdGluZy5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2ZCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4vc29mLWJhZGdlL3NvZi1iYWRnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2ZJbWFnZUNoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9zb2YtaW1hZ2UtY2hlY2tib3gvc29mLWltYWdlLWNoZWNrYm94LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNvZkNvbmZpcm1BZGRyZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9zb2YtY29uZmlybS1hZGRyZXNzL3NvZi1jb25maXJtLWFkZHJlc3MuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU29mUmFkaW9DYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9zb2YtcmFkaW8tY2FyZC9zb2YtcmFkaW8tY2FyZC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTb2ZJbnB1dFN0ZXBwZXJDb21wb25lbnQgfSBmcm9tICcuL3NvZi1pbnB1dC1zdGVwcGVyL3NvZi1pbnB1dC1zdGVwcGVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNvZlRhYnNDb21wb25lbnQgfSBmcm9tICcuL3NvZi10YWJzL3NvZi10YWJzLmNvbXBvbmVudCc7XHJcblxyXG4vKiogVGhlIGNvbXBvbmVudHMgKi9cclxuY29uc3QgY29tcG9uZW50cyA9IFtcclxuICBTb2ZQcm9ncmVzc0JhckNvbXBvbmVudCxcclxuICBTb2ZSYWRpb0NhcmRDb21wb25lbnQsXHJcbiAgU29mQmFubmVyQ29tcG9uZW50LFxyXG4gIFNvZkFsZXJ0Q29tcG9uZW50LFxyXG4gIFNvZk1vZGFsQ29tcG9uZW50LFxyXG4gIFNvZkJ1dHRvblRvZ2dsZUdyb3VwQ29tcG9uZW50LFxyXG4gIFNvZlN0YXJSYXRpbmdDb21wb25lbnQsXHJcbiAgU29mQmFkZ2VDb21wb25lbnQsXHJcbiAgU29mSW1hZ2VDaGVja2JveENvbXBvbmVudCxcclxuICBTb2ZTaW1wbGVBbGVydENvbXBvbmVudCxcclxuICBTb2ZDb25maXJtQWRkcmVzc0NvbXBvbmVudCxcclxuICBTb2ZJbnB1dFN0ZXBwZXJDb21wb25lbnQsXHJcbiAgU29mVGFic0NvbXBvbmVudCxcclxuICBTb2ZIYW5kbGVDb21wb25lbnRcclxuXTtcclxuXHJcbi8qKiBUaGUgbWF0ZXJpYWwgbW9kdWxlcyAqL1xyXG5jb25zdCBtYXRlcmlhbE1vZHVsZXMgPSBbXHJcbiAgTWF0U2VsZWN0TW9kdWxlLFxyXG4gIE1hdE9wdGlvbk1vZHVsZSxcclxuICBNYXRDaGVja2JveE1vZHVsZSxcclxuICBNYXRJY29uTW9kdWxlLFxyXG4gIE1hdERpYWxvZ01vZHVsZSxcclxuICBNYXRCdXR0b25Nb2R1bGUsXHJcbiAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxyXG4gIE1hdFRvb2xiYXJNb2R1bGUsXHJcbiAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICBNYXRCdXR0b25Ub2dnbGVNb2R1bGUsXHJcbiAgTWF0Q2FyZE1vZHVsZSxcclxuICBNYXRSYWRpb01vZHVsZSxcclxuICBNYXRJbnB1dE1vZHVsZSxcclxuICBNYXRJY29uQnV0dG9uLFxyXG4gIE1hdFRhYnNNb2R1bGUsXHJcbiAgTWF0TGlzdE1vZHVsZVxyXG5dO1xyXG5cclxuY29uc3QgY2RrTW9kdWxlcyA9IFtcclxuICBDZGtEcm9wTGlzdCxcclxuICBDZGtEcmFnLFxyXG4gIENka0RyYWdQbGFjZWhvbGRlcixcclxuICBDZGtEcmFnSGFuZGxlXHJcbl07XHJcblxyXG4vKiogVGhlIEJhc2VDb21wb25lbnRNb2R1bGUgTW9kdWxlICovXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbLi4uY29tcG9uZW50c10sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRmxleExheW91dE1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIC4uLm1hdGVyaWFsTW9kdWxlcyxcclxuICAgIC4uLmNka01vZHVsZXNcclxuICBdLFxyXG4gIGV4cG9ydHM6IFsuLi5jb21wb25lbnRzXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQmFzZUNvbXBvbmVudE1vZHVsZSB7IH1cclxuIl19
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { moveItemInArray } from "@angular/cdk/drag-drop";
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@ngbracket/ngx-layout/flex";
|
|
6
|
+
import * as i3 from "@ngbracket/ngx-layout/extended";
|
|
7
|
+
import * as i4 from "@angular/cdk/drag-drop";
|
|
8
|
+
import * as i5 from "@ngx-translate/core";
|
|
9
|
+
/** The handle component */
|
|
10
|
+
export class SofHandleComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Component Constructor
|
|
13
|
+
*/
|
|
14
|
+
constructor() {
|
|
15
|
+
/** The checkmark color */
|
|
16
|
+
this.checkmarkColor = "rgba(0, 0, 0, 0.87)";
|
|
17
|
+
/** The input */
|
|
18
|
+
this.handleList = [];
|
|
19
|
+
/** The label text */
|
|
20
|
+
this.labelText = "";
|
|
21
|
+
/** The handle order changed event */
|
|
22
|
+
this.orderChanged = new EventEmitter();
|
|
23
|
+
/** The checkbox toggled event */
|
|
24
|
+
this.checkboxToggled = new EventEmitter();
|
|
25
|
+
/** The handle that's in focus */
|
|
26
|
+
this.handleInFocus = null;
|
|
27
|
+
/** The body element */
|
|
28
|
+
this.bodyElement = document.body;
|
|
29
|
+
}
|
|
30
|
+
/** Component Initialization */
|
|
31
|
+
ngOnInit() { }
|
|
32
|
+
/** Component Destruction */
|
|
33
|
+
ngOnDestroy() {
|
|
34
|
+
window.removeEventListener('keydown', this.keydownListener);
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Moves the item in the array as per the drop
|
|
38
|
+
* @param event The drop event
|
|
39
|
+
*/
|
|
40
|
+
drop(event) {
|
|
41
|
+
this.bodyElement.classList.remove('inheritCursors');
|
|
42
|
+
this.bodyElement.style.cursor = 'unset';
|
|
43
|
+
moveItemInArray(this.handleList, event.previousIndex, event.currentIndex);
|
|
44
|
+
this.orderChanged.next(true);
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* Handles drag start event
|
|
48
|
+
*/
|
|
49
|
+
dragStart() {
|
|
50
|
+
this.bodyElement.classList.add('inheritCursors');
|
|
51
|
+
this.bodyElement.style.cursor = 'grabbing';
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Manually changes order using keyboard events
|
|
55
|
+
* @param currIdx The current index of the element
|
|
56
|
+
* @param isDown If the order is down or not
|
|
57
|
+
*/
|
|
58
|
+
manualOrderChange(currIdx, isDown) {
|
|
59
|
+
const newIdx = isDown ? currIdx + 1 : currIdx - 1;
|
|
60
|
+
if (newIdx >= 0 && newIdx <= this.handleList.length - 1) {
|
|
61
|
+
moveItemInArray(this.handleList, currIdx, newIdx);
|
|
62
|
+
this.handleInFocus = newIdx;
|
|
63
|
+
setTimeout(() => {
|
|
64
|
+
document.getElementById('drag' + newIdx)?.focus();
|
|
65
|
+
}, 50);
|
|
66
|
+
this.orderChanged.next(true);
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
document.getElementById('drag' + currIdx)?.blur();
|
|
70
|
+
this.handleInFocus = null;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Checkbox change event
|
|
75
|
+
* @param index The checkbox index
|
|
76
|
+
* @param eventVal The checkbox event value
|
|
77
|
+
*/
|
|
78
|
+
checkboxChanged(index, eventVal) {
|
|
79
|
+
this.handleList[index].isChecked = eventVal;
|
|
80
|
+
this.checkboxToggled.next(index);
|
|
81
|
+
}
|
|
82
|
+
/**
|
|
83
|
+
* Triggered when a handle is in focus
|
|
84
|
+
* @param idx The index of handle in focus
|
|
85
|
+
*/
|
|
86
|
+
onFocus(idx) {
|
|
87
|
+
this.handleInFocus = idx;
|
|
88
|
+
window.addEventListener('keydown', this.keydownListener);
|
|
89
|
+
}
|
|
90
|
+
/** When handle goes out of focus */
|
|
91
|
+
outFocus() {
|
|
92
|
+
this.handleInFocus = null;
|
|
93
|
+
window.removeEventListener('keydown', this.keydownListener);
|
|
94
|
+
}
|
|
95
|
+
/** The custom keydown listener */
|
|
96
|
+
keydownListener(event) {
|
|
97
|
+
if (event.code == 'ArrowDown' || event.code == 'ArrowUp') {
|
|
98
|
+
event.preventDefault();
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofHandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofHandleComponent, selector: "sof-handle", inputs: { checkmarkColor: "checkmarkColor", handleList: "handleList", labelText: "labelText" }, outputs: { orderChanged: "orderChanged", checkboxToggled: "checkboxToggled" }, ngImport: i0, template: "<div cdkDropList class=\"handle-list full-width\" (cdkDropListDropped)=\"drop($event)\">\r\n <span class=\"droplist-label\" *ngIf=\"labelText\">{{ labelText | translate }}</span>\r\n @for (item of handleList; track item; let idx = $index) {\r\n <div class=\"box-container\" cdkDrag (cdkDragStarted)=\"dragStart()\" [ngClass]=\"{'drag-in-focus': handleInFocus == idx}\">\r\n <div class=\"handle-box\" [ngClass]=\"{'checked': item.isChecked}\">\r\n <div tabindex=\"0\" class=\"drag-handle\" [id]=\"'drag'+idx\" (keyup.arrowup)=\"manualOrderChange(idx, false)\" (keyup.arrowdown)=\"manualOrderChange(idx, true)\" \r\n (focus)=\"onFocus(idx)\" (focusout)=\"outFocus()\" (keyup.enter)=\"checkboxChanged(idx, !item.isChecked)\" cdkDragHandle><i class=\"ph-bold ph-dots-six-vertical\"></i></div>\r\n <div class=\"handle-custom-placeholder\" *cdkDragPlaceholder>\r\n <i class=\"ph-bold ph-dots-six-vertical\"></i>\r\n </div>\r\n <div [title]=\"item.text | translate\" class=\"check-container full-width\" (click)=\"checkboxChanged(idx, !item.isChecked)\" \r\n fxLayout=\"row\" fxLayoutAlign=\"center\">\r\n <span fxFlex=\"90%\" class=\"handle-label\">{{ item.text | translate }}</span>\r\n @if(item.isChecked) {\r\n <i fxFlex=\"10%\" fxLayoutAlign=\"end center\" [style.color]=\"checkmarkColor\" class=\"check-icon ph-fill ph-check-circle\"></i>\r\n } \r\n @else {\r\n <i fxFlex=\"10%\" fxLayoutAlign=\"end center\" class=\"check-icon ph-bold ph-circle\"></i>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.handle-box{display:flex;flex-direction:row;align-items:center;border-radius:8px;overflow:hidden;border:2px solid #E9E9E9;padding:8px;height:30px!important;background:#fff}.handle-box:hover{background:#fafafa}.handle-box.checked{border:2px solid var(--primary-color-500-parts)}.box-container{margin-bottom:8px;margin-top:8px}.box-container.drag-in-focus{padding:2px;border-radius:12px;border:3px solid var(--primary-color-300-parts)}.cdk-drag-preview{height:50px!important;padding:2px;border-radius:10px;border:3px solid var(--primary-color-300-parts);box-shadow:0 2px 8px #0000003d}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-list.cdk-drop-list-dragging .box-container:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-custom-placeholder{display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5!important;height:30px!important;border-radius:8px;padding:8px;transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-custom-placeholder i{color:#fff}.drag-handle{padding-right:8px;width:24px;height:24px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.drag-handle:focus{outline:0}.drag-handle:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.ph-dots-six-vertical{font-size:24px;color:#0009}.droplist-label{font-family:Poppins,sans-serif!important;font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#0009}.check-container{min-width:0px!important}.check-container:hover{cursor:pointer}.check-container .handle-label{color:#000000de;font-family:Poppins,sans-serif!important;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-container .check-icon{font-size:20px}.check-container .check-icon.ph-circle{color:#e9e9e9}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
103
|
+
}
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofHandleComponent, decorators: [{
|
|
105
|
+
type: Component,
|
|
106
|
+
args: [{ selector: "sof-handle", template: "<div cdkDropList class=\"handle-list full-width\" (cdkDropListDropped)=\"drop($event)\">\r\n <span class=\"droplist-label\" *ngIf=\"labelText\">{{ labelText | translate }}</span>\r\n @for (item of handleList; track item; let idx = $index) {\r\n <div class=\"box-container\" cdkDrag (cdkDragStarted)=\"dragStart()\" [ngClass]=\"{'drag-in-focus': handleInFocus == idx}\">\r\n <div class=\"handle-box\" [ngClass]=\"{'checked': item.isChecked}\">\r\n <div tabindex=\"0\" class=\"drag-handle\" [id]=\"'drag'+idx\" (keyup.arrowup)=\"manualOrderChange(idx, false)\" (keyup.arrowdown)=\"manualOrderChange(idx, true)\" \r\n (focus)=\"onFocus(idx)\" (focusout)=\"outFocus()\" (keyup.enter)=\"checkboxChanged(idx, !item.isChecked)\" cdkDragHandle><i class=\"ph-bold ph-dots-six-vertical\"></i></div>\r\n <div class=\"handle-custom-placeholder\" *cdkDragPlaceholder>\r\n <i class=\"ph-bold ph-dots-six-vertical\"></i>\r\n </div>\r\n <div [title]=\"item.text | translate\" class=\"check-container full-width\" (click)=\"checkboxChanged(idx, !item.isChecked)\" \r\n fxLayout=\"row\" fxLayoutAlign=\"center\">\r\n <span fxFlex=\"90%\" class=\"handle-label\">{{ item.text | translate }}</span>\r\n @if(item.isChecked) {\r\n <i fxFlex=\"10%\" fxLayoutAlign=\"end center\" [style.color]=\"checkmarkColor\" class=\"check-icon ph-fill ph-check-circle\"></i>\r\n } \r\n @else {\r\n <i fxFlex=\"10%\" fxLayoutAlign=\"end center\" class=\"check-icon ph-bold ph-circle\"></i>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n</div>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}.handle-box{display:flex;flex-direction:row;align-items:center;border-radius:8px;overflow:hidden;border:2px solid #E9E9E9;padding:8px;height:30px!important;background:#fff}.handle-box:hover{background:#fafafa}.handle-box.checked{border:2px solid var(--primary-color-500-parts)}.box-container{margin-bottom:8px;margin-top:8px}.box-container.drag-in-focus{padding:2px;border-radius:12px;border:3px solid var(--primary-color-300-parts)}.cdk-drag-preview{height:50px!important;padding:2px;border-radius:10px;border:3px solid var(--primary-color-300-parts);box-shadow:0 2px 8px #0000003d}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-list.cdk-drop-list-dragging .box-container:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-custom-placeholder{display:flex;flex-direction:row;align-items:center;background-color:#f5f5f5!important;height:30px!important;border-radius:8px;padding:8px;transition:transform .25s cubic-bezier(0,0,.2,1)}.handle-custom-placeholder i{color:#fff}.drag-handle{padding-right:8px;width:24px;height:24px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.drag-handle:focus{outline:0}.drag-handle:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.ph-dots-six-vertical{font-size:24px;color:#0009}.droplist-label{font-family:Poppins,sans-serif!important;font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#0009}.check-container{min-width:0px!important}.check-container:hover{cursor:pointer}.check-container .handle-label{color:#000000de;font-family:Poppins,sans-serif!important;font-size:14px;font-weight:400;line-height:24px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-container .check-icon{font-size:20px}.check-container .check-icon.ph-circle{color:#e9e9e9}\n"] }]
|
|
107
|
+
}], ctorParameters: () => [], propDecorators: { checkmarkColor: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], handleList: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], labelText: [{
|
|
112
|
+
type: Input
|
|
113
|
+
}], orderChanged: [{
|
|
114
|
+
type: Output
|
|
115
|
+
}], checkboxToggled: [{
|
|
116
|
+
type: Output
|
|
117
|
+
}] } });
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWhhbmRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL2Jhc2UtY29tcG9uZW50cy9zb2YtaGFuZGxlL3NvZi1oYW5kbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWhhbmRsZS9zb2YtaGFuZGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQUUxRiwyQkFBMkI7QUFNM0IsTUFBTSxPQUFPLGtCQUFrQjtJQXVCM0I7O09BRUc7SUFDSDtRQXhCQSwwQkFBMEI7UUFDVixtQkFBYyxHQUFXLHFCQUFxQixDQUFDO1FBRS9ELGdCQUFnQjtRQUNBLGVBQVUsR0FBa0IsRUFBRSxDQUFDO1FBRS9DLHFCQUFxQjtRQUNMLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdkMscUNBQXFDO1FBQ3BCLGlCQUFZLEdBQTBCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUUsaUNBQWlDO1FBQ2hCLG9CQUFlLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUUsaUNBQWlDO1FBQzFCLGtCQUFhLEdBQVcsSUFBSSxDQUFDO1FBRXBDLHVCQUF1QjtRQUNmLGdCQUFXLEdBQWdCLFFBQVEsQ0FBQyxJQUFJLENBQUM7SUFLakMsQ0FBQztJQUVqQiwrQkFBK0I7SUFDeEIsUUFBUSxLQUFXLENBQUM7SUFFM0IsNEJBQTRCO0lBQ3JCLFdBQVc7UUFDZCxNQUFNLENBQUMsbUJBQW1CLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksSUFBSSxDQUFDLEtBQTRCO1FBQ3BDLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3BELElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxPQUFPLENBQUM7UUFDeEMsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLGFBQWEsRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDMUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksU0FBUztRQUNaLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2pELElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFVLENBQUM7SUFDL0MsQ0FBQztJQUVEOzs7O09BSUc7SUFDSSxpQkFBaUIsQ0FBQyxPQUFlLEVBQUUsTUFBZTtRQUNyRCxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLENBQUM7UUFDbEQsSUFBSSxNQUFNLElBQUksQ0FBQyxJQUFJLE1BQU0sSUFBSSxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckQsZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1lBQ2xELElBQUksQ0FBQyxhQUFhLEdBQUcsTUFBTSxDQUFDO1lBQzVCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osUUFBUSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDcEQsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQ1AsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDaEM7YUFBTTtZQUNILFFBQVEsQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFDLE9BQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2hELElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO1NBQzdCO0lBQ0wsQ0FBQztJQUVEOzs7O09BSUc7SUFDSSxlQUFlLENBQUMsS0FBYSxFQUFFLFFBQWlCO1FBQ25ELElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUM1QyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksT0FBTyxDQUFDLEdBQVc7UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7UUFDekIsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELG9DQUFvQztJQUM3QixRQUFRO1FBQ1gsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7UUFDMUIsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVELGtDQUFrQztJQUMxQixlQUFlLENBQUMsS0FBb0I7UUFDeEMsSUFBSSxLQUFLLENBQUMsSUFBSSxJQUFJLFdBQVcsSUFBSSxLQUFLLENBQUMsSUFBSSxJQUFJLFNBQVMsRUFBRTtZQUN0RCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUI7SUFDTCxDQUFDOzhHQXpHUSxrQkFBa0I7a0dBQWxCLGtCQUFrQixpT0NUL0Isc3REQXVCTTs7MkZEZE8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLFlBQVk7d0RBT04sY0FBYztzQkFBN0IsS0FBSztnQkFHVSxVQUFVO3NCQUF6QixLQUFLO2dCQUdVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBR1csWUFBWTtzQkFBNUIsTUFBTTtnQkFHVSxlQUFlO3NCQUEvQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIG1vdmVJdGVtSW5BcnJheSB9IGZyb20gXCJAYW5ndWxhci9jZGsvZHJhZy1kcm9wXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKiogVGhlIGhhbmRsZSBjb21wb25lbnQgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJzb2YtaGFuZGxlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3NvZi1oYW5kbGUuY29tcG9uZW50Lmh0bWxcIixcclxuICAgIHN0eWxlVXJsczogW1wiLi9zb2YtaGFuZGxlLmNvbXBvbmVudC5zY3NzXCJdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZIYW5kbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcblxyXG4gICAgLyoqIFRoZSBjaGVja21hcmsgY29sb3IgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjaGVja21hcmtDb2xvcjogc3RyaW5nID0gXCJyZ2JhKDAsIDAsIDAsIDAuODcpXCI7XHJcblxyXG4gICAgLyoqIFRoZSBpbnB1dCAqL1xyXG4gICAgQElucHV0KCkgcHVibGljIGhhbmRsZUxpc3Q6IEhhbmRsZUlucHV0W10gPSBbXTtcclxuXHJcbiAgICAvKiogVGhlIGxhYmVsIHRleHQgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBsYWJlbFRleHQ6IHN0cmluZyA9IFwiXCI7XHJcblxyXG4gICAgLyoqIFRoZSBoYW5kbGUgb3JkZXIgY2hhbmdlZCBldmVudCAqL1xyXG4gICAgQE91dHB1dCgpIHB1YmxpYyBvcmRlckNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICAvKiogVGhlIGNoZWNrYm94IHRvZ2dsZWQgZXZlbnQgKi9cclxuICAgIEBPdXRwdXQoKSBwdWJsaWMgY2hlY2tib3hUb2dnbGVkOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgICAvKiogVGhlIGhhbmRsZSB0aGF0J3MgaW4gZm9jdXMgKi9cclxuICAgIHB1YmxpYyBoYW5kbGVJbkZvY3VzOiBudW1iZXIgPSBudWxsO1xyXG5cclxuICAgIC8qKiBUaGUgYm9keSBlbGVtZW50ICovXHJcbiAgICBwcml2YXRlIGJvZHlFbGVtZW50OiBIVE1MRWxlbWVudCA9IGRvY3VtZW50LmJvZHk7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBDb21wb25lbnQgQ29uc3RydWN0b3JcclxuICAgICAqL1xyXG4gICAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgICAvKiogQ29tcG9uZW50IEluaXRpYWxpemF0aW9uICovXHJcbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcbiAgICAvKiogQ29tcG9uZW50IERlc3RydWN0aW9uICovXHJcbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmtleWRvd25MaXN0ZW5lcik7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBNb3ZlcyB0aGUgaXRlbSBpbiB0aGUgYXJyYXkgYXMgcGVyIHRoZSBkcm9wXHJcbiAgICAgKiBAcGFyYW0gZXZlbnQgVGhlIGRyb3AgZXZlbnRcclxuICAgICAqL1xyXG4gICAgcHVibGljIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPHN0cmluZ1tdPik6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuYm9keUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnaW5oZXJpdEN1cnNvcnMnKTtcclxuICAgICAgICB0aGlzLmJvZHlFbGVtZW50LnN0eWxlLmN1cnNvciA9ICd1bnNldCc7XHJcbiAgICAgICAgbW92ZUl0ZW1JbkFycmF5KHRoaXMuaGFuZGxlTGlzdCwgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcclxuICAgICAgICB0aGlzLm9yZGVyQ2hhbmdlZC5uZXh0KHRydWUpO1xyXG4gICAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAgICogSGFuZGxlcyBkcmFnIHN0YXJ0IGV2ZW50XHJcbiAgICAgKi9cclxuICAgIHB1YmxpYyBkcmFnU3RhcnQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5ib2R5RWxlbWVudC5jbGFzc0xpc3QuYWRkKCdpbmhlcml0Q3Vyc29ycycpO1xyXG4gICAgICAgIHRoaXMuYm9keUVsZW1lbnQuc3R5bGUuY3Vyc29yID0gJ2dyYWJiaW5nJztcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIE1hbnVhbGx5IGNoYW5nZXMgb3JkZXIgdXNpbmcga2V5Ym9hcmQgZXZlbnRzXHJcbiAgICAgKiBAcGFyYW0gY3VycklkeCBUaGUgY3VycmVudCBpbmRleCBvZiB0aGUgZWxlbWVudFxyXG4gICAgICogQHBhcmFtIGlzRG93biBJZiB0aGUgb3JkZXIgaXMgZG93biBvciBub3RcclxuICAgICAqL1xyXG4gICAgcHVibGljIG1hbnVhbE9yZGVyQ2hhbmdlKGN1cnJJZHg6IG51bWJlciwgaXNEb3duOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgbmV3SWR4ID0gaXNEb3duID8gY3VycklkeCArIDEgOiBjdXJySWR4IC0gMTtcclxuICAgICAgICBpZiAobmV3SWR4ID49IDAgJiYgbmV3SWR4IDw9IHRoaXMuaGFuZGxlTGlzdC5sZW5ndGggLSAxKSB7XHJcbiAgICAgICAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLmhhbmRsZUxpc3QsIGN1cnJJZHgsIG5ld0lkeCk7XHJcbiAgICAgICAgICAgIHRoaXMuaGFuZGxlSW5Gb2N1cyA9IG5ld0lkeDtcclxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZHJhZycrbmV3SWR4KT8uZm9jdXMoKTtcclxuICAgICAgICAgICAgfSwgNTApO1xyXG4gICAgICAgICAgICB0aGlzLm9yZGVyQ2hhbmdlZC5uZXh0KHRydWUpO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdkcmFnJytjdXJySWR4KT8uYmx1cigpO1xyXG4gICAgICAgICAgICB0aGlzLmhhbmRsZUluRm9jdXMgPSBudWxsO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIENoZWNrYm94IGNoYW5nZSBldmVudFxyXG4gICAgICogQHBhcmFtIGluZGV4IFRoZSBjaGVja2JveCBpbmRleFxyXG4gICAgICogQHBhcmFtIGV2ZW50VmFsIFRoZSBjaGVja2JveCBldmVudCB2YWx1ZVxyXG4gICAgICovXHJcbiAgICBwdWJsaWMgY2hlY2tib3hDaGFuZ2VkKGluZGV4OiBudW1iZXIsIGV2ZW50VmFsOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5oYW5kbGVMaXN0W2luZGV4XS5pc0NoZWNrZWQgPSBldmVudFZhbDtcclxuICAgICAgICB0aGlzLmNoZWNrYm94VG9nZ2xlZC5uZXh0KGluZGV4KTtcclxuICAgIH1cclxuXHJcbiAgICAvKipcclxuICAgICAqIFRyaWdnZXJlZCB3aGVuIGEgaGFuZGxlIGlzIGluIGZvY3VzXHJcbiAgICAgKiBAcGFyYW0gaWR4IFRoZSBpbmRleCBvZiBoYW5kbGUgaW4gZm9jdXNcclxuICAgICAqL1xyXG4gICAgcHVibGljIG9uRm9jdXMoaWR4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmhhbmRsZUluRm9jdXMgPSBpZHg7XHJcbiAgICAgICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmtleWRvd25MaXN0ZW5lcik7XHJcbiAgICB9XHJcblxyXG4gICAgLyoqIFdoZW4gaGFuZGxlIGdvZXMgb3V0IG9mIGZvY3VzICovXHJcbiAgICBwdWJsaWMgb3V0Rm9jdXMoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5oYW5kbGVJbkZvY3VzID0gbnVsbDtcclxuICAgICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigna2V5ZG93bicsIHRoaXMua2V5ZG93bkxpc3RlbmVyKTtcclxuICAgIH1cclxuXHJcbiAgICAvKiogVGhlIGN1c3RvbSBrZXlkb3duIGxpc3RlbmVyICovXHJcbiAgICBwcml2YXRlIGtleWRvd25MaXN0ZW5lcihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgICAgIGlmIChldmVudC5jb2RlID09ICdBcnJvd0Rvd24nIHx8IGV2ZW50LmNvZGUgPT0gJ0Fycm93VXAnKSB7XHJcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59XHJcblxyXG4vKiogVGhlIGhhbmRsZSBpbnB1dCBtb2RlbCAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIEhhbmRsZUlucHV0IHtcclxuICAgIC8qKiBUaGUgdGV4dCAqL1xyXG4gICAgdGV4dD86IHN0cmluZztcclxuICAgIC8qKiBJcyBjaGVja2VkIG9yIG5vdCAqL1xyXG4gICAgaXNDaGVja2VkPzogYm9vbGVhbjtcclxufSIsIjxkaXYgY2RrRHJvcExpc3QgY2xhc3M9XCJoYW5kbGUtbGlzdCBmdWxsLXdpZHRoXCIgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudClcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiZHJvcGxpc3QtbGFiZWxcIiAqbmdJZj1cImxhYmVsVGV4dFwiPnt7IGxhYmVsVGV4dCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgIEBmb3IgKGl0ZW0gb2YgaGFuZGxlTGlzdDsgdHJhY2sgaXRlbTsgbGV0IGlkeCA9ICRpbmRleCkge1xyXG4gICAgPGRpdiBjbGFzcz1cImJveC1jb250YWluZXJcIiBjZGtEcmFnIChjZGtEcmFnU3RhcnRlZCk9XCJkcmFnU3RhcnQoKVwiIFtuZ0NsYXNzXT1cInsnZHJhZy1pbi1mb2N1cyc6IGhhbmRsZUluRm9jdXMgPT0gaWR4fVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGUtYm94XCIgW25nQ2xhc3NdPVwieydjaGVja2VkJzogaXRlbS5pc0NoZWNrZWR9XCI+XHJcbiAgICAgICAgICAgIDxkaXYgdGFiaW5kZXg9XCIwXCIgY2xhc3M9XCJkcmFnLWhhbmRsZVwiIFtpZF09XCInZHJhZycraWR4XCIgKGtleXVwLmFycm93dXApPVwibWFudWFsT3JkZXJDaGFuZ2UoaWR4LCBmYWxzZSlcIiAoa2V5dXAuYXJyb3dkb3duKT1cIm1hbnVhbE9yZGVyQ2hhbmdlKGlkeCwgdHJ1ZSlcIiBcclxuICAgICAgICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKGlkeClcIiAoZm9jdXNvdXQpPVwib3V0Rm9jdXMoKVwiIChrZXl1cC5lbnRlcik9XCJjaGVja2JveENoYW5nZWQoaWR4LCAhaXRlbS5pc0NoZWNrZWQpXCIgY2RrRHJhZ0hhbmRsZT48aSBjbGFzcz1cInBoLWJvbGQgcGgtZG90cy1zaXgtdmVydGljYWxcIj48L2k+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGUtY3VzdG9tLXBsYWNlaG9sZGVyXCIgKmNka0RyYWdQbGFjZWhvbGRlcj5cclxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC1kb3RzLXNpeC12ZXJ0aWNhbFwiPjwvaT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgW3RpdGxlXT1cIml0ZW0udGV4dCB8IHRyYW5zbGF0ZVwiIGNsYXNzPVwiY2hlY2stY29udGFpbmVyIGZ1bGwtd2lkdGhcIiAoY2xpY2spPVwiY2hlY2tib3hDaGFuZ2VkKGlkeCwgIWl0ZW0uaXNDaGVja2VkKVwiIFxyXG4gICAgICAgICAgICAgICAgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBmeEZsZXg9XCI5MCVcIiBjbGFzcz1cImhhbmRsZS1sYWJlbFwiPnt7IGl0ZW0udGV4dCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIEBpZihpdGVtLmlzQ2hlY2tlZCkge1xyXG4gICAgICAgICAgICAgICAgICAgIDxpIGZ4RmxleD1cIjEwJVwiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCIgW3N0eWxlLmNvbG9yXT1cImNoZWNrbWFya0NvbG9yXCIgY2xhc3M9XCJjaGVjay1pY29uIHBoLWZpbGwgcGgtY2hlY2stY2lyY2xlXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgfSBcclxuICAgICAgICAgICAgICAgIEBlbHNlIHtcclxuICAgICAgICAgICAgICAgICAgICA8aSBmeEZsZXg9XCIxMCVcIiBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiIGNsYXNzPVwiY2hlY2staWNvbiBwaC1ib2xkIHBoLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/router";
|
|
4
|
+
import * as i2 from "@angular/material/tabs";
|
|
5
|
+
import * as i3 from "@ngx-translate/core";
|
|
6
|
+
/**
|
|
7
|
+
* The Softheon tabs component
|
|
8
|
+
* @input navLinks, The nav links for the mat tabs *required
|
|
9
|
+
* */
|
|
10
|
+
export class SofTabsComponent {
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofTabsComponent, selector: "sof-tabs", inputs: { navLinks: "navLinks" }, ngImport: i0, template: "<nav mat-tab-nav-bar [tabPanel]=\"tabPanel\">\r\n @for (link of navLinks; track $index) {\r\n <a mat-tab-link \r\n [routerLink]=\"link.path\" [disabled]=\"link.disabled\" \r\n class=\"tab-link\" [class.disabled]=\"link.disabled\" routerLinkActive=\"active\" \r\n #rla=\"routerLinkActive\" [active]=\"rla.isActive\" [queryParams]=\"link.queryParams\" \r\n [id]=\"'tab-' + $index\" [disableRipple]=\"true\">\r\n {{link.label | translate}}\r\n </a>\r\n }\r\n</nav>\r\n<!-- *The corresponding <router-outlet> must be wrapped in an <mat-tab-nav-panel> component -->\r\n<mat-tab-nav-panel #tabPanel>\r\n <router-outlet/>\r\n</mat-tab-nav-panel>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}nav{width:fit-content}nav .tab-link{border-radius:8px 8px 0 0;background-color:transparent}nav .tab-link:hover{background-color:#5151510a}nav .tab-link:focus{outline:3px solid var(--primary-color-300-parts);outline-offset:-3px}nav .tab-link:focus:after{background-color:var(--primary-color-300-parts)}nav .tab-link:after{content:\"\";position:absolute;bottom:0;height:4px;width:100%;background-color:var(--neutral-color-50-parts)}nav .tab-link.active{background-color:var(--neutral-color-A100-parts)}nav .tab-link.active:hover{background-color:#fafafa}nav .tab-link.disabled{opacity:1}::ng-deep .mdc-tab__ripple{display:none}::ng-deep body .mat-mdc-tab-header{--mat-tab-header-label-text-font: Poppins, sans-serif !important;--mat-tab-header-label-text-size: 16px !important;--mat-tab-header-label-text-line-height: 24px !important}::ng-deep body .mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-focus-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-hover-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-active-focus-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-active-hover-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6) !important;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6) !important;--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6) !important}::ng-deep .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__content .mdc-tab__text-label{color:#00000061!important}::ng-deep body{--mdc-tab-indicator-active-indicator-height: 4px !important}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i2.MatTabNav, selector: "[mat-tab-nav-bar]", inputs: ["fitInkBarToContent", "mat-stretch-tabs", "animationDuration", "backgroundColor", "disableRipple", "color", "tabPanel"], exportAs: ["matTabNavBar", "matTabNav"] }, { kind: "component", type: i2.MatTabNavPanel, selector: "mat-tab-nav-panel", inputs: ["id"], exportAs: ["matTabNavPanel"] }, { kind: "component", type: i2.MatTabLink, selector: "[mat-tab-link], [matTabLink]", inputs: ["active", "disabled", "disableRipple", "tabIndex", "id"], exportAs: ["matTabLink"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofTabsComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'sof-tabs', template: "<nav mat-tab-nav-bar [tabPanel]=\"tabPanel\">\r\n @for (link of navLinks; track $index) {\r\n <a mat-tab-link \r\n [routerLink]=\"link.path\" [disabled]=\"link.disabled\" \r\n class=\"tab-link\" [class.disabled]=\"link.disabled\" routerLinkActive=\"active\" \r\n #rla=\"routerLinkActive\" [active]=\"rla.isActive\" [queryParams]=\"link.queryParams\" \r\n [id]=\"'tab-' + $index\" [disableRipple]=\"true\">\r\n {{link.label | translate}}\r\n </a>\r\n }\r\n</nav>\r\n<!-- *The corresponding <router-outlet> must be wrapped in an <mat-tab-nav-panel> component -->\r\n<mat-tab-nav-panel #tabPanel>\r\n <router-outlet/>\r\n</mat-tab-nav-panel>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}nav{width:fit-content}nav .tab-link{border-radius:8px 8px 0 0;background-color:transparent}nav .tab-link:hover{background-color:#5151510a}nav .tab-link:focus{outline:3px solid var(--primary-color-300-parts);outline-offset:-3px}nav .tab-link:focus:after{background-color:var(--primary-color-300-parts)}nav .tab-link:after{content:\"\";position:absolute;bottom:0;height:4px;width:100%;background-color:var(--neutral-color-50-parts)}nav .tab-link.active{background-color:var(--neutral-color-A100-parts)}nav .tab-link.active:hover{background-color:#fafafa}nav .tab-link.disabled{opacity:1}::ng-deep .mdc-tab__ripple{display:none}::ng-deep body .mat-mdc-tab-header{--mat-tab-header-label-text-font: Poppins, sans-serif !important;--mat-tab-header-label-text-size: 16px !important;--mat-tab-header-label-text-line-height: 24px !important}::ng-deep body .mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-focus-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-hover-indicator-color: mat.get-color-from-palette($arm-primary, 500) !important;--mat-tab-header-active-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-active-focus-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-active-hover-label-text-color: rgba(0, 0, 0, .87) !important;--mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6) !important;--mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6) !important;--mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6) !important}::ng-deep .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__content .mdc-tab__text-label{color:#00000061!important}::ng-deep body{--mdc-tab-indicator-active-indicator-height: 4px !important}\n"] }]
|
|
17
|
+
}], propDecorators: { navLinks: [{
|
|
18
|
+
type: Input,
|
|
19
|
+
args: [{ required: true }]
|
|
20
|
+
}] } });
|
|
21
|
+
;
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXRhYnMvc29mLXRhYnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXRhYnMvc29mLXRhYnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBQ2pEOzs7S0FHSztBQU1MLE1BQU0sT0FBTyxnQkFBZ0I7OEdBQWhCLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGtGQ1Y3QixrcUJBY29COzsyRkRKUCxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTs4QkFNVyxRQUFRO3NCQUF0QyxLQUFLO3VCQUFDLEVBQUMsUUFBUSxFQUFDLElBQUksRUFBQzs7QUFjdkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuLyoqIFxyXG4gKiBUaGUgU29mdGhlb24gdGFicyBjb21wb25lbnQgXHJcbiAqIEBpbnB1dCBuYXZMaW5rcywgVGhlIG5hdiBsaW5rcyBmb3IgdGhlIG1hdCB0YWJzICpyZXF1aXJlZFxyXG4gKiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi10YWJzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXRhYnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zb2YtdGFicy5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNvZlRhYnNDb21wb25lbnQge1xyXG4gIC8qKiBUaGUgbmF2IGxpbmtzIGZvciB0aGUgbWF0IHRhYnMgKnJlcXVpcmVkICovXHJcbiAgQElucHV0KHtyZXF1aXJlZDp0cnVlfSkgcHVibGljIG5hdkxpbmtzOiBBcnJheTxUYWJOYXZMaW5rPjtcclxufVxyXG4vKiogXHJcbiAqIFRoZSBuYXZpZ2F0aW9uIGxpbmtzIGZvciB0YWJzIGludGVyZmFjZSBcclxuICogQHByb3BlcnR5IHBhdGg6IHN0cmluZywgVGhlIFVSTCB0byBuYXZpZ2F0ZSB0byBcclxuICogQHByb3BlcnR5IGxhYmVsOiBzdHJpbmcsIFRoZSB0ZXh0IHRvIGRpc3BsYXkgb24gdGhlIHRhYlxyXG4gKiBAcHJvcGVydHkgZGlzYWJsZWQgKG9wdGlvbmFsKTogYm9vbGVhbiwgSXMgdGhlIHRhYiBkaXNhYmxlZFxyXG4gKiBAcHJvcGVydHkgcXVlcnlQYXJhbXMgKG9wdGlvbmFsKTogT2JqZWN0LCBUaGUgcXVlcnlQYXJhbXMgdG8gYWRkIHRvIHRoZSBwYXRoXHJcbiAqICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgVGFiTmF2TGluayB7XHJcbiAgcGF0aDogc3RyaW5nO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gIHF1ZXJ5UGFyYW1zPzogeyBba2V5OnN0cmluZ10gOiBzdHJpbmcgfCBzdHJpbmdbXSB9O1xyXG59OyIsIjxuYXYgbWF0LXRhYi1uYXYtYmFyIFt0YWJQYW5lbF09XCJ0YWJQYW5lbFwiPlxyXG4gIEBmb3IgKGxpbmsgb2YgbmF2TGlua3M7IHRyYWNrICRpbmRleCkge1xyXG4gICAgPGEgbWF0LXRhYi1saW5rIFxyXG4gICAgICBbcm91dGVyTGlua109XCJsaW5rLnBhdGhcIiBbZGlzYWJsZWRdPVwibGluay5kaXNhYmxlZFwiIFxyXG4gICAgICBjbGFzcz1cInRhYi1saW5rXCIgW2NsYXNzLmRpc2FibGVkXT1cImxpbmsuZGlzYWJsZWRcIiByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCIgXHJcbiAgICAgICNybGE9XCJyb3V0ZXJMaW5rQWN0aXZlXCIgW2FjdGl2ZV09XCJybGEuaXNBY3RpdmVcIiBbcXVlcnlQYXJhbXNdPVwibGluay5xdWVyeVBhcmFtc1wiIFxyXG4gICAgICBbaWRdPVwiJ3RhYi0nICsgJGluZGV4XCIgW2Rpc2FibGVSaXBwbGVdPVwidHJ1ZVwiPlxyXG4gICAgICB7e2xpbmsubGFiZWwgfCB0cmFuc2xhdGV9fVxyXG4gICAgPC9hPlxyXG4gIH1cclxuPC9uYXY+XHJcbjwhLS0gKlRoZSBjb3JyZXNwb25kaW5nIDxyb3V0ZXItb3V0bGV0PiBtdXN0IGJlIHdyYXBwZWQgaW4gYW4gPG1hdC10YWItbmF2LXBhbmVsPiBjb21wb25lbnQgLS0+XHJcbjxtYXQtdGFiLW5hdi1wYW5lbCAjdGFiUGFuZWw+XHJcbiAgPHJvdXRlci1vdXRsZXQvPlxyXG48L21hdC10YWItbmF2LXBhbmVsPiJdfQ==
|