@recursyve/nice-ui-kit.v2 20.0.0-beta.146 → 21.0.0-beta.147
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as i1$
|
|
1
|
+
import * as i1$a from '@angular/animations';
|
|
2
2
|
import { animation, style, animate, trigger, transition, useAnimation, state, keyframes } from '@angular/animations';
|
|
3
3
|
import { HttpContextToken, HttpResponse, HttpContext, HttpParams } from '@angular/common/http';
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
@@ -7,72 +7,72 @@ import { plainToInstance } from 'class-transformer';
|
|
|
7
7
|
import { map, filter, takeUntil, tap, finalize, take, debounceTime as debounceTime$1, delay, switchMap as switchMap$1 } from 'rxjs/operators';
|
|
8
8
|
import { catchError, ReplaySubject, Subject, BehaviorSubject, distinctUntilChanged, switchMap, defer, EMPTY, isObservable, mergeMap, from, firstValueFrom, debounceTime, startWith, pairwise, tap as tap$1, combineLatest, Observable, timer, of, fromEvent, merge as merge$1 } from 'rxjs';
|
|
9
9
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
10
|
-
import * as i2 from '@angular/common';
|
|
11
|
-
import { CommonModule, DatePipe, CurrencyPipe, isPlatformServer, NgForOf, NgIf, AsyncPipe, UpperCasePipe } from '@angular/common';
|
|
12
10
|
import * as i3 from '@angular/material/button';
|
|
13
11
|
import { MatButtonModule } from '@angular/material/button';
|
|
14
12
|
import * as i4 from '@angular/material/icon';
|
|
15
13
|
import { MatIconModule } from '@angular/material/icon';
|
|
14
|
+
import * as i2 from '@angular/common';
|
|
15
|
+
import { CommonModule, DatePipe, CurrencyPipe, isPlatformServer, NgForOf, NgIf, AsyncPipe, UpperCasePipe } from '@angular/common';
|
|
16
16
|
import * as i1$1 from '@angular/forms';
|
|
17
17
|
import { NG_VALUE_ACCESSOR, Validators, FormControl, ReactiveFormsModule, FormsModule, FormGroupDirective, NgForm, FormGroup } from '@angular/forms';
|
|
18
18
|
import { LexoRank } from 'lexorank';
|
|
19
19
|
import * as i4$1 from '@angular/material/menu';
|
|
20
20
|
import { MatMenuModule } from '@angular/material/menu';
|
|
21
21
|
import * as i2$1 from '@angular/material/core';
|
|
22
|
-
import { MatRippleModule, MatOption, ErrorStateMatcher, _ErrorStateTracker, MAT_DATE_FORMATS
|
|
22
|
+
import { MatRippleModule, MatOption, ErrorStateMatcher, _ErrorStateTracker, MAT_DATE_FORMATS } from '@angular/material/core';
|
|
23
23
|
import * as i7 from '@angular/material/progress-spinner';
|
|
24
24
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
25
25
|
import * as i1 from '@ngx-translate/core';
|
|
26
26
|
import { TranslateModule } from '@ngx-translate/core';
|
|
27
|
-
import * as i1$
|
|
27
|
+
import * as i1$c from '@angular/material/form-field';
|
|
28
28
|
import { MatFormFieldControl, MatFormFieldModule, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
|
|
29
29
|
import * as uuid from 'uuid';
|
|
30
30
|
import * as i5 from '@angular/material/autocomplete';
|
|
31
31
|
import { MatAutocompleteModule, MAT_AUTOCOMPLETE_DEFAULT_OPTIONS } from '@angular/material/autocomplete';
|
|
32
32
|
import * as i2$2 from '@angular/cdk/a11y';
|
|
33
|
-
import * as
|
|
33
|
+
import * as i1$2 from '@angular/material/input';
|
|
34
34
|
import { MatInputModule } from '@angular/material/input';
|
|
35
35
|
import * as i8 from '@angular/material/progress-bar';
|
|
36
36
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
37
37
|
import { fromPromise } from 'rxjs/internal/observable/innerFrom';
|
|
38
38
|
import { CdkStepper, CdkStep, CdkStepperModule } from '@angular/cdk/stepper';
|
|
39
|
-
import * as i1$
|
|
39
|
+
import * as i1$3 from '@recursyve/ngx-form-generator';
|
|
40
40
|
import { registerAsyncValidatorDecorator, AsyncValidator, NGX_FORM_GENERATOR_ASYNC_VALIDATORS, DynamicGroup } from '@recursyve/ngx-form-generator';
|
|
41
|
-
import * as i1$
|
|
41
|
+
import * as i1$4 from '@angular/cdk/overlay';
|
|
42
42
|
import { OverlayContainer, Overlay } from '@angular/cdk/overlay';
|
|
43
43
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
44
|
-
import * as
|
|
44
|
+
import * as i4$2 from '@angular/material/card';
|
|
45
45
|
import { MatCardModule } from '@angular/material/card';
|
|
46
46
|
import { isSameDay } from 'date-fns/isSameDay';
|
|
47
47
|
import { subDays } from 'date-fns/subDays';
|
|
48
|
-
import * as
|
|
48
|
+
import * as i1$5 from '@angular/material/datepicker';
|
|
49
49
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
50
|
-
import * as i1$
|
|
51
|
-
import * as i1$
|
|
50
|
+
import * as i1$6 from 'ngx-mask';
|
|
51
|
+
import * as i1$7 from '@angular/platform-browser';
|
|
52
52
|
import { merge } from 'lodash-es';
|
|
53
|
-
import * as i1$
|
|
53
|
+
import * as i1$8 from '@angular/cdk/layout';
|
|
54
54
|
import { Breakpoints } from '@angular/cdk/layout';
|
|
55
|
-
import * as i1$
|
|
55
|
+
import * as i1$9 from '@angular/router';
|
|
56
56
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
57
|
-
import * as i1$
|
|
57
|
+
import * as i1$b from '@angular/material/bottom-sheet';
|
|
58
58
|
import { MAT_BOTTOM_SHEET_DATA, MatBottomSheetModule } from '@angular/material/bottom-sheet';
|
|
59
|
-
import * as i4$
|
|
59
|
+
import * as i4$3 from '@angular/material/list';
|
|
60
60
|
import { MatListModule, MAT_LIST_CONFIG } from '@angular/material/list';
|
|
61
|
-
import * as i1$
|
|
61
|
+
import * as i1$f from '@angular/cdk/platform';
|
|
62
62
|
import { normalizePassiveListenerOptions } from '@angular/cdk/platform';
|
|
63
|
-
import * as i1$
|
|
63
|
+
import * as i1$d from '@angular/cdk/scrolling';
|
|
64
64
|
import * as i3$1 from '@angular/cdk/bidi';
|
|
65
|
-
import * as i1$
|
|
65
|
+
import * as i1$e from '@angular/material/snack-bar';
|
|
66
66
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
67
|
-
import * as i6
|
|
67
|
+
import * as i6 from '@angular/material/tooltip';
|
|
68
68
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
69
69
|
import PerfectScrollbar from 'perfect-scrollbar';
|
|
70
70
|
import { MatDividerModule } from '@angular/material/divider';
|
|
71
|
-
import * as i1$
|
|
71
|
+
import * as i1$g from '@angular/material/dialog';
|
|
72
72
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
73
73
|
import * as i3$2 from '@angular/material/button-toggle';
|
|
74
74
|
import { MatButtonToggleModule, MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS } from '@angular/material/button-toggle';
|
|
75
|
-
import * as i2$
|
|
75
|
+
import * as i2$3 from '@angular/cdk/drag-drop';
|
|
76
76
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
77
77
|
import { MAT_CHIPS_DEFAULT_OPTIONS } from '@angular/material/chips';
|
|
78
78
|
import { MAT_SELECT_CONFIG } from '@angular/material/select';
|
|
@@ -628,10 +628,10 @@ class NiceTransformResponseInterceptor {
|
|
|
628
628
|
return event;
|
|
629
629
|
}));
|
|
630
630
|
}
|
|
631
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
632
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
631
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTransformResponseInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
632
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTransformResponseInterceptor }); }
|
|
633
633
|
}
|
|
634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
634
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTransformResponseInterceptor, decorators: [{
|
|
635
635
|
type: Injectable
|
|
636
636
|
}] });
|
|
637
637
|
|
|
@@ -715,10 +715,10 @@ class NiceUtilsService {
|
|
|
715
715
|
}
|
|
716
716
|
return name;
|
|
717
717
|
}
|
|
718
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
719
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
718
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
719
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsService, providedIn: "root" }); }
|
|
720
720
|
}
|
|
721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
721
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsService, decorators: [{
|
|
722
722
|
type: Injectable,
|
|
723
723
|
args: [{
|
|
724
724
|
providedIn: "root"
|
|
@@ -729,11 +729,11 @@ class NiceUtilsModule {
|
|
|
729
729
|
constructor(_niceUtilsService) {
|
|
730
730
|
this._niceUtilsService = _niceUtilsService;
|
|
731
731
|
}
|
|
732
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
733
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
734
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsModule, deps: [{ token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
733
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsModule }); }
|
|
734
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsModule, providers: [NiceUtilsService] }); }
|
|
735
735
|
}
|
|
736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
736
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceUtilsModule, decorators: [{
|
|
737
737
|
type: NgModule,
|
|
738
738
|
args: [{
|
|
739
739
|
providers: [NiceUtilsService]
|
|
@@ -785,10 +785,10 @@ class NiceAlertService {
|
|
|
785
785
|
// Execute the observable
|
|
786
786
|
this._onShow.next(name);
|
|
787
787
|
}
|
|
788
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
789
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
788
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
789
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertService, providedIn: "root" }); }
|
|
790
790
|
}
|
|
791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertService, decorators: [{
|
|
792
792
|
type: Injectable,
|
|
793
793
|
args: [{
|
|
794
794
|
providedIn: "root"
|
|
@@ -953,12 +953,12 @@ class NiceAlertComponent {
|
|
|
953
953
|
// Notify the change detector
|
|
954
954
|
this._changeDetectorRef.markForCheck();
|
|
955
955
|
}
|
|
956
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
957
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceAlertService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
957
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceAlertComponent, isStandalone: false, selector: "nice-alert", inputs: { appearance: "appearance", dismissed: "dismissed", dismissible: "dismissible", disableAnimation: "disableAnimation", name: "name", showIcon: "showIcon", type: "type", color: "color" }, outputs: { dismissedChanged: "dismissedChanged" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceAlert"], usesOnChanges: true, ngImport: i0, template: "@if (!dismissible || (dismissible && !dismissed)) {\n <div\n class=\"nice-alert-container\"\n [@fadeIn]=\"!dismissed && !disableAnimation\"\n [@fadeOut]=\"!dismissed && !disableAnimation\"\n >\n <!-- Border -->\n @if (appearance === \"border\") {\n <div class=\"nice-alert-border\"></div>\n }\n <!-- Icon -->\n @if (showIcon) {\n <div class=\"nice-alert-icon\">\n <!-- Custom icon -->\n <div class=\"nice-alert-custom-icon\">\n <ng-content select=\"[niceAlertIcon]\"></ng-content>\n </div>\n <!-- Default icons -->\n <div class=\"nice-alert-default-icon\">\n @if (type === \"primary\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"accent\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"warn\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:x-circle'\"\n ></mat-icon>\n }\n @if (type === \"basic\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"info\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:information-circle'\"\n ></mat-icon>\n }\n @if (type === \"success\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"warning\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:exclamation-circle'\"\n ></mat-icon>\n }\n @if (type === \"error\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:x-circle'\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n <!-- Content -->\n <div class=\"nice-alert-content\">\n <div class=\"nice-alert-title\">\n <ng-content select=\"[niceAlertTitle]\"></ng-content>\n </div>\n <div class=\"nice-alert-message\">\n <ng-content></ng-content>\n </div>\n </div>\n <!-- Dismiss button -->\n <button\n class=\"nice-alert-dismiss-button\"\n mat-icon-button\n (click)=\"dismiss()\"\n >\n <mat-icon [svgIcon]=\"'heroicons_solid:x'\"></mat-icon>\n </button>\n </div>\n}\n", dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
958
958
|
}
|
|
959
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertComponent, decorators: [{
|
|
960
960
|
type: Component,
|
|
961
|
-
args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: niceAnimations, exportAs: "niceAlert", standalone: false, template: "<div\n
|
|
961
|
+
args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: niceAnimations, exportAs: "niceAlert", standalone: false, template: "@if (!dismissible || (dismissible && !dismissed)) {\n <div\n class=\"nice-alert-container\"\n [@fadeIn]=\"!dismissed && !disableAnimation\"\n [@fadeOut]=\"!dismissed && !disableAnimation\"\n >\n <!-- Border -->\n @if (appearance === \"border\") {\n <div class=\"nice-alert-border\"></div>\n }\n <!-- Icon -->\n @if (showIcon) {\n <div class=\"nice-alert-icon\">\n <!-- Custom icon -->\n <div class=\"nice-alert-custom-icon\">\n <ng-content select=\"[niceAlertIcon]\"></ng-content>\n </div>\n <!-- Default icons -->\n <div class=\"nice-alert-default-icon\">\n @if (type === \"primary\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"accent\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"warn\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:x-circle'\"\n ></mat-icon>\n }\n @if (type === \"basic\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"info\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:information-circle'\"\n ></mat-icon>\n }\n @if (type === \"success\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:check-circle'\"\n ></mat-icon>\n }\n @if (type === \"warning\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:exclamation-circle'\"\n ></mat-icon>\n }\n @if (type === \"error\") {\n <mat-icon\n [svgIcon]=\"'heroicons_solid:x-circle'\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n <!-- Content -->\n <div class=\"nice-alert-content\">\n <div class=\"nice-alert-title\">\n <ng-content select=\"[niceAlertTitle]\"></ng-content>\n </div>\n <div class=\"nice-alert-message\">\n <ng-content></ng-content>\n </div>\n </div>\n <!-- Dismiss button -->\n <button\n class=\"nice-alert-dismiss-button\"\n mat-icon-button\n (click)=\"dismiss()\"\n >\n <mat-icon [svgIcon]=\"'heroicons_solid:x'\"></mat-icon>\n </button>\n </div>\n}\n" }]
|
|
962
962
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceAlertService }, { type: NiceUtilsService }], propDecorators: { appearance: [{
|
|
963
963
|
type: Input
|
|
964
964
|
}], dismissed: [{
|
|
@@ -983,15 +983,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
983
983
|
}] } });
|
|
984
984
|
|
|
985
985
|
class NiceAlertModule {
|
|
986
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
987
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
986
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
987
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertModule, declarations: [NiceAlertComponent], imports: [CommonModule,
|
|
988
988
|
MatButtonModule,
|
|
989
989
|
MatIconModule], exports: [NiceAlertComponent] }); }
|
|
990
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
990
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertModule, imports: [CommonModule,
|
|
991
991
|
MatButtonModule,
|
|
992
992
|
MatIconModule] }); }
|
|
993
993
|
}
|
|
994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
994
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAlertModule, decorators: [{
|
|
995
995
|
type: NgModule,
|
|
996
996
|
args: [{
|
|
997
997
|
imports: [
|
|
@@ -1693,10 +1693,10 @@ class NiceAssetsCarouselActiveContentDirective {
|
|
|
1693
1693
|
constructor(template) {
|
|
1694
1694
|
this.template = template;
|
|
1695
1695
|
}
|
|
1696
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1697
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1696
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselActiveContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1697
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceAssetsCarouselActiveContentDirective, isStandalone: false, selector: "[niceAssetsCarouselActiveContent]", ngImport: i0 }); }
|
|
1698
1698
|
}
|
|
1699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselActiveContentDirective, decorators: [{
|
|
1700
1700
|
type: Directive,
|
|
1701
1701
|
args: [{
|
|
1702
1702
|
selector: "[niceAssetsCarouselActiveContent]",
|
|
@@ -1730,10 +1730,10 @@ class NiceDropzoneDirective {
|
|
|
1730
1730
|
this.filesDropped.emit(files);
|
|
1731
1731
|
}
|
|
1732
1732
|
}
|
|
1733
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1734
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1733
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1734
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceDropzoneDirective, isStandalone: false, selector: "[niceDropzone]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.file-over": "this.fileOver" } }, ngImport: i0 }); }
|
|
1735
1735
|
}
|
|
1736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1736
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneDirective, decorators: [{
|
|
1737
1737
|
type: Directive,
|
|
1738
1738
|
args: [{
|
|
1739
1739
|
selector: "[niceDropzone]",
|
|
@@ -1962,16 +1962,16 @@ class NiceAssetsCarouselComponent {
|
|
|
1962
1962
|
return null;
|
|
1963
1963
|
}
|
|
1964
1964
|
}
|
|
1965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1965
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselComponent, deps: [{ token: NICE_ASSETS_CAROUSEL_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceAssetsCarouselComponent, isStandalone: false, selector: "nice-assets-carousel", inputs: { color: "color", edit: "edit", loading: "loading", accept: "accept", customActions: "customActions", imagesProcessor: "imagesProcessor", multipleUpload: "multipleUpload", visiblePreviewAsset: "visiblePreviewAsset", showAddAssetContainer: "showAddAssetContainer", assets: "assets" }, outputs: { activeChange: "activeChange", removedAsset: "removedAsset" }, providers: [
|
|
1967
1967
|
{
|
|
1968
1968
|
provide: NG_VALUE_ACCESSOR,
|
|
1969
1969
|
useExisting: forwardRef(() => NiceAssetsCarouselComponent),
|
|
1970
1970
|
multi: true
|
|
1971
1971
|
}
|
|
1972
|
-
], queries: [{ propertyName: "activeContent", first: true, predicate: NiceAssetsCarouselActiveContentDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n <div\n class=\"active-image\"\n matRipple\n [class.empty-state]=\"!_activeAsset\"\n (click)=\"edit && fileInput.click();\n $event.stopPropagation()\"\n >\n <div *ngIf=\"loading\" style=\"min-height: inherit\" class=\"flex flex-row justify-center items-center h-full\">\n <mat-spinner [diameter]=\"32\"></mat-spinner>\n </div>\n <ng-container *ngIf=\"!loading\">\n <ng-container\n *ngIf=\"_activeAsset && activeContent\"\n [ngTemplateOutlet]=\"activeContent\"\n [ngTemplateOutletContext]=\"{ $implicit: _activeAsset}\"\n ></ng-container>\n <img\n *ngIf=\"_activeAsset?.type === 'image'\"\n (mouseover)=\"showOverlay=true\"\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n draggable=\"false\"\n class=\"relative\"\n alt=\"active-image\"\n >\n <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n <div class=\"text\">\n {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n </div>\n </div>\n\n <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n <div\n (mouseout)=\"showOverlay=false\"\n class=\"flex flex-col justify-center items-center w-full h-full\"\n >\n <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n </div>\n </div>\n\n <div *ngIf=\"edit\" class=\"active-buttons\">\n <button mat-icon-button (click)=\"fileInput.click(); $event.stopPropagation()\">\n <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n </button>\n <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n </button>\n <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let action of customActions\"\n (click)=\"clickCustom(action)\"\n >\n <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n <span>{{ action.name | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"clickRemove()\">\n <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n </button>\n </mat-menu>\n </div>\n </ng-container>\n </div>\n\n <div class=\"carousel\">\n <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n </button>\n <div class=\"asset-list-container\">\n <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n </div>\n </div>\n <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n <div\n #assets\n class=\"asset\"\n *ngFor=\"let asset of _assets; let i = index\"\n (click)=\"clickAsset(i)\"\n [ngClass]=\"color\"\n [class.active]=\"_active === i\"\n >\n <ng-container>\n <img\n *ngIf=\"asset.type === 'image'\"\n draggable=\"false\"\n [src]=\"asset.url ?? asset.base64\"\n alt=\"add-image\"\n />\n <video\n *ngIf=\"asset.type === 'video'\"\n draggable=\"false\"\n loop\n [src]=\"asset.url ?? asset.base64\"\n ></video>\n </ng-container>\n </div>\n </div>\n </div>\n <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n </button>\n </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1972
|
+
], queries: [{ propertyName: "activeContent", first: true, predicate: NiceAssetsCarouselActiveContentDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "activeVideoElement", first: true, predicate: ["activeVideo"], descendants: true }, { propertyName: "assetsElement", predicate: ["assets"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"carousel-container\"\n niceDropzone\n (filesDropped)=\"onFilesDrop($event)\"\n>\n <div\n class=\"active-image\"\n matRipple\n [class.empty-state]=\"!_activeAsset\"\n (click)=\"edit && fileInput.click(); $event.stopPropagation()\"\n >\n @if (loading) {\n <div\n style=\"min-height: inherit\"\n class=\"flex flex-row justify-center items-center h-full\"\n >\n <mat-spinner [diameter]=\"32\"></mat-spinner>\n </div>\n }\n @if (!loading) {\n @if (_activeAsset && activeContent) {\n <ng-container\n [ngTemplateOutlet]=\"activeContent\"\n [ngTemplateOutletContext]=\"{ $implicit: _activeAsset }\"\n ></ng-container>\n }\n @if (_activeAsset?.type === \"image\") {\n <img\n (mouseover)=\"showOverlay = true\"\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n draggable=\"false\"\n class=\"relative\"\n alt=\"active-image\"\n />\n }\n @if (_activeAsset?.type === \"video\") {\n <video\n #activeVideo\n draggable=\"false\"\n loop\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n ></video>\n }\n @if (!_activeAsset) {\n <div class=\"empty-state-content\">\n @if (options.upload.matIcon) {\n <mat-icon>{{ options.upload.matIcon }}</mat-icon>\n }\n @if (options.upload.svgIcon) {\n <mat-icon [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n }\n <div class=\"text\">\n {{\n \"nice_ui_kit.assets_carousel.upload_here\"\n | translate\n }}\n </div>\n </div>\n }\n @if (_activeAsset && showOverlay && edit) {\n <div class=\"active-image-overlay\">\n <div\n (mouseout)=\"showOverlay = false\"\n class=\"flex flex-col justify-center items-center w-full h-full\"\n >\n @if (options.upload.matIcon) {\n <mat-icon>{{ options.upload.matIcon }}</mat-icon>\n }\n @if (options.upload.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.upload.svgIcon\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n @if (edit) {\n <div class=\"active-buttons\">\n <button\n mat-icon-button\n (click)=\"fileInput.click(); $event.stopPropagation()\"\n >\n @if (options.actionButtons.addPhoto.matIcon) {\n <mat-icon>{{\n options.actionButtons.addPhoto.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.addPhoto.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.addPhoto.svgIcon\n \"\n ></mat-icon>\n }\n </button>\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"assetActions\"\n (click)=\"$event.stopPropagation()\"\n [disabled]=\"!_activeAsset\"\n >\n @if (options.actionButtons.moreOptions.matIcon) {\n <mat-icon>{{\n options.actionButtons.moreOptions.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.moreOptions.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.moreOptions.svgIcon\n \"\n ></mat-icon>\n }\n </button>\n <mat-menu\n class=\"nice-asset-options-menu\"\n [xPosition]=\"'before'\"\n #assetActions=\"matMenu\"\n >\n @for (action of customActions; track action) {\n <button mat-menu-item (click)=\"clickCustom(action)\">\n @if (action.icon.matIcon) {\n <mat-icon>{{\n action.icon.matIcon\n }}</mat-icon>\n }\n @if (action.icon.svgIcon) {\n <mat-icon\n [svgIcon]=\"action.icon.svgIcon\"\n ></mat-icon>\n }\n <span>{{ action.name | translate }}</span>\n </button>\n }\n <button mat-menu-item (click)=\"clickRemove()\">\n @if (options.actionButtons.remove.matIcon) {\n <mat-icon>{{\n options.actionButtons.remove.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.remove.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.remove.svgIcon\n \"\n ></mat-icon>\n }\n <span>{{\n \"nice_ui_kit.assets_carousel.delete\" | translate\n }}</span>\n </button>\n </mat-menu>\n </div>\n }\n }\n </div>\n\n <div class=\"carousel\">\n @if (showAddAssetContainer || _activeAsset) {\n <button\n class=\"action-button left-arrow\"\n mat-icon-button\n [disabled]=\"!_active\"\n (click)=\"clickLeft()\"\n >\n @if (options.leftArrow.matIcon) {\n <mat-icon>{{ options.leftArrow.matIcon }}</mat-icon>\n }\n @if (options.leftArrow.svgIcon) {\n <mat-icon\n class=\"arrows\"\n [svgIcon]=\"options.leftArrow.svgIcon\"\n ></mat-icon>\n }\n </button>\n }\n <div class=\"asset-list-container\">\n @if (showAddAssetContainer && edit) {\n <div class=\"add-asset-container\">\n <div\n class=\"add-asset\"\n matRipple\n (click)=\"fileInput.click()\"\n >\n @if (options.addPhoto.matIcon) {\n <mat-icon>{{ options.addPhoto.matIcon }}</mat-icon>\n }\n @if (options.addPhoto.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.addPhoto.svgIcon\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n @for (asset of _assets; track asset; let i = $index) {\n <div\n #assets\n class=\"asset\"\n (click)=\"clickAsset(i)\"\n [ngClass]=\"color\"\n [class.active]=\"_active === i\"\n >\n <ng-container>\n @if (asset.type === \"image\") {\n <img\n draggable=\"false\"\n [src]=\"asset.url ?? asset.base64\"\n alt=\"add-image\"\n />\n }\n @if (asset.type === \"video\") {\n <video\n draggable=\"false\"\n loop\n [src]=\"asset.url ?? asset.base64\"\n ></video>\n }\n </ng-container>\n </div>\n }\n </div>\n </div>\n @if (showAddAssetContainer || _activeAsset) {\n <button\n class=\"action-button right-arrow\"\n mat-icon-button\n [disabled]=\"_lastAsset\"\n (click)=\"clickRight()\"\n >\n @if (options.rightArrow.matIcon) {\n <mat-icon>{{ options.rightArrow.matIcon }}</mat-icon>\n }\n @if (options.rightArrow.svgIcon) {\n <mat-icon\n class=\"arrows\"\n [svgIcon]=\"options.rightArrow.svgIcon\"\n ></mat-icon>\n }\n </button>\n }\n </div>\n</div>\n\n<input\n #fileInput\n type=\"file\"\n hidden\n [accept]=\"accept\"\n (change)=\"onFilesChange($event)\"\n [multiple]=\"multipleUpload\"\n/>\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NiceDropzoneDirective, selector: "[niceDropzone]", outputs: ["filesDropped"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1973
1973
|
}
|
|
1974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselComponent, decorators: [{
|
|
1975
1975
|
type: Component,
|
|
1976
1976
|
args: [{ selector: "nice-assets-carousel", encapsulation: ViewEncapsulation.None, animations: niceAnimations, providers: [
|
|
1977
1977
|
{
|
|
@@ -1979,7 +1979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
1979
1979
|
useExisting: forwardRef(() => NiceAssetsCarouselComponent),
|
|
1980
1980
|
multi: true
|
|
1981
1981
|
}
|
|
1982
|
-
], standalone: false, template: "<div class=\"carousel-container\" niceDropzone (filesDropped)=\"onFilesDrop($event)\">\n <div\n class=\"active-image\"\n matRipple\n [class.empty-state]=\"!_activeAsset\"\n (click)=\"edit && fileInput.click();\n $event.stopPropagation()\"\n >\n <div *ngIf=\"loading\" style=\"min-height: inherit\" class=\"flex flex-row justify-center items-center h-full\">\n <mat-spinner [diameter]=\"32\"></mat-spinner>\n </div>\n <ng-container *ngIf=\"!loading\">\n <ng-container\n *ngIf=\"_activeAsset && activeContent\"\n [ngTemplateOutlet]=\"activeContent\"\n [ngTemplateOutletContext]=\"{ $implicit: _activeAsset}\"\n ></ng-container>\n <img\n *ngIf=\"_activeAsset?.type === 'image'\"\n (mouseover)=\"showOverlay=true\"\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n draggable=\"false\"\n class=\"relative\"\n alt=\"active-image\"\n >\n <video #activeVideo *ngIf=\"_activeAsset?.type === 'video'\" draggable=\"false\" loop [src]=\"_activeAsset.url ?? _activeAsset.base64\"></video>\n\n <div class=\"empty-state-content\" *ngIf=\"!_activeAsset\">\n <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n <div class=\"text\">\n {{ \"nice_ui_kit.assets_carousel.upload_here\" | translate }}\n </div>\n </div>\n\n <div *ngIf=\"_activeAsset && showOverlay && edit\" class=\"active-image-overlay\">\n <div\n (mouseout)=\"showOverlay=false\"\n class=\"flex flex-col justify-center items-center w-full h-full\"\n >\n <mat-icon *ngIf=\"options.upload.matIcon\">{{ options.upload.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.upload.svgIcon\" [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n </div>\n </div>\n\n <div *ngIf=\"edit\" class=\"active-buttons\">\n <button mat-icon-button (click)=\"fileInput.click(); $event.stopPropagation()\">\n <mat-icon *ngIf=\"options.actionButtons.addPhoto.matIcon\">{{ options.actionButtons.addPhoto.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.addPhoto.svgIcon\" [svgIcon]=\"options.actionButtons.addPhoto.svgIcon\"></mat-icon>\n </button>\n <button mat-icon-button [matMenuTriggerFor]=\"assetActions\" (click)=\"$event.stopPropagation()\" [disabled]=\"!_activeAsset\">\n <mat-icon *ngIf=\"options.actionButtons.moreOptions.matIcon\">{{ options.actionButtons.moreOptions.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.moreOptions.svgIcon\" [svgIcon]=\"options.actionButtons.moreOptions.svgIcon\"></mat-icon>\n </button>\n <mat-menu class=\"nice-asset-options-menu\" [xPosition]=\"'before'\" #assetActions=\"matMenu\">\n <button\n mat-menu-item\n *ngFor=\"let action of customActions\"\n (click)=\"clickCustom(action)\"\n >\n <mat-icon *ngIf=\"action.icon.matIcon\">{{ action.icon.matIcon }}</mat-icon>\n <mat-icon [svgIcon]=\"action.icon.svgIcon\" *ngIf=\"action.icon.svgIcon\"></mat-icon>\n <span>{{ action.name | translate }}</span>\n </button>\n <button mat-menu-item (click)=\"clickRemove()\">\n <mat-icon *ngIf=\"options.actionButtons.remove.matIcon\">{{ options.actionButtons.remove.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.actionButtons.remove.svgIcon\" [svgIcon]=\"options.actionButtons.remove.svgIcon\"></mat-icon>\n <span>{{ \"nice_ui_kit.assets_carousel.delete\" | translate }}</span>\n </button>\n </mat-menu>\n </div>\n </ng-container>\n </div>\n\n <div class=\"carousel\">\n <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button left-arrow\" mat-icon-button [disabled]=\"!_active\" (click)=\"clickLeft()\">\n <mat-icon *ngIf=\"options.leftArrow.matIcon\">{{ options.leftArrow.matIcon }}</mat-icon>\n <mat-icon class=\"arrows\" *ngIf=\"options.leftArrow.svgIcon\" [svgIcon]=\"options.leftArrow.svgIcon\"></mat-icon>\n </button>\n <div class=\"asset-list-container\">\n <div *ngIf=\"showAddAssetContainer && edit\" class=\"add-asset-container\">\n <div class=\"add-asset\" matRipple (click)=\"fileInput.click()\">\n <mat-icon *ngIf=\"options.addPhoto.matIcon\">{{ options.addPhoto.matIcon }}</mat-icon>\n <mat-icon *ngIf=\"options.addPhoto.svgIcon\" [svgIcon]=\"options.addPhoto.svgIcon\"></mat-icon>\n </div>\n </div>\n <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n <div\n #assets\n class=\"asset\"\n *ngFor=\"let asset of _assets; let i = index\"\n (click)=\"clickAsset(i)\"\n [ngClass]=\"color\"\n [class.active]=\"_active === i\"\n >\n <ng-container>\n <img\n *ngIf=\"asset.type === 'image'\"\n draggable=\"false\"\n [src]=\"asset.url ?? asset.base64\"\n alt=\"add-image\"\n />\n <video\n *ngIf=\"asset.type === 'video'\"\n draggable=\"false\"\n loop\n [src]=\"asset.url ?? asset.base64\"\n ></video>\n </ng-container>\n </div>\n </div>\n </div>\n <button *ngIf=\"showAddAssetContainer || _activeAsset\" class=\"action-button right-arrow\" mat-icon-button [disabled]=\"_lastAsset\" (click)=\"clickRight()\">\n <mat-icon *ngIf=\"options.rightArrow.matIcon\">{{ options.rightArrow.matIcon }}</mat-icon>\n <mat-icon class=\"arrows\" *ngIf=\"options.rightArrow.svgIcon\" [svgIcon]=\"options.rightArrow.svgIcon\"></mat-icon>\n </button>\n </div>\n</div>\n\n<input #fileInput type=\"file\" hidden [accept]=\"accept\" (change)=\"onFilesChange($event)\" [multiple]=\"multipleUpload\">\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"] }]
|
|
1982
|
+
], standalone: false, template: "<div\n class=\"carousel-container\"\n niceDropzone\n (filesDropped)=\"onFilesDrop($event)\"\n>\n <div\n class=\"active-image\"\n matRipple\n [class.empty-state]=\"!_activeAsset\"\n (click)=\"edit && fileInput.click(); $event.stopPropagation()\"\n >\n @if (loading) {\n <div\n style=\"min-height: inherit\"\n class=\"flex flex-row justify-center items-center h-full\"\n >\n <mat-spinner [diameter]=\"32\"></mat-spinner>\n </div>\n }\n @if (!loading) {\n @if (_activeAsset && activeContent) {\n <ng-container\n [ngTemplateOutlet]=\"activeContent\"\n [ngTemplateOutletContext]=\"{ $implicit: _activeAsset }\"\n ></ng-container>\n }\n @if (_activeAsset?.type === \"image\") {\n <img\n (mouseover)=\"showOverlay = true\"\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n draggable=\"false\"\n class=\"relative\"\n alt=\"active-image\"\n />\n }\n @if (_activeAsset?.type === \"video\") {\n <video\n #activeVideo\n draggable=\"false\"\n loop\n [src]=\"_activeAsset.url ?? _activeAsset.base64\"\n ></video>\n }\n @if (!_activeAsset) {\n <div class=\"empty-state-content\">\n @if (options.upload.matIcon) {\n <mat-icon>{{ options.upload.matIcon }}</mat-icon>\n }\n @if (options.upload.svgIcon) {\n <mat-icon [svgIcon]=\"options.upload.svgIcon\"></mat-icon>\n }\n <div class=\"text\">\n {{\n \"nice_ui_kit.assets_carousel.upload_here\"\n | translate\n }}\n </div>\n </div>\n }\n @if (_activeAsset && showOverlay && edit) {\n <div class=\"active-image-overlay\">\n <div\n (mouseout)=\"showOverlay = false\"\n class=\"flex flex-col justify-center items-center w-full h-full\"\n >\n @if (options.upload.matIcon) {\n <mat-icon>{{ options.upload.matIcon }}</mat-icon>\n }\n @if (options.upload.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.upload.svgIcon\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n @if (edit) {\n <div class=\"active-buttons\">\n <button\n mat-icon-button\n (click)=\"fileInput.click(); $event.stopPropagation()\"\n >\n @if (options.actionButtons.addPhoto.matIcon) {\n <mat-icon>{{\n options.actionButtons.addPhoto.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.addPhoto.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.addPhoto.svgIcon\n \"\n ></mat-icon>\n }\n </button>\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"assetActions\"\n (click)=\"$event.stopPropagation()\"\n [disabled]=\"!_activeAsset\"\n >\n @if (options.actionButtons.moreOptions.matIcon) {\n <mat-icon>{{\n options.actionButtons.moreOptions.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.moreOptions.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.moreOptions.svgIcon\n \"\n ></mat-icon>\n }\n </button>\n <mat-menu\n class=\"nice-asset-options-menu\"\n [xPosition]=\"'before'\"\n #assetActions=\"matMenu\"\n >\n @for (action of customActions; track action) {\n <button mat-menu-item (click)=\"clickCustom(action)\">\n @if (action.icon.matIcon) {\n <mat-icon>{{\n action.icon.matIcon\n }}</mat-icon>\n }\n @if (action.icon.svgIcon) {\n <mat-icon\n [svgIcon]=\"action.icon.svgIcon\"\n ></mat-icon>\n }\n <span>{{ action.name | translate }}</span>\n </button>\n }\n <button mat-menu-item (click)=\"clickRemove()\">\n @if (options.actionButtons.remove.matIcon) {\n <mat-icon>{{\n options.actionButtons.remove.matIcon\n }}</mat-icon>\n }\n @if (options.actionButtons.remove.svgIcon) {\n <mat-icon\n [svgIcon]=\"\n options.actionButtons.remove.svgIcon\n \"\n ></mat-icon>\n }\n <span>{{\n \"nice_ui_kit.assets_carousel.delete\" | translate\n }}</span>\n </button>\n </mat-menu>\n </div>\n }\n }\n </div>\n\n <div class=\"carousel\">\n @if (showAddAssetContainer || _activeAsset) {\n <button\n class=\"action-button left-arrow\"\n mat-icon-button\n [disabled]=\"!_active\"\n (click)=\"clickLeft()\"\n >\n @if (options.leftArrow.matIcon) {\n <mat-icon>{{ options.leftArrow.matIcon }}</mat-icon>\n }\n @if (options.leftArrow.svgIcon) {\n <mat-icon\n class=\"arrows\"\n [svgIcon]=\"options.leftArrow.svgIcon\"\n ></mat-icon>\n }\n </button>\n }\n <div class=\"asset-list-container\">\n @if (showAddAssetContainer && edit) {\n <div class=\"add-asset-container\">\n <div\n class=\"add-asset\"\n matRipple\n (click)=\"fileInput.click()\"\n >\n @if (options.addPhoto.matIcon) {\n <mat-icon>{{ options.addPhoto.matIcon }}</mat-icon>\n }\n @if (options.addPhoto.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.addPhoto.svgIcon\"\n ></mat-icon>\n }\n </div>\n </div>\n }\n <div class=\"asset-list\" [ngStyle]=\"listStyle\">\n @for (asset of _assets; track asset; let i = $index) {\n <div\n #assets\n class=\"asset\"\n (click)=\"clickAsset(i)\"\n [ngClass]=\"color\"\n [class.active]=\"_active === i\"\n >\n <ng-container>\n @if (asset.type === \"image\") {\n <img\n draggable=\"false\"\n [src]=\"asset.url ?? asset.base64\"\n alt=\"add-image\"\n />\n }\n @if (asset.type === \"video\") {\n <video\n draggable=\"false\"\n loop\n [src]=\"asset.url ?? asset.base64\"\n ></video>\n }\n </ng-container>\n </div>\n }\n </div>\n </div>\n @if (showAddAssetContainer || _activeAsset) {\n <button\n class=\"action-button right-arrow\"\n mat-icon-button\n [disabled]=\"_lastAsset\"\n (click)=\"clickRight()\"\n >\n @if (options.rightArrow.matIcon) {\n <mat-icon>{{ options.rightArrow.matIcon }}</mat-icon>\n }\n @if (options.rightArrow.svgIcon) {\n <mat-icon\n class=\"arrows\"\n [svgIcon]=\"options.rightArrow.svgIcon\"\n ></mat-icon>\n }\n </button>\n }\n </div>\n</div>\n\n<input\n #fileInput\n type=\"file\"\n hidden\n [accept]=\"accept\"\n (change)=\"onFilesChange($event)\"\n [multiple]=\"multipleUpload\"\n/>\n", styles: [":root{--nice-assets-carousel-asset-width: 90px;--nice-assets-carousel-asset-height: 60px;--nice-assets-carousel-asset-gap: .75rem}\n"] }]
|
|
1983
1983
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
1984
1984
|
type: Optional
|
|
1985
1985
|
}, {
|
|
@@ -2024,11 +2024,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2024
2024
|
}] } });
|
|
2025
2025
|
|
|
2026
2026
|
class NiceDropzoneModule {
|
|
2027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2028
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2029
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2028
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneModule, declarations: [NiceDropzoneDirective], exports: [NiceDropzoneDirective] }); }
|
|
2029
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneModule }); }
|
|
2030
2030
|
}
|
|
2031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDropzoneModule, decorators: [{
|
|
2032
2032
|
type: NgModule,
|
|
2033
2033
|
args: [{
|
|
2034
2034
|
imports: [],
|
|
@@ -2076,8 +2076,8 @@ class NiceAssetsCarouselModule {
|
|
|
2076
2076
|
]
|
|
2077
2077
|
};
|
|
2078
2078
|
}
|
|
2079
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2080
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2080
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselModule, declarations: [NiceAssetsCarouselComponent, NiceAssetsCarouselActiveContentDirective], imports: [CommonModule,
|
|
2081
2081
|
MatIconModule,
|
|
2082
2082
|
MatButtonModule,
|
|
2083
2083
|
MatMenuModule,
|
|
@@ -2085,7 +2085,7 @@ class NiceAssetsCarouselModule {
|
|
|
2085
2085
|
NiceDropzoneModule,
|
|
2086
2086
|
TranslateModule,
|
|
2087
2087
|
MatProgressSpinnerModule], exports: [NiceAssetsCarouselComponent, NiceAssetsCarouselActiveContentDirective] }); }
|
|
2088
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2088
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselModule, imports: [CommonModule,
|
|
2089
2089
|
MatIconModule,
|
|
2090
2090
|
MatButtonModule,
|
|
2091
2091
|
MatMenuModule,
|
|
@@ -2094,7 +2094,7 @@ class NiceAssetsCarouselModule {
|
|
|
2094
2094
|
TranslateModule,
|
|
2095
2095
|
MatProgressSpinnerModule] }); }
|
|
2096
2096
|
}
|
|
2097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAssetsCarouselModule, decorators: [{
|
|
2098
2098
|
type: NgModule,
|
|
2099
2099
|
args: [{
|
|
2100
2100
|
imports: [
|
|
@@ -2166,10 +2166,10 @@ class OptionsScrollDirective {
|
|
|
2166
2166
|
this.autoComplete.panel.nativeElement.removeEventListener("scroll", this.onScroll);
|
|
2167
2167
|
}
|
|
2168
2168
|
}
|
|
2169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2170
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OptionsScrollDirective, deps: [{ token: i5.MatAutocomplete }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2170
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: OptionsScrollDirective, isStandalone: false, selector: "mat-autocomplete[optionsScroll]", inputs: { thresholdPercent: "thresholdPercent" }, outputs: { optionsScroll: "optionsScroll" }, ngImport: i0 }); }
|
|
2171
2171
|
}
|
|
2172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OptionsScrollDirective, decorators: [{
|
|
2173
2173
|
type: Directive,
|
|
2174
2174
|
args: [{
|
|
2175
2175
|
// tslint:disable-next-line:directive-selector
|
|
@@ -2580,22 +2580,22 @@ class NiceTypeaheadComponent {
|
|
|
2580
2580
|
this.onRemove(null);
|
|
2581
2581
|
}
|
|
2582
2582
|
}
|
|
2583
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2584
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2583
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i2$2.FocusMonitor }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2584
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceTypeaheadComponent, isStandalone: false, selector: "nice-typeahead", inputs: { items: "items", labelFormatFn: "labelFormatFn", required: "required", disabled: "disabled", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", typeahead: "typeahead", page$: "page$", loading: "loading", loadingPage: "loadingPage", searchFn: "searchFn", optionTemplate: "optionTemplate" }, outputs: { change: "change" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
|
|
2585
2585
|
{
|
|
2586
2586
|
provide: MatFormFieldControl,
|
|
2587
2587
|
useExisting: NiceTypeaheadComponent
|
|
2588
2588
|
}
|
|
2589
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "options", predicate: MatOption, descendants: true }], ngImport: i0, template: "<div class=\"flex\"
|
|
2589
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "options", predicate: MatOption, descendants: true }], ngImport: i0, template: "@if (!disabled) {\n <div class=\"flex\">\n <input\n #searchInput\n matInput\n class=\"flex-auto\"\n type=\"text\"\n name=\"mat-autocomplete\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [matAutocomplete]=\"auto\"\n [required]=\"required\"\n />\n @if (value && !loading) {\n <mat-icon\n matSuffix\n class=\"close-button secondary-text\"\n (click)=\"onRemove($event)\"\n >\n close\n </mat-icon>\n }\n @if (loading) {\n <mat-spinner class=\"self-center\" [diameter]=\"16\"></mat-spinner>\n }\n </div>\n} @else {\n <input\n matInput\n class=\"disabled-input\"\n type=\"text\"\n [disabled]=\"true\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [required]=\"required\"\n />\n}\n<mat-autocomplete\n #auto=\"matAutocomplete\"\n [panelWidth]=\"panelWidth\"\n [class]=\"panelClass\"\n (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\"\n (closed)=\"updateState(false)\"\n (opened)=\"updateState(true)\"\n (optionsScroll)=\"onEndScroll()\"\n autoActiveFirstOption\n>\n @if (open && loading) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n @for (option of values; track option) {\n <mat-option [value]=\"option\">\n @if (optionTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\"\n >\n </ng-container>\n } @else {\n {{ formatLabel(option) }}\n }\n </mat-option>\n }\n @if (!values?.length && !allowNotFoundItems) {\n <mat-option disabled>\n @if (emptyPlaceholder) {\n {{ emptyPlaceholder }}\n } @else {\n {{ \"components.typeahead.no_item_found\" | translate }}\n }\n </mat-option>\n }\n @if (!values?.length && allowNotFoundItems) {\n <mat-option id=\"new-value-option\" [value]=\"searchControl.value\">\n <span class=\"italic\">{{ searchControl.value }}</span>\n </mat-option>\n }\n @if (open && loadingPage) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n</mat-autocomplete>\n", styles: ["nice-typeahead{width:100%}nice-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-typeahead .disabled-input{flex:1 1 95%}nice-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nice-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: ["thresholdPercent"], outputs: ["optionsScroll"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2590
2590
|
}
|
|
2591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadComponent, decorators: [{
|
|
2592
2592
|
type: Component,
|
|
2593
2593
|
args: [{ selector: "nice-typeahead", encapsulation: ViewEncapsulation.None, providers: [
|
|
2594
2594
|
{
|
|
2595
2595
|
provide: MatFormFieldControl,
|
|
2596
2596
|
useExisting: NiceTypeaheadComponent
|
|
2597
2597
|
}
|
|
2598
|
-
], standalone: false, template: "<div class=\"flex\"
|
|
2598
|
+
], standalone: false, template: "@if (!disabled) {\n <div class=\"flex\">\n <input\n #searchInput\n matInput\n class=\"flex-auto\"\n type=\"text\"\n name=\"mat-autocomplete\"\n [disabled]=\"disabled\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [matAutocomplete]=\"auto\"\n [required]=\"required\"\n />\n @if (value && !loading) {\n <mat-icon\n matSuffix\n class=\"close-button secondary-text\"\n (click)=\"onRemove($event)\"\n >\n close\n </mat-icon>\n }\n @if (loading) {\n <mat-spinner class=\"self-center\" [diameter]=\"16\"></mat-spinner>\n }\n </div>\n} @else {\n <input\n matInput\n class=\"disabled-input\"\n type=\"text\"\n [disabled]=\"true\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [required]=\"required\"\n />\n}\n<mat-autocomplete\n #auto=\"matAutocomplete\"\n [panelWidth]=\"panelWidth\"\n [class]=\"panelClass\"\n (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\"\n (closed)=\"updateState(false)\"\n (opened)=\"updateState(true)\"\n (optionsScroll)=\"onEndScroll()\"\n autoActiveFirstOption\n>\n @if (open && loading) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n @for (option of values; track option) {\n <mat-option [value]=\"option\">\n @if (optionTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\"\n >\n </ng-container>\n } @else {\n {{ formatLabel(option) }}\n }\n </mat-option>\n }\n @if (!values?.length && !allowNotFoundItems) {\n <mat-option disabled>\n @if (emptyPlaceholder) {\n {{ emptyPlaceholder }}\n } @else {\n {{ \"components.typeahead.no_item_found\" | translate }}\n }\n </mat-option>\n }\n @if (!values?.length && allowNotFoundItems) {\n <mat-option id=\"new-value-option\" [value]=\"searchControl.value\">\n <span class=\"italic\">{{ searchControl.value }}</span>\n </mat-option>\n }\n @if (open && loadingPage) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n</mat-autocomplete>\n", styles: ["nice-typeahead{width:100%}nice-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-typeahead .disabled-input{flex:1 1 95%}nice-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nice-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"] }]
|
|
2599
2599
|
}], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
|
|
2600
2600
|
type: Optional
|
|
2601
2601
|
}, {
|
|
@@ -2651,11 +2651,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2651
2651
|
}] } });
|
|
2652
2652
|
|
|
2653
2653
|
class OptionScrollModule {
|
|
2654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2655
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2656
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2654
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OptionScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2655
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: OptionScrollModule, declarations: [OptionsScrollDirective], exports: [OptionsScrollDirective] }); }
|
|
2656
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OptionScrollModule }); }
|
|
2657
2657
|
}
|
|
2658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: OptionScrollModule, decorators: [{
|
|
2659
2659
|
type: NgModule,
|
|
2660
2660
|
args: [{
|
|
2661
2661
|
declarations: [OptionsScrollDirective],
|
|
@@ -2664,8 +2664,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
2664
2664
|
}] });
|
|
2665
2665
|
|
|
2666
2666
|
class NiceTypeaheadModule {
|
|
2667
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2668
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2667
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2668
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadModule, declarations: [NiceTypeaheadComponent], imports: [CommonModule,
|
|
2669
2669
|
ReactiveFormsModule,
|
|
2670
2670
|
OptionScrollModule,
|
|
2671
2671
|
MatAutocompleteModule,
|
|
@@ -2676,7 +2676,7 @@ class NiceTypeaheadModule {
|
|
|
2676
2676
|
MatIconModule,
|
|
2677
2677
|
MatButtonModule,
|
|
2678
2678
|
TranslateModule], exports: [NiceTypeaheadComponent] }); }
|
|
2679
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2679
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadModule, imports: [CommonModule,
|
|
2680
2680
|
ReactiveFormsModule,
|
|
2681
2681
|
OptionScrollModule,
|
|
2682
2682
|
MatAutocompleteModule,
|
|
@@ -2688,7 +2688,7 @@ class NiceTypeaheadModule {
|
|
|
2688
2688
|
MatButtonModule,
|
|
2689
2689
|
TranslateModule] }); }
|
|
2690
2690
|
}
|
|
2691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2691
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTypeaheadModule, decorators: [{
|
|
2692
2692
|
type: NgModule,
|
|
2693
2693
|
args: [{
|
|
2694
2694
|
imports: [
|
|
@@ -2912,10 +2912,10 @@ class NiceAsyncTypeaheadService {
|
|
|
2912
2912
|
}
|
|
2913
2913
|
return api.format(item);
|
|
2914
2914
|
}
|
|
2915
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2916
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2915
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadService, deps: [{ token: NICE_ASYNC_TYPEAHEAD_PROVIDER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2916
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadService }); }
|
|
2917
2917
|
}
|
|
2918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadService, decorators: [{
|
|
2919
2919
|
type: Injectable
|
|
2920
2920
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2921
2921
|
type: Optional
|
|
@@ -3275,16 +3275,16 @@ class NiceAsyncTypeaheadComponent {
|
|
|
3275
3275
|
this.onRemove(null);
|
|
3276
3276
|
}
|
|
3277
3277
|
}
|
|
3278
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3279
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadComponent, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: NiceAsyncTypeaheadService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceAsyncTypeaheadComponent, isStandalone: false, selector: "nice-async-typeahead", inputs: { resource: "resource", searchOptions: "searchOptions", autoReload: "autoReload", preloadResource: "preloadResource", allowNotFoundItems: "allowNotFoundItems", panelClass: "panelClass", bindValue: "bindValue", bindLabel: "bindLabel", placeholder: "placeholder", emptyPlaceholder: "emptyPlaceholder", optionTemplate: "optionTemplate", filterFn: "filterFn", labelFormatFn: "labelFormatFn", disabled: "disabled", value: "value", required: "required" }, outputs: { entityRemoved: "entityRemoved", selected: "selected" }, host: { properties: { "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, providers: [
|
|
3280
3280
|
{
|
|
3281
3281
|
provide: MatFormFieldControl,
|
|
3282
3282
|
useExisting: NiceAsyncTypeaheadComponent
|
|
3283
3283
|
},
|
|
3284
3284
|
NiceAsyncTypeaheadService
|
|
3285
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "options", predicate: MatOption, descendants: true }], usesOnChanges: true, ngImport: i0, template: "
|
|
3285
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "options", predicate: MatOption, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (\n {\n loading: service.loading$ | async,\n loadingPage: service.loadingPage$ | async,\n values: service.filteredItems$ | async,\n };\n as ctx\n) {\n @if (!disabled) {\n <div class=\"flex\">\n <input\n #searchInput\n matInput\n class=\"flex-auto\"\n type=\"text\"\n name=\"mat-autocomplete\"\n [disabled]=\"$any(disabled)\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [matAutocomplete]=\"auto\"\n [required]=\"$any(required)\"\n (focus)=\"focusChanged(true)\"\n />\n @if (value && !ctx.loading) {\n <mat-icon\n matSuffix\n class=\"close-button secondary-text\"\n (click)=\"onRemove($event)\"\n >\n close\n </mat-icon>\n }\n @if (ctx.loading) {\n <mat-spinner class=\"self-center\" [diameter]=\"16\"></mat-spinner>\n }\n </div>\n } @else {\n <input\n matInput\n class=\"disabled-input\"\n type=\"text\"\n [disabled]=\"true\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [required]=\"$any(required)\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [panelWidth]=\"panelWidth\"\n [class]=\"panelClass\"\n (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\"\n (closed)=\"updateState(false)\"\n (opened)=\"updateState(true)\"\n (optionsScroll)=\"onEndScroll()\"\n >\n @if (open && ctx.loading) {\n <mat-progress-bar\n class=\"-mt-2\"\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n @for (option of ctx.values; track option) {\n <mat-option [value]=\"option\">\n @if (optionTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\"\n >\n </ng-container>\n } @else {\n {{ formatLabel(option) }}\n }\n </mat-option>\n }\n @if (!ctx.values?.length && !allowNotFoundItems) {\n <mat-option disabled>\n @if (emptyPlaceholder) {\n {{ emptyPlaceholder }}\n } @else {\n {{ \"components.typeahead.no_item_found\" | translate }}\n }\n </mat-option>\n }\n @if (!ctx.values?.length && allowNotFoundItems) {\n <mat-option id=\"new-value-option\" [value]=\"searchControl.value\">\n <span class=\"italic\">{{ searchControl.value }}</span>\n </mat-option>\n }\n @if (open && ctx.loadingPage) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n </mat-autocomplete>\n}\n", styles: ["nice-async-typeahead{width:100%}nice-async-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-async-typeahead .disabled-input{flex:1 1 95%}nice-async-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nice-async-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: OptionsScrollDirective, selector: "mat-autocomplete[optionsScroll]", inputs: ["thresholdPercent"], outputs: ["optionsScroll"] }, { kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i8.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3286
3286
|
}
|
|
3287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3287
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadComponent, decorators: [{
|
|
3288
3288
|
type: Component,
|
|
3289
3289
|
args: [{ selector: "nice-async-typeahead", encapsulation: ViewEncapsulation.None, providers: [
|
|
3290
3290
|
{
|
|
@@ -3292,7 +3292,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3292
3292
|
useExisting: NiceAsyncTypeaheadComponent
|
|
3293
3293
|
},
|
|
3294
3294
|
NiceAsyncTypeaheadService
|
|
3295
|
-
], standalone: false, template: "
|
|
3295
|
+
], standalone: false, template: "@if (\n {\n loading: service.loading$ | async,\n loadingPage: service.loadingPage$ | async,\n values: service.filteredItems$ | async,\n };\n as ctx\n) {\n @if (!disabled) {\n <div class=\"flex\">\n <input\n #searchInput\n matInput\n class=\"flex-auto\"\n type=\"text\"\n name=\"mat-autocomplete\"\n [disabled]=\"$any(disabled)\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [matAutocomplete]=\"auto\"\n [required]=\"$any(required)\"\n (focus)=\"focusChanged(true)\"\n />\n @if (value && !ctx.loading) {\n <mat-icon\n matSuffix\n class=\"close-button secondary-text\"\n (click)=\"onRemove($event)\"\n >\n close\n </mat-icon>\n }\n @if (ctx.loading) {\n <mat-spinner class=\"self-center\" [diameter]=\"16\"></mat-spinner>\n }\n </div>\n } @else {\n <input\n matInput\n class=\"disabled-input\"\n type=\"text\"\n [disabled]=\"true\"\n [placeholder]=\"placeholder\"\n [formControl]=\"searchControl\"\n [required]=\"$any(required)\"\n />\n }\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [panelWidth]=\"panelWidth\"\n [class]=\"panelClass\"\n (optionActivated)=\"onOptionActivated($event)\"\n (optionSelected)=\"onOptionSelected($event)\"\n (closed)=\"updateState(false)\"\n (opened)=\"updateState(true)\"\n (optionsScroll)=\"onEndScroll()\"\n >\n @if (open && ctx.loading) {\n <mat-progress-bar\n class=\"-mt-2\"\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n @for (option of ctx.values; track option) {\n <mat-option [value]=\"option\">\n @if (optionTemplate) {\n <ng-container\n [ngTemplateOutlet]=\"optionTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: option }\"\n >\n </ng-container>\n } @else {\n {{ formatLabel(option) }}\n }\n </mat-option>\n }\n @if (!ctx.values?.length && !allowNotFoundItems) {\n <mat-option disabled>\n @if (emptyPlaceholder) {\n {{ emptyPlaceholder }}\n } @else {\n {{ \"components.typeahead.no_item_found\" | translate }}\n }\n </mat-option>\n }\n @if (!ctx.values?.length && allowNotFoundItems) {\n <mat-option id=\"new-value-option\" [value]=\"searchControl.value\">\n <span class=\"italic\">{{ searchControl.value }}</span>\n </mat-option>\n }\n @if (open && ctx.loadingPage) {\n <mat-progress-bar\n mode=\"indeterminate\"\n color=\"primary\"\n ></mat-progress-bar>\n }\n </mat-autocomplete>\n}\n", styles: ["nice-async-typeahead{width:100%}nice-async-typeahead .close-button{flex:1 1 18px;cursor:pointer;min-height:18px!important;min-width:18px!important;height:18px!important;width:18px!important;font-size:18px!important;align-self:center}nice-async-typeahead .disabled-input{flex:1 1 95%}nice-async-typeahead .arrow-container{display:flex;bottom:7px;align-self:flex-end;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}nice-async-typeahead .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid;margin:0 4px;color:#0000008a}.italic{font-style:italic}\n"] }]
|
|
3296
3296
|
}], ctorParameters: () => [{ type: i1$1.NgControl, decorators: [{
|
|
3297
3297
|
type: Optional
|
|
3298
3298
|
}, {
|
|
@@ -3360,8 +3360,8 @@ class NiceAsyncTypeaheadModule {
|
|
|
3360
3360
|
}))
|
|
3361
3361
|
};
|
|
3362
3362
|
}
|
|
3363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3364
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3363
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3364
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadModule, declarations: [NiceAsyncTypeaheadComponent], imports: [CommonModule,
|
|
3365
3365
|
ReactiveFormsModule,
|
|
3366
3366
|
OptionScrollModule,
|
|
3367
3367
|
MatInputModule,
|
|
@@ -3370,7 +3370,7 @@ class NiceAsyncTypeaheadModule {
|
|
|
3370
3370
|
MatProgressSpinnerModule,
|
|
3371
3371
|
MatProgressBarModule,
|
|
3372
3372
|
TranslateModule], exports: [NiceAsyncTypeaheadComponent] }); }
|
|
3373
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3373
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadModule, imports: [CommonModule,
|
|
3374
3374
|
ReactiveFormsModule,
|
|
3375
3375
|
OptionScrollModule,
|
|
3376
3376
|
MatInputModule,
|
|
@@ -3380,7 +3380,7 @@ class NiceAsyncTypeaheadModule {
|
|
|
3380
3380
|
MatProgressBarModule,
|
|
3381
3381
|
TranslateModule] }); }
|
|
3382
3382
|
}
|
|
3383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAsyncTypeaheadModule, decorators: [{
|
|
3384
3384
|
type: NgModule,
|
|
3385
3385
|
args: [{
|
|
3386
3386
|
imports: [
|
|
@@ -3467,16 +3467,16 @@ class NiceBaseFormComponent {
|
|
|
3467
3467
|
getCurrentStepGroup(index) {
|
|
3468
3468
|
return null;
|
|
3469
3469
|
}
|
|
3470
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3471
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3470
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormComponent, deps: [{ token: i1$3.GeneratedFormGroup }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3471
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceBaseFormComponent, isStandalone: false, selector: "ng-component", inputs: { loading: "loading" }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "stepper", first: true, predicate: CdkStepper, descendants: true }], ngImport: i0, template: ``, isInline: true }); }
|
|
3472
3472
|
}
|
|
3473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormComponent, decorators: [{
|
|
3474
3474
|
type: Component,
|
|
3475
3475
|
args: [{
|
|
3476
3476
|
template: ``,
|
|
3477
3477
|
standalone: false
|
|
3478
3478
|
}]
|
|
3479
|
-
}], ctorParameters: () => [{ type: i1$
|
|
3479
|
+
}], ctorParameters: () => [{ type: i1$3.GeneratedFormGroup }], propDecorators: { stepper: [{
|
|
3480
3480
|
type: ViewChild,
|
|
3481
3481
|
args: [CdkStepper]
|
|
3482
3482
|
}], loading: [{
|
|
@@ -3489,10 +3489,10 @@ class NiceFormSubmitDirective {
|
|
|
3489
3489
|
onClick() {
|
|
3490
3490
|
this.form.clickSubmit();
|
|
3491
3491
|
}
|
|
3492
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3493
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3492
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormSubmitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3493
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceFormSubmitDirective, isStandalone: false, selector: "[niceFormSubmit]", inputs: { form: "form" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
3494
3494
|
}
|
|
3495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormSubmitDirective, decorators: [{
|
|
3496
3496
|
type: Directive,
|
|
3497
3497
|
args: [{
|
|
3498
3498
|
selector: "[niceFormSubmit]",
|
|
@@ -3506,11 +3506,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3506
3506
|
}] } });
|
|
3507
3507
|
|
|
3508
3508
|
class NiceBaseFormModule {
|
|
3509
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3510
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3511
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3509
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3510
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormModule, declarations: [NiceFormSubmitDirective], exports: [NiceFormSubmitDirective] }); }
|
|
3511
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormModule }); }
|
|
3512
3512
|
}
|
|
3513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceBaseFormModule, decorators: [{
|
|
3514
3514
|
type: NgModule,
|
|
3515
3515
|
args: [{
|
|
3516
3516
|
declarations: [NiceFormSubmitDirective],
|
|
@@ -3570,12 +3570,12 @@ class NiceCardComponent {
|
|
|
3570
3570
|
this.flippable = coerceBooleanProperty(changes.flippable.currentValue);
|
|
3571
3571
|
}
|
|
3572
3572
|
}
|
|
3573
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3574
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3573
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3574
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceCardComponent, isStandalone: false, selector: "nice-card", inputs: { expanded: "expanded", face: "face", flippable: "flippable" }, host: { properties: { "class": "this.classList" } }, exportAs: ["niceCard"], usesOnChanges: true, ngImport: i0, template: "<!-- Flippable card -->\n@if (flippable) {\n <!-- Front -->\n <div class=\"nice-card-front\">\n <ng-content select=\"[niceCardFront]\"></ng-content>\n </div>\n <!-- Back -->\n <div class=\"nice-card-back\">\n <ng-content select=\"[niceCardBack]\"></ng-content>\n </div>\n}\n\n<!-- Normal card -->\n@if (!flippable) {\n <!-- Content -->\n <ng-content></ng-content>\n <!-- Expansion -->\n @if (expanded) {\n <div class=\"nice-card-expansion\" [@expandCollapse]>\n <ng-content select=\"[niceCardExpansion]\"></ng-content>\n </div>\n }\n}\n", animations: niceAnimations, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3575
3575
|
}
|
|
3576
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3576
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCardComponent, decorators: [{
|
|
3577
3577
|
type: Component,
|
|
3578
|
-
args: [{ selector: "nice-card", encapsulation: ViewEncapsulation.None, animations: niceAnimations, exportAs: "niceCard", standalone: false, template: "<!-- Flippable card -->\n
|
|
3578
|
+
args: [{ selector: "nice-card", encapsulation: ViewEncapsulation.None, animations: niceAnimations, exportAs: "niceCard", standalone: false, template: "<!-- Flippable card -->\n@if (flippable) {\n <!-- Front -->\n <div class=\"nice-card-front\">\n <ng-content select=\"[niceCardFront]\"></ng-content>\n </div>\n <!-- Back -->\n <div class=\"nice-card-back\">\n <ng-content select=\"[niceCardBack]\"></ng-content>\n </div>\n}\n\n<!-- Normal card -->\n@if (!flippable) {\n <!-- Content -->\n <ng-content></ng-content>\n <!-- Expansion -->\n @if (expanded) {\n <div class=\"nice-card-expansion\" [@expandCollapse]>\n <ng-content select=\"[niceCardExpansion]\"></ng-content>\n </div>\n }\n}\n" }]
|
|
3579
3579
|
}], propDecorators: { expanded: [{
|
|
3580
3580
|
type: Input
|
|
3581
3581
|
}], face: [{
|
|
@@ -3588,11 +3588,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3588
3588
|
}] } });
|
|
3589
3589
|
|
|
3590
3590
|
class NiceCardModule {
|
|
3591
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3592
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3593
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3591
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3592
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceCardModule, declarations: [NiceCardComponent], imports: [CommonModule], exports: [NiceCardComponent] }); }
|
|
3593
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCardModule, imports: [CommonModule] }); }
|
|
3594
3594
|
}
|
|
3595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCardModule, decorators: [{
|
|
3596
3596
|
type: NgModule,
|
|
3597
3597
|
args: [{
|
|
3598
3598
|
imports: [
|
|
@@ -3608,10 +3608,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3608
3608
|
}] });
|
|
3609
3609
|
|
|
3610
3610
|
class PictureModalComponent {
|
|
3611
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3612
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PictureModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: PictureModalComponent, isStandalone: false, selector: "nice-picture-modal", ngImport: i0, template: "<div class=\"overlay-content\">\n <img [src]=\"picture\" />\n</div>\n", styles: ["nice-picture-modal{height:80vh!important;width:100%!important;border-radius:8px}nice-picture-modal img{height:80vh;width:100%;object-fit:contain}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3613
3613
|
}
|
|
3614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PictureModalComponent, decorators: [{
|
|
3615
3615
|
type: Component,
|
|
3616
3616
|
args: [{ encapsulation: ViewEncapsulation.None, selector: "nice-picture-modal", standalone: false, template: "<div class=\"overlay-content\">\n <img [src]=\"picture\" />\n</div>\n", styles: ["nice-picture-modal{height:80vh!important;width:100%!important;border-radius:8px}nice-picture-modal img{height:80vh;width:100%;object-fit:contain}\n"] }]
|
|
3617
3617
|
}] });
|
|
@@ -3637,12 +3637,12 @@ class PictureModalService {
|
|
|
3637
3637
|
pictureModalRef.instance.picture = config.picture;
|
|
3638
3638
|
overlayRef.backdropClick().subscribe(() => overlayRef.dispose());
|
|
3639
3639
|
}
|
|
3640
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3641
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3640
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PictureModalService, deps: [{ token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3641
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PictureModalService }); }
|
|
3642
3642
|
}
|
|
3643
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PictureModalService, decorators: [{
|
|
3644
3644
|
type: Injectable
|
|
3645
|
-
}], ctorParameters: () => [{ type: i1$
|
|
3645
|
+
}], ctorParameters: () => [{ type: i1$4.Overlay }] });
|
|
3646
3646
|
|
|
3647
3647
|
const CAROUSEL_ICONS = new InjectionToken("carousel_icons");
|
|
3648
3648
|
|
|
@@ -3653,10 +3653,10 @@ class CarouselLayoutPipe {
|
|
|
3653
3653
|
}
|
|
3654
3654
|
return direction === "utd" ? "flex-col" : "flex-col-reverse";
|
|
3655
3655
|
}
|
|
3656
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3657
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
3656
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CarouselLayoutPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3657
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: CarouselLayoutPipe, isStandalone: false, name: "carouselLayout" }); }
|
|
3658
3658
|
}
|
|
3659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CarouselLayoutPipe, decorators: [{
|
|
3660
3660
|
type: Pipe,
|
|
3661
3661
|
args: [{
|
|
3662
3662
|
name: "carouselLayout",
|
|
@@ -3684,12 +3684,12 @@ class CarouselComponent {
|
|
|
3684
3684
|
clickDelete(picture) {
|
|
3685
3685
|
this.delete.emit(picture);
|
|
3686
3686
|
}
|
|
3687
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3688
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3687
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CarouselComponent, deps: [{ token: PictureModalService }, { token: CAROUSEL_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3688
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: CarouselComponent, isStandalone: false, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n @for (image of currentImages; track image) {\n <div class=\"slide\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\" />\n @if (editable) {\n @if (icons?.remove) {\n <mat-icon\n [svgIcon]=\"icons.remove.svgIcon\"\n (click)=\"clickDelete(image)\"\n class=\"remove-button\"\n ></mat-icon>\n } @else {\n <i\n class=\"fad fa-times-circle remove-button\"\n (click)=\"clickDelete(image)\"\n ></i>\n }\n }\n </div>\n }\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: CarouselLayoutPipe, name: "carouselLayout" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3689
3689
|
}
|
|
3690
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3690
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
3691
3691
|
type: Component,
|
|
3692
|
-
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\"
|
|
3692
|
+
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n @for (image of currentImages; track image) {\n <div class=\"slide\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\" />\n @if (editable) {\n @if (icons?.remove) {\n <mat-icon\n [svgIcon]=\"icons.remove.svgIcon\"\n (click)=\"clickDelete(image)\"\n class=\"remove-button\"\n ></mat-icon>\n } @else {\n <i\n class=\"fad fa-times-circle remove-button\"\n (click)=\"clickDelete(image)\"\n ></i>\n }\n }\n </div>\n }\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"] }]
|
|
3693
3693
|
}], ctorParameters: () => [{ type: PictureModalService }, { type: undefined, decorators: [{
|
|
3694
3694
|
type: Optional
|
|
3695
3695
|
}, {
|
|
@@ -3721,19 +3721,19 @@ class NiceCarouselModule {
|
|
|
3721
3721
|
].filter((provider) => !!provider)
|
|
3722
3722
|
};
|
|
3723
3723
|
}
|
|
3724
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3725
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3724
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3725
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceCarouselModule, declarations: [CarouselComponent, PictureModalComponent, CarouselLayoutPipe], imports: [CommonModule,
|
|
3726
3726
|
MatCardModule,
|
|
3727
3727
|
MatButtonModule,
|
|
3728
3728
|
TranslateModule,
|
|
3729
3729
|
MatIconModule], exports: [CarouselComponent] }); }
|
|
3730
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3730
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCarouselModule, providers: [PictureModalService], imports: [CommonModule,
|
|
3731
3731
|
MatCardModule,
|
|
3732
3732
|
MatButtonModule,
|
|
3733
3733
|
TranslateModule,
|
|
3734
3734
|
MatIconModule] }); }
|
|
3735
3735
|
}
|
|
3736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3736
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCarouselModule, decorators: [{
|
|
3737
3737
|
type: NgModule,
|
|
3738
3738
|
args: [{
|
|
3739
3739
|
imports: [
|
|
@@ -3767,10 +3767,10 @@ class NiceCollapsableComponent {
|
|
|
3767
3767
|
this.unsubscribeAll$.next();
|
|
3768
3768
|
this.unsubscribeAll$.complete();
|
|
3769
3769
|
}
|
|
3770
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3771
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3770
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3771
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceCollapsableComponent, isStandalone: false, selector: "nice-collapsable", inputs: { open: "open" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-collapse\">\n <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n <div class=\"collapse-title\">\n <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n </div>\n <div class=\"collapse-content\">\n <div class=\"content\">\n <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3772
3772
|
}
|
|
3773
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableComponent, decorators: [{
|
|
3774
3774
|
type: Component,
|
|
3775
3775
|
args: [{ selector: "nice-collapsable", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"nice-collapse\">\n <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n <div class=\"collapse-title\">\n <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n </div>\n <div class=\"collapse-content\">\n <div class=\"content\">\n <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
3776
3776
|
}], propDecorators: { open: [{
|
|
@@ -3780,13 +3780,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
3780
3780
|
}] } });
|
|
3781
3781
|
|
|
3782
3782
|
class NiceCollapsableModule {
|
|
3783
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3784
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3783
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3784
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableModule, declarations: [NiceCollapsableComponent], imports: [CommonModule,
|
|
3785
3785
|
ReactiveFormsModule], exports: [NiceCollapsableComponent] }); }
|
|
3786
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3786
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableModule, imports: [CommonModule,
|
|
3787
3787
|
ReactiveFormsModule] }); }
|
|
3788
3788
|
}
|
|
3789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCollapsableModule, decorators: [{
|
|
3790
3790
|
type: NgModule,
|
|
3791
3791
|
args: [{
|
|
3792
3792
|
imports: [
|
|
@@ -3806,10 +3806,10 @@ class NiceDateRangePickerServiceService {
|
|
|
3806
3806
|
setAllowClear(allowClear) {
|
|
3807
3807
|
this.allowClear$.next(allowClear);
|
|
3808
3808
|
}
|
|
3809
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3810
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3809
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerServiceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3810
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerServiceService }); }
|
|
3811
3811
|
}
|
|
3812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerServiceService, decorators: [{
|
|
3813
3813
|
type: Injectable
|
|
3814
3814
|
}] });
|
|
3815
3815
|
|
|
@@ -3900,13 +3900,13 @@ class RangePresetComponent {
|
|
|
3900
3900
|
}
|
|
3901
3901
|
return today;
|
|
3902
3902
|
}
|
|
3903
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3904
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3903
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RangePresetComponent, deps: [{ token: i2$1.DateAdapter }, { token: i1$5.MatDateRangePicker }, { token: NiceDateRangePickerServiceService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3904
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: RangePresetComponent, isStandalone: false, selector: "nice-range-preset", ngImport: i0, template: "<mat-card class=\"mat-elevation-z3\">\n @if (allowClear$ | async) {\n <button mat-button (click)=\"clearRange()\">\n {{ \"nice_ui_kit.date_range_picker.clear\" | translate }}\n </button>\n }\n\n @for (item of customPresets; track item) {\n <button mat-button (click)=\"selectRange(item)\">\n {{ \"nice_ui_kit.date_range_picker.presets.\" + item | translate }}\n </button>\n }\n</mat-card>\n", styles: [":host{position:absolute;width:200px;left:-200px}@media screen and (max-width:959px){:host{z-index:1000;left:50px!important}}button{width:100%;text-align:left;text-transform:unset!important}\n"], dependencies: [{ kind: "component", type: i4$2.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3905
3905
|
}
|
|
3906
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RangePresetComponent, decorators: [{
|
|
3907
3907
|
type: Component,
|
|
3908
|
-
args: [{ selector: "nice-range-preset", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<mat-card class=\"mat-elevation-z3\">\n
|
|
3909
|
-
}], ctorParameters: () => [{ type: i2$1.DateAdapter }, { type:
|
|
3908
|
+
args: [{ selector: "nice-range-preset", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<mat-card class=\"mat-elevation-z3\">\n @if (allowClear$ | async) {\n <button mat-button (click)=\"clearRange()\">\n {{ \"nice_ui_kit.date_range_picker.clear\" | translate }}\n </button>\n }\n\n @for (item of customPresets; track item) {\n <button mat-button (click)=\"selectRange(item)\">\n {{ \"nice_ui_kit.date_range_picker.presets.\" + item | translate }}\n </button>\n }\n</mat-card>\n", styles: [":host{position:absolute;width:200px;left:-200px}@media screen and (max-width:959px){:host{z-index:1000;left:50px!important}}button{width:100%;text-align:left;text-transform:unset!important}\n"] }]
|
|
3909
|
+
}], ctorParameters: () => [{ type: i2$1.DateAdapter }, { type: i1$5.MatDateRangePicker }, { type: NiceDateRangePickerServiceService }] });
|
|
3910
3910
|
|
|
3911
3911
|
class HeaderComponent {
|
|
3912
3912
|
constructor(calendar, dateAdapter, dateFormats, cdr) {
|
|
@@ -3942,13 +3942,13 @@ class HeaderComponent {
|
|
|
3942
3942
|
ngOnDestroy() {
|
|
3943
3943
|
this.destroy$.next();
|
|
3944
3944
|
}
|
|
3945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3946
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3945
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HeaderComponent, deps: [{ token: i1$5.MatCalendar }, { token: i2$1.DateAdapter }, { token: MAT_DATE_FORMATS }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3946
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: HeaderComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"hidden md:block\" fxHide.lt-md>\n <nice-range-preset></nice-range-preset>\n</div>\n<div class=\"block md:hidden\">\n @if (toggled) {\n <nice-range-preset></nice-range-preset>\n }\n</div>\n\n<div class=\"header\">\n <button fxHide.gt-md mat-icon-button (click)=\"clickOptions()\">\n <mat-icon>sort</mat-icon>\n </button>\n <button\n mat-icon-button\n class=\"double-arrow\"\n (click)=\"previousClicked('year')\"\n >\n <mat-icon>keyboard_arrow_left</mat-icon>\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n <button mat-icon-button (click)=\"previousClicked('month')\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <span class=\"header-label\">{{ periodLabel }}</span>\n\n <button mat-icon-button (click)=\"nextClicked('month')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n <button mat-icon-button class=\"double-arrow\" (click)=\"nextClicked('year')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\n", styles: [".header{display:flex;align-items:center;padding:.5em}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.double-arrow .mat-icon{margin:-22%}\n"], dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: RangePresetComponent, selector: "nice-range-preset" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3947
3947
|
}
|
|
3948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3948
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
3949
3949
|
type: Component,
|
|
3950
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"hidden md:block\" fxHide.lt-md>\n <nice-range-preset></nice-range-preset>\n</div>\n<div class=\"block md:hidden\">\n
|
|
3951
|
-
}], ctorParameters: () => [{ type:
|
|
3950
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"hidden md:block\" fxHide.lt-md>\n <nice-range-preset></nice-range-preset>\n</div>\n<div class=\"block md:hidden\">\n @if (toggled) {\n <nice-range-preset></nice-range-preset>\n }\n</div>\n\n<div class=\"header\">\n <button fxHide.gt-md mat-icon-button (click)=\"clickOptions()\">\n <mat-icon>sort</mat-icon>\n </button>\n <button\n mat-icon-button\n class=\"double-arrow\"\n (click)=\"previousClicked('year')\"\n >\n <mat-icon>keyboard_arrow_left</mat-icon>\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n <button mat-icon-button (click)=\"previousClicked('month')\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <span class=\"header-label\">{{ periodLabel }}</span>\n\n <button mat-icon-button (click)=\"nextClicked('month')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n <button mat-icon-button class=\"double-arrow\" (click)=\"nextClicked('year')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\n", styles: [".header{display:flex;align-items:center;padding:.5em}.header-label{flex:1;height:1em;font-weight:500;text-align:center}.double-arrow .mat-icon{margin:-22%}\n"] }]
|
|
3951
|
+
}], ctorParameters: () => [{ type: i1$5.MatCalendar }, { type: i2$1.DateAdapter }, { type: undefined, decorators: [{
|
|
3952
3952
|
type: Inject,
|
|
3953
3953
|
args: [MAT_DATE_FORMATS]
|
|
3954
3954
|
}] }, { type: i0.ChangeDetectorRef }] });
|
|
@@ -3980,10 +3980,10 @@ class LocalizedDatePipe {
|
|
|
3980
3980
|
}
|
|
3981
3981
|
return "MMMM d";
|
|
3982
3982
|
}
|
|
3983
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3984
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
3983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDatePipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3984
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDatePipe, isStandalone: false, name: "localizedDate" }); }
|
|
3985
3985
|
}
|
|
3986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDatePipe, decorators: [{
|
|
3987
3987
|
type: Pipe,
|
|
3988
3988
|
args: [{
|
|
3989
3989
|
name: "localizedDate",
|
|
@@ -4045,16 +4045,16 @@ class NiceDateRangePickerComponent {
|
|
|
4045
4045
|
this.propagate = fn;
|
|
4046
4046
|
}
|
|
4047
4047
|
registerOnTouched(fn) { }
|
|
4048
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4049
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4048
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4049
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceDateRangePickerComponent, isStandalone: false, selector: "nice-date-range-picker", inputs: { min: "min", max: "max", nowIsMax: "nowIsMax", allowClear: "allowClear" }, providers: [
|
|
4050
4050
|
{
|
|
4051
4051
|
provide: NG_VALUE_ACCESSOR,
|
|
4052
4052
|
useExisting: forwardRef(() => NiceDateRangePickerComponent),
|
|
4053
4053
|
multi: true
|
|
4054
4054
|
}
|
|
4055
|
-
], ngImport: i0, template: "<div class=\"nice-date-picker-container\">\n <div class=\"nice-date-picker-header\">\n <div class=\"from-to\">\n
|
|
4055
|
+
], ngImport: i0, template: "<div class=\"nice-date-picker-container\">\n <div class=\"nice-date-picker-header\">\n <div class=\"from-to\">\n @if (value?.from) {\n {{ value.from | localizedDate: \"longDate\" }}\n }\n @if (value?.to) {\n <div class=\"separator\">-</div>\n {{ value.to | localizedDate: \"longDate\" }}\n }\n </div>\n </div>\n\n <mat-date-range-input\n [formGroup]=\"formGroup\"\n [max]=\"nowIsMax ? now : null\"\n [rangePicker]=\"picker\"\n >\n <input\n formControlName=\"from\"\n class=\"hidden-input\"\n matStartDate\n placeholder=\"Start date\"\n />\n <input\n formControlName=\"to\"\n class=\"hidden-input\"\n matEndDate\n placeholder=\"End date\"\n />\n </mat-date-range-input>\n\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n\n <mat-date-range-picker\n [calendarHeaderComponent]=\"HeaderComponent\"\n panelClass=\"nice-date-range-picker\"\n #picker\n ></mat-date-range-picker>\n</div>\n", styles: ["nice-date-range-picker .mat-date-range-input{width:0;height:0;padding:0;margin:0;border:none;visibility:hidden}\n"], dependencies: [{ kind: "component", type: i1$5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i1$5.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i1$5.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i1$5.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i1$5.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "directive", type: i1$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: LocalizedDatePipe, name: "localizedDate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4056
4056
|
}
|
|
4057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4057
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerComponent, decorators: [{
|
|
4058
4058
|
type: Component,
|
|
4059
4059
|
args: [{ selector: "nice-date-range-picker", encapsulation: ViewEncapsulation.None, providers: [
|
|
4060
4060
|
{
|
|
@@ -4062,7 +4062,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4062
4062
|
useExisting: forwardRef(() => NiceDateRangePickerComponent),
|
|
4063
4063
|
multi: true
|
|
4064
4064
|
}
|
|
4065
|
-
], standalone: false, template: "<div class=\"nice-date-picker-container\">\n <div class=\"nice-date-picker-header\">\n <div class=\"from-to\">\n
|
|
4065
|
+
], standalone: false, template: "<div class=\"nice-date-picker-container\">\n <div class=\"nice-date-picker-header\">\n <div class=\"from-to\">\n @if (value?.from) {\n {{ value.from | localizedDate: \"longDate\" }}\n }\n @if (value?.to) {\n <div class=\"separator\">-</div>\n {{ value.to | localizedDate: \"longDate\" }}\n }\n </div>\n </div>\n\n <mat-date-range-input\n [formGroup]=\"formGroup\"\n [max]=\"nowIsMax ? now : null\"\n [rangePicker]=\"picker\"\n >\n <input\n formControlName=\"from\"\n class=\"hidden-input\"\n matStartDate\n placeholder=\"Start date\"\n />\n <input\n formControlName=\"to\"\n class=\"hidden-input\"\n matEndDate\n placeholder=\"End date\"\n />\n </mat-date-range-input>\n\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n\n <mat-date-range-picker\n [calendarHeaderComponent]=\"HeaderComponent\"\n panelClass=\"nice-date-range-picker\"\n #picker\n ></mat-date-range-picker>\n</div>\n", styles: ["nice-date-range-picker .mat-date-range-input{width:0;height:0;padding:0;margin:0;border:none;visibility:hidden}\n"] }]
|
|
4066
4066
|
}], propDecorators: { min: [{
|
|
4067
4067
|
type: Input
|
|
4068
4068
|
}], max: [{
|
|
@@ -4083,10 +4083,10 @@ class BooleanPipe {
|
|
|
4083
4083
|
}
|
|
4084
4084
|
return this.translateService.instant(value ? "general.yes" : "general.no");
|
|
4085
4085
|
}
|
|
4086
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4087
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4086
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4087
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: BooleanPipe, isStandalone: false, name: "boolean" }); }
|
|
4088
4088
|
}
|
|
4089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: BooleanPipe, decorators: [{
|
|
4090
4090
|
type: Pipe,
|
|
4091
4091
|
args: [{
|
|
4092
4092
|
name: "boolean",
|
|
@@ -4101,10 +4101,10 @@ class CapitalizeFirstLetterPipe {
|
|
|
4101
4101
|
}
|
|
4102
4102
|
return value.charAt(0).toUpperCase() + value.slice(1);
|
|
4103
4103
|
}
|
|
4104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4105
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CapitalizeFirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4105
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: CapitalizeFirstLetterPipe, isStandalone: false, name: "capitalizeFirstLetter" }); }
|
|
4106
4106
|
}
|
|
4107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CapitalizeFirstLetterPipe, decorators: [{
|
|
4108
4108
|
type: Pipe,
|
|
4109
4109
|
args: [{
|
|
4110
4110
|
name: "capitalizeFirstLetter",
|
|
@@ -4116,10 +4116,10 @@ class CeilPipe {
|
|
|
4116
4116
|
transform(input) {
|
|
4117
4117
|
return Math.ceil(input);
|
|
4118
4118
|
}
|
|
4119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4120
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4119
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CeilPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4120
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: CeilPipe, isStandalone: false, name: "ceil" }); }
|
|
4121
4121
|
}
|
|
4122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: CeilPipe, decorators: [{
|
|
4123
4123
|
type: Pipe,
|
|
4124
4124
|
args: [{
|
|
4125
4125
|
name: "ceil",
|
|
@@ -4140,10 +4140,10 @@ class EntriesPipe {
|
|
|
4140
4140
|
}
|
|
4141
4141
|
return keys;
|
|
4142
4142
|
}
|
|
4143
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4144
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4143
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EntriesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4144
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: EntriesPipe, isStandalone: false, name: "entries" }); }
|
|
4145
4145
|
}
|
|
4146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: EntriesPipe, decorators: [{
|
|
4147
4147
|
type: Pipe,
|
|
4148
4148
|
args: [{
|
|
4149
4149
|
name: "entries",
|
|
@@ -4155,10 +4155,10 @@ class FindByKeyPipe {
|
|
|
4155
4155
|
transform(array, value, key = "id") {
|
|
4156
4156
|
return (array ?? []).find((v) => v?.[key] === value);
|
|
4157
4157
|
}
|
|
4158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4159
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FindByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4159
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: FindByKeyPipe, isStandalone: false, name: "findByKey" }); }
|
|
4160
4160
|
}
|
|
4161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FindByKeyPipe, decorators: [{
|
|
4162
4162
|
type: Pipe,
|
|
4163
4163
|
args: [{
|
|
4164
4164
|
name: "findByKey",
|
|
@@ -4170,10 +4170,10 @@ class FirstLetterPipe {
|
|
|
4170
4170
|
transform(value) {
|
|
4171
4171
|
return value?.[0];
|
|
4172
4172
|
}
|
|
4173
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4174
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4173
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FirstLetterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4174
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: FirstLetterPipe, isStandalone: false, name: "firstLetter" }); }
|
|
4175
4175
|
}
|
|
4176
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4176
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FirstLetterPipe, decorators: [{
|
|
4177
4177
|
type: Pipe,
|
|
4178
4178
|
args: [{
|
|
4179
4179
|
name: "firstLetter",
|
|
@@ -4185,10 +4185,10 @@ class FloorPipe {
|
|
|
4185
4185
|
transform(input) {
|
|
4186
4186
|
return Math.floor(input);
|
|
4187
4187
|
}
|
|
4188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4189
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4189
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: FloorPipe, isStandalone: false, name: "floor" }); }
|
|
4190
4190
|
}
|
|
4191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: FloorPipe, decorators: [{
|
|
4192
4192
|
type: Pipe,
|
|
4193
4193
|
args: [{
|
|
4194
4194
|
name: "floor",
|
|
@@ -4206,10 +4206,10 @@ class JoinPipe {
|
|
|
4206
4206
|
}
|
|
4207
4207
|
return array.filter(x => x).map(x => x[prop]).join(separator);
|
|
4208
4208
|
}
|
|
4209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4210
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JoinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4210
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: JoinPipe, isStandalone: false, name: "join" }); }
|
|
4211
4211
|
}
|
|
4212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: JoinPipe, decorators: [{
|
|
4213
4213
|
type: Pipe,
|
|
4214
4214
|
args: [{
|
|
4215
4215
|
name: "join",
|
|
@@ -4231,10 +4231,10 @@ class LinkPipe {
|
|
|
4231
4231
|
return UrlUtils.directionUrl(value.address, value.postalCode);
|
|
4232
4232
|
}
|
|
4233
4233
|
}
|
|
4234
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4235
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4235
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: LinkPipe, isStandalone: false, name: "link" }); }
|
|
4236
4236
|
}
|
|
4237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LinkPipe, decorators: [{
|
|
4238
4238
|
type: Pipe,
|
|
4239
4239
|
args: [{
|
|
4240
4240
|
name: "link",
|
|
@@ -4249,10 +4249,10 @@ class LocalizedBooleanPipe {
|
|
|
4249
4249
|
transform(value) {
|
|
4250
4250
|
return this.translateService.instant(`general.bool_${value}`);
|
|
4251
4251
|
}
|
|
4252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4253
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedBooleanPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4253
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: LocalizedBooleanPipe, isStandalone: false, name: "localizedBoolean" }); }
|
|
4254
4254
|
}
|
|
4255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedBooleanPipe, decorators: [{
|
|
4256
4256
|
type: Pipe,
|
|
4257
4257
|
args: [{
|
|
4258
4258
|
name: "localizedBoolean",
|
|
@@ -4265,10 +4265,10 @@ class LocalizedCurrencyPipe extends CurrencyPipe {
|
|
|
4265
4265
|
super(translateService.currentLang);
|
|
4266
4266
|
this.translateService = translateService;
|
|
4267
4267
|
}
|
|
4268
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4269
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedCurrencyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4269
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: LocalizedCurrencyPipe, isStandalone: false, name: "localizedCurrency" }); }
|
|
4270
4270
|
}
|
|
4271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedCurrencyPipe, decorators: [{
|
|
4272
4272
|
type: Pipe,
|
|
4273
4273
|
args: [{
|
|
4274
4274
|
name: "localizedCurrency",
|
|
@@ -4284,10 +4284,10 @@ class LocalizedDateOnlyPipe {
|
|
|
4284
4284
|
const pipe = new LocalizedDatePipe(this.translateService);
|
|
4285
4285
|
return pipe.transform(value, pattern, fallbackWithNull, "UTC");
|
|
4286
4286
|
}
|
|
4287
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4288
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4287
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDateOnlyPipe, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4288
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDateOnlyPipe, isStandalone: false, name: "localizedDateOnly" }); }
|
|
4289
4289
|
}
|
|
4290
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: LocalizedDateOnlyPipe, decorators: [{
|
|
4291
4291
|
type: Pipe,
|
|
4292
4292
|
args: [{
|
|
4293
4293
|
name: "localizedDateOnly",
|
|
@@ -4302,10 +4302,10 @@ class MinutesToTimePipe {
|
|
|
4302
4302
|
const minutes = `${Math.floor(totalMinutes % 60)}`.padStart(2, "0");
|
|
4303
4303
|
return `${hours}${separator}${minutes}`;
|
|
4304
4304
|
}
|
|
4305
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4306
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: MinutesToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4306
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: MinutesToTimePipe, isStandalone: false, name: "minutesToTime" }); }
|
|
4307
4307
|
}
|
|
4308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: MinutesToTimePipe, decorators: [{
|
|
4309
4309
|
type: Pipe,
|
|
4310
4310
|
args: [{
|
|
4311
4311
|
name: "minutesToTime",
|
|
@@ -4326,10 +4326,10 @@ class NumberToOrdinalIndicatorPipe {
|
|
|
4326
4326
|
return "general.xth";
|
|
4327
4327
|
}
|
|
4328
4328
|
}
|
|
4329
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4330
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4329
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NumberToOrdinalIndicatorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4330
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NumberToOrdinalIndicatorPipe, isStandalone: false, name: "numberToOrdinalIndicator" }); }
|
|
4331
4331
|
}
|
|
4332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4332
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NumberToOrdinalIndicatorPipe, decorators: [{
|
|
4333
4333
|
type: Pipe,
|
|
4334
4334
|
args: [{
|
|
4335
4335
|
name: "numberToOrdinalIndicator",
|
|
@@ -4347,10 +4347,10 @@ class PadPipe {
|
|
|
4347
4347
|
return strValue.padEnd(maxLength, fillString);
|
|
4348
4348
|
}
|
|
4349
4349
|
}
|
|
4350
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4351
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4350
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PadPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4351
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: PadPipe, isStandalone: false, name: "pad" }); }
|
|
4352
4352
|
}
|
|
4353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PadPipe, decorators: [{
|
|
4354
4354
|
type: Pipe,
|
|
4355
4355
|
args: [{
|
|
4356
4356
|
name: "pad",
|
|
@@ -4369,16 +4369,16 @@ class PhonePipe {
|
|
|
4369
4369
|
}
|
|
4370
4370
|
return `${formattedPhoneNumber} #${extension}`;
|
|
4371
4371
|
}
|
|
4372
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4373
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PhonePipe, deps: [{ token: i1$6.NgxMaskService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4373
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: PhonePipe, isStandalone: false, name: "phone" }); }
|
|
4374
4374
|
}
|
|
4375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PhonePipe, decorators: [{
|
|
4376
4376
|
type: Pipe,
|
|
4377
4377
|
args: [{
|
|
4378
4378
|
name: "phone",
|
|
4379
4379
|
standalone: false
|
|
4380
4380
|
}]
|
|
4381
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4381
|
+
}], ctorParameters: () => [{ type: i1$6.NgxMaskService }] });
|
|
4382
4382
|
|
|
4383
4383
|
class PostalCodePipe {
|
|
4384
4384
|
constructor(maskService) {
|
|
@@ -4390,25 +4390,25 @@ class PostalCodePipe {
|
|
|
4390
4390
|
}
|
|
4391
4391
|
return "";
|
|
4392
4392
|
}
|
|
4393
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4394
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4393
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PostalCodePipe, deps: [{ token: i1$6.NgxMaskService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4394
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: PostalCodePipe, isStandalone: false, name: "postalCode" }); }
|
|
4395
4395
|
}
|
|
4396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: PostalCodePipe, decorators: [{
|
|
4397
4397
|
type: Pipe,
|
|
4398
4398
|
args: [{
|
|
4399
4399
|
name: "postalCode",
|
|
4400
4400
|
standalone: false
|
|
4401
4401
|
}]
|
|
4402
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4402
|
+
}], ctorParameters: () => [{ type: i1$6.NgxMaskService }] });
|
|
4403
4403
|
|
|
4404
4404
|
class RoundPipe {
|
|
4405
4405
|
transform(input) {
|
|
4406
4406
|
return Math.round(input);
|
|
4407
4407
|
}
|
|
4408
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4409
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4408
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RoundPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4409
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: RoundPipe, isStandalone: false, name: "round" }); }
|
|
4410
4410
|
}
|
|
4411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RoundPipe, decorators: [{
|
|
4412
4412
|
type: Pipe,
|
|
4413
4413
|
args: [{
|
|
4414
4414
|
name: "round",
|
|
@@ -4424,10 +4424,10 @@ class RangePipe {
|
|
|
4424
4424
|
}
|
|
4425
4425
|
return range;
|
|
4426
4426
|
}
|
|
4427
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4428
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4427
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RangePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4428
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: RangePipe, isStandalone: false, name: "range" }); }
|
|
4429
4429
|
}
|
|
4430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RangePipe, decorators: [{
|
|
4431
4431
|
type: Pipe,
|
|
4432
4432
|
args: [{
|
|
4433
4433
|
name: "range",
|
|
@@ -4443,10 +4443,10 @@ class SecondsToTimePipe {
|
|
|
4443
4443
|
const seconds = `${Math.floor(value % 60)}`.padStart(2, "0");
|
|
4444
4444
|
return `${hours}${separator}${minutes}${separator}${seconds}`;
|
|
4445
4445
|
}
|
|
4446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4447
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SecondsToTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4447
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: SecondsToTimePipe, isStandalone: false, name: "secondsToTime" }); }
|
|
4448
4448
|
}
|
|
4449
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SecondsToTimePipe, decorators: [{
|
|
4450
4450
|
type: Pipe,
|
|
4451
4451
|
args: [{
|
|
4452
4452
|
name: "secondsToTime",
|
|
@@ -4466,25 +4466,25 @@ class SanitizeBypassPipe {
|
|
|
4466
4466
|
return this.sanitizer.bypassSecurityTrustStyle(value || '');
|
|
4467
4467
|
}
|
|
4468
4468
|
}
|
|
4469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4470
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4469
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SanitizeBypassPipe, deps: [{ token: i1$7.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4470
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: SanitizeBypassPipe, isStandalone: false, name: "sanitizeBypass" }); }
|
|
4471
4471
|
}
|
|
4472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: SanitizeBypassPipe, decorators: [{
|
|
4473
4473
|
type: Pipe,
|
|
4474
4474
|
args: [{
|
|
4475
4475
|
name: "sanitizeBypass",
|
|
4476
4476
|
standalone: false
|
|
4477
4477
|
}]
|
|
4478
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4478
|
+
}], ctorParameters: () => [{ type: i1$7.DomSanitizer }] });
|
|
4479
4479
|
|
|
4480
4480
|
class TrackByPropPipe {
|
|
4481
4481
|
transform(prop) {
|
|
4482
4482
|
return (_, item) => item[prop];
|
|
4483
4483
|
}
|
|
4484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4485
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
4484
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TrackByPropPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
4485
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: TrackByPropPipe, isStandalone: false, name: "trackByProp" }); }
|
|
4486
4486
|
}
|
|
4487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TrackByPropPipe, decorators: [{
|
|
4488
4488
|
type: Pipe,
|
|
4489
4489
|
args: [{
|
|
4490
4490
|
name: "trackByProp",
|
|
@@ -4493,8 +4493,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4493
4493
|
}] });
|
|
4494
4494
|
|
|
4495
4495
|
class NicePipesModule {
|
|
4496
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4497
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4496
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NicePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4497
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NicePipesModule, declarations: [BooleanPipe,
|
|
4498
4498
|
CapitalizeFirstLetterPipe,
|
|
4499
4499
|
CeilPipe,
|
|
4500
4500
|
FindByKeyPipe,
|
|
@@ -4539,7 +4539,7 @@ class NicePipesModule {
|
|
|
4539
4539
|
SanitizeBypassPipe,
|
|
4540
4540
|
SecondsToTimePipe,
|
|
4541
4541
|
TrackByPropPipe] }); }
|
|
4542
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4542
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NicePipesModule, providers: [
|
|
4543
4543
|
BooleanPipe,
|
|
4544
4544
|
CapitalizeFirstLetterPipe,
|
|
4545
4545
|
CeilPipe,
|
|
@@ -4564,7 +4564,7 @@ class NicePipesModule {
|
|
|
4564
4564
|
SecondsToTimePipe
|
|
4565
4565
|
] }); }
|
|
4566
4566
|
}
|
|
4567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NicePipesModule, decorators: [{
|
|
4568
4568
|
type: NgModule,
|
|
4569
4569
|
args: [{
|
|
4570
4570
|
declarations: [
|
|
@@ -4645,8 +4645,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
4645
4645
|
}] });
|
|
4646
4646
|
|
|
4647
4647
|
class NiceDateRangePickerModule {
|
|
4648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4649
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4648
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4649
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerModule, declarations: [NiceDateRangePickerComponent, RangePresetComponent, HeaderComponent], imports: [CommonModule,
|
|
4650
4650
|
MatDatepickerModule,
|
|
4651
4651
|
MatFormFieldModule,
|
|
4652
4652
|
MatCardModule,
|
|
@@ -4655,7 +4655,7 @@ class NiceDateRangePickerModule {
|
|
|
4655
4655
|
TranslateModule,
|
|
4656
4656
|
ReactiveFormsModule,
|
|
4657
4657
|
NicePipesModule], exports: [NiceDateRangePickerComponent] }); }
|
|
4658
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4658
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerModule, providers: [NiceDateRangePickerServiceService], imports: [CommonModule,
|
|
4659
4659
|
MatDatepickerModule,
|
|
4660
4660
|
MatFormFieldModule,
|
|
4661
4661
|
MatCardModule,
|
|
@@ -4665,7 +4665,7 @@ class NiceDateRangePickerModule {
|
|
|
4665
4665
|
ReactiveFormsModule,
|
|
4666
4666
|
NicePipesModule] }); }
|
|
4667
4667
|
}
|
|
4668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDateRangePickerModule, decorators: [{
|
|
4669
4669
|
type: NgModule,
|
|
4670
4670
|
args: [{
|
|
4671
4671
|
imports: [
|
|
@@ -4720,10 +4720,10 @@ class NiceConfigService {
|
|
|
4720
4720
|
// Set the config
|
|
4721
4721
|
this._config.next(this.config);
|
|
4722
4722
|
}
|
|
4723
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4724
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigService, deps: [{ token: NICE_APP_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4724
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigService, providedIn: "root" }); }
|
|
4725
4725
|
}
|
|
4726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4726
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigService, decorators: [{
|
|
4727
4727
|
type: Injectable,
|
|
4728
4728
|
args: [{
|
|
4729
4729
|
providedIn: "root"
|
|
@@ -4754,11 +4754,11 @@ class NiceConfigModule {
|
|
|
4754
4754
|
]
|
|
4755
4755
|
};
|
|
4756
4756
|
}
|
|
4757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4758
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4759
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigModule, deps: [{ token: NiceConfigService }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4758
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigModule }); }
|
|
4759
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigModule }); }
|
|
4760
4760
|
}
|
|
4761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceConfigModule, decorators: [{
|
|
4762
4762
|
type: NgModule
|
|
4763
4763
|
}], ctorParameters: () => [{ type: NiceConfigService }] });
|
|
4764
4764
|
|
|
@@ -4855,12 +4855,12 @@ class NiceMediaWatcherService {
|
|
|
4855
4855
|
return this._currentBreakpoints[Breakpoints.XLarge];
|
|
4856
4856
|
}
|
|
4857
4857
|
}
|
|
4858
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4859
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4858
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherService, deps: [{ token: i1$8.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4859
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherService }); }
|
|
4860
4860
|
}
|
|
4861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4861
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherService, decorators: [{
|
|
4862
4862
|
type: Injectable
|
|
4863
|
-
}], ctorParameters: () => [{ type: i1$
|
|
4863
|
+
}], ctorParameters: () => [{ type: i1$8.BreakpointObserver }] });
|
|
4864
4864
|
|
|
4865
4865
|
class NiceMediaWatcherModule {
|
|
4866
4866
|
/**
|
|
@@ -4869,13 +4869,13 @@ class NiceMediaWatcherModule {
|
|
|
4869
4869
|
constructor(_niceMediaWatcherService) {
|
|
4870
4870
|
this._niceMediaWatcherService = _niceMediaWatcherService;
|
|
4871
4871
|
}
|
|
4872
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4873
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4874
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4872
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherModule, deps: [{ token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4873
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherModule }); }
|
|
4874
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherModule, providers: [
|
|
4875
4875
|
NiceMediaWatcherService
|
|
4876
4876
|
] }); }
|
|
4877
4877
|
}
|
|
4878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4878
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMediaWatcherModule, decorators: [{
|
|
4879
4879
|
type: NgModule,
|
|
4880
4880
|
args: [{
|
|
4881
4881
|
providers: [
|
|
@@ -4913,15 +4913,15 @@ class NiceSplashScreenService {
|
|
|
4913
4913
|
hide() {
|
|
4914
4914
|
this._document.body.classList.add("nice-splash-screen-hidden");
|
|
4915
4915
|
}
|
|
4916
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4917
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4916
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenService, deps: [{ token: DOCUMENT }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4917
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenService }); }
|
|
4918
4918
|
}
|
|
4919
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4919
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenService, decorators: [{
|
|
4920
4920
|
type: Injectable
|
|
4921
4921
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4922
4922
|
type: Inject,
|
|
4923
4923
|
args: [DOCUMENT]
|
|
4924
|
-
}] }, { type: i1$
|
|
4924
|
+
}] }, { type: i1$9.Router }] });
|
|
4925
4925
|
|
|
4926
4926
|
class NiceSplashScreenModule {
|
|
4927
4927
|
/**
|
|
@@ -4930,13 +4930,13 @@ class NiceSplashScreenModule {
|
|
|
4930
4930
|
constructor(_niceSplashScreenService) {
|
|
4931
4931
|
this._niceSplashScreenService = _niceSplashScreenService;
|
|
4932
4932
|
}
|
|
4933
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4934
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4935
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4933
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenModule, deps: [{ token: NiceSplashScreenService }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4934
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenModule }); }
|
|
4935
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenModule, providers: [
|
|
4936
4936
|
NiceSplashScreenService
|
|
4937
4937
|
] }); }
|
|
4938
4938
|
}
|
|
4939
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4939
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSplashScreenModule, decorators: [{
|
|
4940
4940
|
type: NgModule,
|
|
4941
4941
|
args: [{
|
|
4942
4942
|
providers: [
|
|
@@ -4973,10 +4973,10 @@ class NiceDrawerService {
|
|
|
4973
4973
|
getComponent(name) {
|
|
4974
4974
|
return this._componentRegistry.get(name);
|
|
4975
4975
|
}
|
|
4976
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4977
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
4976
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4977
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerService, providedIn: "root" }); }
|
|
4978
4978
|
}
|
|
4979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4979
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerService, decorators: [{
|
|
4980
4980
|
type: Injectable,
|
|
4981
4981
|
args: [{
|
|
4982
4982
|
providedIn: "root"
|
|
@@ -5020,7 +5020,7 @@ class NiceDrawerComponent {
|
|
|
5020
5020
|
"nice-drawer-hover": this._hovered,
|
|
5021
5021
|
[`nice-drawer-mode-${this.mode}`]: true,
|
|
5022
5022
|
"nice-drawer-opened": this.opened,
|
|
5023
|
-
[`nice-drawer-position-${this.position}`]: true
|
|
5023
|
+
[`nice-drawer-position-${this.position}`]: true,
|
|
5024
5024
|
};
|
|
5025
5025
|
}
|
|
5026
5026
|
/**
|
|
@@ -5029,12 +5029,14 @@ class NiceDrawerComponent {
|
|
|
5029
5029
|
get styleList() {
|
|
5030
5030
|
const width = typeof this.width === "number" ? `${this.width}px` : this.width;
|
|
5031
5031
|
const dynamicStyle = {
|
|
5032
|
-
|
|
5032
|
+
width: width,
|
|
5033
5033
|
"min-width": width,
|
|
5034
|
-
"max-width": width
|
|
5034
|
+
"max-width": width,
|
|
5035
5035
|
};
|
|
5036
5036
|
if (this.mode === "side") {
|
|
5037
|
-
dynamicStyle[`margin-${this.position}`] = this.opened
|
|
5037
|
+
dynamicStyle[`margin-${this.position}`] = this.opened
|
|
5038
|
+
? 0
|
|
5039
|
+
: `-${width}`;
|
|
5038
5040
|
}
|
|
5039
5041
|
return dynamicStyle;
|
|
5040
5042
|
}
|
|
@@ -5043,8 +5045,6 @@ class NiceDrawerComponent {
|
|
|
5043
5045
|
// -----------------------------------------------------------------------------------------------------
|
|
5044
5046
|
/**
|
|
5045
5047
|
* On mouseenter
|
|
5046
|
-
*
|
|
5047
|
-
* @private
|
|
5048
5048
|
*/
|
|
5049
5049
|
_onMouseenter() {
|
|
5050
5050
|
// Enable the animations
|
|
@@ -5054,8 +5054,6 @@ class NiceDrawerComponent {
|
|
|
5054
5054
|
}
|
|
5055
5055
|
/**
|
|
5056
5056
|
* On mouseleave
|
|
5057
|
-
*
|
|
5058
|
-
* @private
|
|
5059
5057
|
*/
|
|
5060
5058
|
_onMouseleave() {
|
|
5061
5059
|
// Enable the animations
|
|
@@ -5234,10 +5232,12 @@ class NiceDrawerComponent {
|
|
|
5234
5232
|
// Append the backdrop to the parent of the drawer
|
|
5235
5233
|
this._renderer2.appendChild(this._elementRef.nativeElement.parentElement, this._overlay);
|
|
5236
5234
|
// Create the enter animation and attach it to the player
|
|
5237
|
-
this._player = this._animationBuilder
|
|
5235
|
+
this._player = this._animationBuilder
|
|
5236
|
+
.build([
|
|
5238
5237
|
style({ opacity: 0 }),
|
|
5239
|
-
animate("300ms cubic-bezier(0.25, 0.8, 0.25, 1)", style({ opacity: 1 }))
|
|
5240
|
-
])
|
|
5238
|
+
animate("300ms cubic-bezier(0.25, 0.8, 0.25, 1)", style({ opacity: 1 })),
|
|
5239
|
+
])
|
|
5240
|
+
.create(this._overlay);
|
|
5241
5241
|
// Once the animation is done...
|
|
5242
5242
|
this._player.onDone(() => {
|
|
5243
5243
|
// Destroy the player
|
|
@@ -5261,9 +5261,11 @@ class NiceDrawerComponent {
|
|
|
5261
5261
|
return;
|
|
5262
5262
|
}
|
|
5263
5263
|
// Create the leave animation and attach it to the player
|
|
5264
|
-
this._player = this._animationBuilder
|
|
5265
|
-
|
|
5266
|
-
|
|
5264
|
+
this._player = this._animationBuilder
|
|
5265
|
+
.build([
|
|
5266
|
+
animate("300ms cubic-bezier(0.25, 0.8, 0.25, 1)", style({ opacity: 0 })),
|
|
5267
|
+
])
|
|
5268
|
+
.create(this._overlay);
|
|
5267
5269
|
// Play the animation
|
|
5268
5270
|
this._player.play();
|
|
5269
5271
|
// Once the animation is done...
|
|
@@ -5304,13 +5306,13 @@ class NiceDrawerComponent {
|
|
|
5304
5306
|
// Execute the observable
|
|
5305
5307
|
this.openedChanged.next(open);
|
|
5306
5308
|
}
|
|
5307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5308
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5309
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerComponent, deps: [{ token: i1$a.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NiceDrawerService }, { token: NiceUtilsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceDrawerComponent, isStandalone: false, selector: "nice-drawer", inputs: { fixed: "fixed", mode: "mode", width: "width", name: "name", opened: "opened", position: "position", transparentOverlay: "transparentOverlay" }, outputs: { fixedChanged: "fixedChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, exportAs: ["niceDrawer"], usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-drawer-toggle\">\n <ng-content select=\"[niceDrawerToggle]\"></ng-content>\n</div>\n\n<div class=\"nice-drawer-content\" [style.visibility]=\"opened ? 'visible' : 'hidden'\">\n <ng-content></ng-content>\n</div>\n", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5309
5311
|
}
|
|
5310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerComponent, decorators: [{
|
|
5311
5313
|
type: Component,
|
|
5312
5314
|
args: [{ selector: "nice-drawer", encapsulation: ViewEncapsulation.None, exportAs: "niceDrawer", standalone: false, template: "<div class=\"nice-drawer-toggle\">\n <ng-content select=\"[niceDrawerToggle]\"></ng-content>\n</div>\n\n<div class=\"nice-drawer-content\" [style.visibility]=\"opened ? 'visible' : 'hidden'\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
5313
|
-
}], ctorParameters: () => [{ type: i1$
|
|
5315
|
+
}], ctorParameters: () => [{ type: i1$a.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: NiceDrawerService }, { type: NiceUtilsService }], propDecorators: { fixed: [{
|
|
5314
5316
|
type: Input
|
|
5315
5317
|
}], mode: [{
|
|
5316
5318
|
type: Input
|
|
@@ -5347,13 +5349,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5347
5349
|
}] } });
|
|
5348
5350
|
|
|
5349
5351
|
class NiceDrawerModule {
|
|
5350
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5351
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5352
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5353
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerModule, declarations: [NiceDrawerComponent], imports: [CommonModule,
|
|
5352
5354
|
MatIconModule], exports: [NiceDrawerComponent] }); }
|
|
5353
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5355
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerModule, imports: [CommonModule,
|
|
5354
5356
|
MatIconModule] }); }
|
|
5355
5357
|
}
|
|
5356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDrawerModule, decorators: [{
|
|
5357
5359
|
type: NgModule,
|
|
5358
5360
|
args: [{
|
|
5359
5361
|
imports: [
|
|
@@ -5370,10 +5372,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5370
5372
|
}] });
|
|
5371
5373
|
|
|
5372
5374
|
class ExportBottomSheetService {
|
|
5373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5374
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
5375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ExportBottomSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5376
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ExportBottomSheetService }); }
|
|
5375
5377
|
}
|
|
5376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ExportBottomSheetService, decorators: [{
|
|
5377
5379
|
type: Injectable
|
|
5378
5380
|
}] });
|
|
5379
5381
|
class DefaultExportBottomSheetService extends ExportBottomSheetService {
|
|
@@ -5388,10 +5390,10 @@ class DefaultExportBottomSheetService extends ExportBottomSheetService {
|
|
|
5388
5390
|
}
|
|
5389
5391
|
return "";
|
|
5390
5392
|
}
|
|
5391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5392
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
5393
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DefaultExportBottomSheetService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
5394
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DefaultExportBottomSheetService }); }
|
|
5393
5395
|
}
|
|
5394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DefaultExportBottomSheetService, decorators: [{
|
|
5395
5397
|
type: Injectable
|
|
5396
5398
|
}] });
|
|
5397
5399
|
|
|
@@ -5408,16 +5410,16 @@ class ExportBottomSheetComponent {
|
|
|
5408
5410
|
this.bottomSheetRef.dismiss();
|
|
5409
5411
|
strategy.onClickExport();
|
|
5410
5412
|
}
|
|
5411
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
5413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ExportBottomSheetComponent, deps: [{ token: MAT_BOTTOM_SHEET_DATA }, { token: i1$b.MatBottomSheetRef }, { token: ExportBottomSheetService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5414
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: ExportBottomSheetComponent, isStandalone: false, selector: "nice-export-bottom-sheet", ngImport: i0, template: "<mat-nav-list>\n @for (\n strategy of exportBottomSheetConfig.exportStrategies;\n track strategy\n ) {\n <a mat-list-item (click)=\"clickExport(strategy)\">\n <i [ngClass]=\"getStrategyIcon(strategy)\" mat-list-icon></i>\n <span\n mat-line\n [innerHtml]=\"\n 'components.export_bottom_sheet.types.' + strategy.type\n | translate\n \"\n ></span>\n </a>\n }\n</mat-nav-list>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4$3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4$3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
|
|
5413
5415
|
}
|
|
5414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ExportBottomSheetComponent, decorators: [{
|
|
5415
5417
|
type: Component,
|
|
5416
|
-
args: [{ selector: "nice-export-bottom-sheet", standalone: false, template: "<mat-nav-list>\n
|
|
5418
|
+
args: [{ selector: "nice-export-bottom-sheet", standalone: false, template: "<mat-nav-list>\n @for (\n strategy of exportBottomSheetConfig.exportStrategies;\n track strategy\n ) {\n <a mat-list-item (click)=\"clickExport(strategy)\">\n <i [ngClass]=\"getStrategyIcon(strategy)\" mat-list-icon></i>\n <span\n mat-line\n [innerHtml]=\"\n 'components.export_bottom_sheet.types.' + strategy.type\n | translate\n \"\n ></span>\n </a>\n }\n</mat-nav-list>\n" }]
|
|
5417
5419
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5418
5420
|
type: Inject,
|
|
5419
5421
|
args: [MAT_BOTTOM_SHEET_DATA]
|
|
5420
|
-
}] }, { type: i1$
|
|
5422
|
+
}] }, { type: i1$b.MatBottomSheetRef }, { type: ExportBottomSheetService }] });
|
|
5421
5423
|
|
|
5422
5424
|
class NiceExportBottomSheetModule {
|
|
5423
5425
|
static forFeature(options) {
|
|
@@ -5431,16 +5433,16 @@ class NiceExportBottomSheetModule {
|
|
|
5431
5433
|
]
|
|
5432
5434
|
};
|
|
5433
5435
|
}
|
|
5434
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5435
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5436
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceExportBottomSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5437
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceExportBottomSheetModule, declarations: [ExportBottomSheetComponent], imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule], exports: [ExportBottomSheetComponent] }); }
|
|
5438
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceExportBottomSheetModule, providers: [
|
|
5437
5439
|
{
|
|
5438
5440
|
provide: ExportBottomSheetService,
|
|
5439
5441
|
useClass: DefaultExportBottomSheetService
|
|
5440
5442
|
}
|
|
5441
5443
|
], imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule] }); }
|
|
5442
5444
|
}
|
|
5443
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5445
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceExportBottomSheetModule, decorators: [{
|
|
5444
5446
|
type: NgModule,
|
|
5445
5447
|
args: [{
|
|
5446
5448
|
imports: [CommonModule, MatBottomSheetModule, MatListModule, MatIconModule, TranslateModule],
|
|
@@ -5467,37 +5469,51 @@ class NiceFormErrorComponent {
|
|
|
5467
5469
|
}
|
|
5468
5470
|
this.message = value;
|
|
5469
5471
|
}
|
|
5470
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5471
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
5472
|
-
|
|
5472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceFormErrorComponent, isStandalone: false, selector: "[form-error]", inputs: { error: "error" }, ngImport: i0, template: `
|
|
5474
|
+
@if (message) {
|
|
5475
|
+
<div [@animation]="increment">
|
|
5473
5476
|
<mat-error>{{ message }}</mat-error>
|
|
5474
5477
|
</div>
|
|
5475
|
-
|
|
5478
|
+
}
|
|
5479
|
+
`, isInline: true, styles: [".form-error-show .mat-mdc-form-field-subscript-wrapper.override-height:before{height:32px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }], animations: [
|
|
5476
5480
|
trigger("animation", [
|
|
5477
|
-
transition(":increment", [
|
|
5481
|
+
transition(":increment", [
|
|
5482
|
+
style({ opacity: 0 }),
|
|
5483
|
+
animate("200ms ease-in", style({ opacity: 1 })),
|
|
5484
|
+
]),
|
|
5478
5485
|
transition(":enter", [
|
|
5479
5486
|
style({ opacity: 0, transform: "translateY(-1rem)" }),
|
|
5480
|
-
animate("200ms ease-in", style({ opacity: 1, transform: "translateY(0)" }))
|
|
5487
|
+
animate("200ms ease-in", style({ opacity: 1, transform: "translateY(0)" })),
|
|
5488
|
+
]),
|
|
5489
|
+
transition(":leave", [
|
|
5490
|
+
animate("200ms ease-out", style({ opacity: 0, transform: "translateY(-1rem)" })),
|
|
5481
5491
|
]),
|
|
5482
|
-
|
|
5483
|
-
])
|
|
5492
|
+
]),
|
|
5484
5493
|
], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5485
5494
|
}
|
|
5486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorComponent, decorators: [{
|
|
5487
5496
|
type: Component,
|
|
5488
5497
|
args: [{ selector: "[form-error]", template: `
|
|
5489
|
-
|
|
5498
|
+
@if (message) {
|
|
5499
|
+
<div [@animation]="increment">
|
|
5490
5500
|
<mat-error>{{ message }}</mat-error>
|
|
5491
5501
|
</div>
|
|
5502
|
+
}
|
|
5492
5503
|
`, animations: [
|
|
5493
5504
|
trigger("animation", [
|
|
5494
|
-
transition(":increment", [
|
|
5505
|
+
transition(":increment", [
|
|
5506
|
+
style({ opacity: 0 }),
|
|
5507
|
+
animate("200ms ease-in", style({ opacity: 1 })),
|
|
5508
|
+
]),
|
|
5495
5509
|
transition(":enter", [
|
|
5496
5510
|
style({ opacity: 0, transform: "translateY(-1rem)" }),
|
|
5497
|
-
animate("200ms ease-in", style({ opacity: 1, transform: "translateY(0)" }))
|
|
5511
|
+
animate("200ms ease-in", style({ opacity: 1, transform: "translateY(0)" })),
|
|
5498
5512
|
]),
|
|
5499
|
-
transition(":leave", [
|
|
5500
|
-
|
|
5513
|
+
transition(":leave", [
|
|
5514
|
+
animate("200ms ease-out", style({ opacity: 0, transform: "translateY(-1rem)" })),
|
|
5515
|
+
]),
|
|
5516
|
+
]),
|
|
5501
5517
|
], encapsulation: ViewEncapsulation.None, standalone: false, styles: [".form-error-show .mat-mdc-form-field-subscript-wrapper.override-height:before{height:32px!important}\n"] }]
|
|
5502
5518
|
}], propDecorators: { error: [{
|
|
5503
5519
|
type: Input
|
|
@@ -5611,23 +5627,23 @@ class NiceControlStatusDirective {
|
|
|
5611
5627
|
}
|
|
5612
5628
|
this.ref.instance.error = text;
|
|
5613
5629
|
}
|
|
5614
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5615
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
5630
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceControlStatusDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1$c.MatFormField }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5631
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceControlStatusDirective, isStandalone: false, selector: "[niceControlStatus]", ngImport: i0 }); }
|
|
5616
5632
|
}
|
|
5617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5633
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceControlStatusDirective, decorators: [{
|
|
5618
5634
|
type: Directive,
|
|
5619
5635
|
args: [{
|
|
5620
5636
|
selector: "[niceControlStatus]",
|
|
5621
5637
|
standalone: false
|
|
5622
5638
|
}]
|
|
5623
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$
|
|
5639
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1$c.MatFormField }, { type: i1.TranslateService }] });
|
|
5624
5640
|
|
|
5625
5641
|
class NiceFormErrorModule {
|
|
5626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5627
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5628
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5643
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorModule, declarations: [NiceFormErrorComponent, NiceControlStatusDirective], imports: [CommonModule, MatFormFieldModule], exports: [NiceFormErrorComponent, NiceControlStatusDirective] }); }
|
|
5644
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorModule, imports: [CommonModule, MatFormFieldModule] }); }
|
|
5629
5645
|
}
|
|
5630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceFormErrorModule, decorators: [{
|
|
5631
5647
|
type: NgModule,
|
|
5632
5648
|
args: [{
|
|
5633
5649
|
imports: [CommonModule, MatFormFieldModule],
|
|
@@ -5645,33 +5661,33 @@ class NiceHorizontalStepperComponent extends CdkStepper {
|
|
|
5645
5661
|
step.select();
|
|
5646
5662
|
this.onStepperClick.emit(index);
|
|
5647
5663
|
}
|
|
5648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5649
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
5664
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceHorizontalStepperComponent, isStandalone: false, selector: "nice-horizontal-stepper", outputs: { onStepperClick: "onStepperClick" }, providers: [{ provide: CdkStepper, useExisting: NiceHorizontalStepperComponent }], usesInheritance: true, ngImport: i0, template: "<section class=\"stepper-container\">\n <div class=\"flex justify-center content-center items-center\">\n @for (step of steps; track step; let i = $index) {\n <button\n class=\"step\"\n [ngClass]=\"{ active: selectedIndex === i }\"\n (click)=\"onClick(step, i)\"\n ></button>\n }\n </div>\n <div class=\"mat-horizontal-content-container h-full\">\n @for (step of steps; track step; let i = $index) {\n <div\n class=\"mat-horizontal-stepper-content h-full\"\n role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\"\n >\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n }\n </div>\n</section>\n", styles: ["nice-horizontal-stepper{width:100%}nice-horizontal-stepper .mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px}@media screen and (max-width:959px){nice-horizontal-stepper .mat-horizontal-content-container{padding:0!important}}nice-horizontal-stepper .mat-horizontal-stepper-content{outline:0}nice-horizontal-stepper .mat-horizontal-stepper-content[aria-expanded=false]{height:0!important;overflow:hidden}nice-horizontal-stepper .stepper-container{width:100%;height:100%}@media screen and (max-width:959px){nice-horizontal-stepper .stepper-container{height:99%}}nice-horizontal-stepper .stepper-button{min-height:50px;min-width:350px;font-size:22px;font-weight:600;text-transform:uppercase}nice-horizontal-stepper .step{cursor:pointer;min-width:120px;border:0;margin:0 10px;padding-top:6px;color:inherit;border-radius:2px}@media screen and (max-width:959px){nice-horizontal-stepper .step{min-width:32px;margin:0 5px}}nice-horizontal-stepper .nav-button{background:transparent;border:0;color:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [trigger("stepTransition", [
|
|
5650
5666
|
state("previous", style({ transform: "translate3d(-100%, 0, 0)", visibility: "hidden" })),
|
|
5651
5667
|
state("current", style({ transform: "none", visibility: "visible" })),
|
|
5652
5668
|
state("next", style({ transform: "translate3d(100%, 0, 0)", visibility: "hidden" })),
|
|
5653
5669
|
transition("* => *", animate("500ms cubic-bezier(0.35, 0, 0.25, 1)"))
|
|
5654
5670
|
])], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5655
5671
|
}
|
|
5656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperComponent, decorators: [{
|
|
5657
5673
|
type: Component,
|
|
5658
5674
|
args: [{ selector: "nice-horizontal-stepper", encapsulation: ViewEncapsulation.None, providers: [{ provide: CdkStepper, useExisting: NiceHorizontalStepperComponent }], animations: [trigger("stepTransition", [
|
|
5659
5675
|
state("previous", style({ transform: "translate3d(-100%, 0, 0)", visibility: "hidden" })),
|
|
5660
5676
|
state("current", style({ transform: "none", visibility: "visible" })),
|
|
5661
5677
|
state("next", style({ transform: "translate3d(100%, 0, 0)", visibility: "hidden" })),
|
|
5662
5678
|
transition("* => *", animate("500ms cubic-bezier(0.35, 0, 0.25, 1)"))
|
|
5663
|
-
])], standalone: false, template: "<section class=\"stepper-container\">\n <div class=\"flex justify-center content-center items-center\">\n
|
|
5679
|
+
])], standalone: false, template: "<section class=\"stepper-container\">\n <div class=\"flex justify-center content-center items-center\">\n @for (step of steps; track step; let i = $index) {\n <button\n class=\"step\"\n [ngClass]=\"{ active: selectedIndex === i }\"\n (click)=\"onClick(step, i)\"\n ></button>\n }\n </div>\n <div class=\"mat-horizontal-content-container h-full\">\n @for (step of steps; track step; let i = $index) {\n <div\n class=\"mat-horizontal-stepper-content h-full\"\n role=\"tabpanel\"\n [@stepTransition]=\"_getAnimationDirection(i)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\"\n >\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n }\n </div>\n</section>\n", styles: ["nice-horizontal-stepper{width:100%}nice-horizontal-stepper .mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px}@media screen and (max-width:959px){nice-horizontal-stepper .mat-horizontal-content-container{padding:0!important}}nice-horizontal-stepper .mat-horizontal-stepper-content{outline:0}nice-horizontal-stepper .mat-horizontal-stepper-content[aria-expanded=false]{height:0!important;overflow:hidden}nice-horizontal-stepper .stepper-container{width:100%;height:100%}@media screen and (max-width:959px){nice-horizontal-stepper .stepper-container{height:99%}}nice-horizontal-stepper .stepper-button{min-height:50px;min-width:350px;font-size:22px;font-weight:600;text-transform:uppercase}nice-horizontal-stepper .step{cursor:pointer;min-width:120px;border:0;margin:0 10px;padding-top:6px;color:inherit;border-radius:2px}@media screen and (max-width:959px){nice-horizontal-stepper .step{min-width:32px;margin:0 5px}}nice-horizontal-stepper .nav-button{background:transparent;border:0;color:inherit}\n"] }]
|
|
5664
5680
|
}], propDecorators: { onStepperClick: [{
|
|
5665
5681
|
type: Output
|
|
5666
5682
|
}] } });
|
|
5667
5683
|
|
|
5668
5684
|
class NiceStepComponent extends CdkStep {
|
|
5669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5670
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5685
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceStepComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5686
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceStepComponent, isStandalone: false, selector: "nice-step", providers: [
|
|
5671
5687
|
{ provide: CdkStep, useExisting: NiceStepComponent }
|
|
5672
5688
|
], usesInheritance: true, ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
5673
5689
|
}
|
|
5674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5690
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceStepComponent, decorators: [{
|
|
5675
5691
|
type: Component,
|
|
5676
5692
|
args: [{
|
|
5677
5693
|
selector: "nice-step",
|
|
@@ -5686,15 +5702,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
5686
5702
|
}] });
|
|
5687
5703
|
|
|
5688
5704
|
class NiceHorizontalStepperModule {
|
|
5689
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5690
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
5705
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
5706
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperModule, declarations: [NiceStepComponent, NiceHorizontalStepperComponent], imports: [CommonModule,
|
|
5691
5707
|
MatButtonModule,
|
|
5692
5708
|
CdkStepperModule], exports: [NiceStepComponent, NiceHorizontalStepperComponent] }); }
|
|
5693
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
5709
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperModule, imports: [CommonModule,
|
|
5694
5710
|
MatButtonModule,
|
|
5695
5711
|
CdkStepperModule] }); }
|
|
5696
5712
|
}
|
|
5697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
5713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalStepperModule, decorators: [{
|
|
5698
5714
|
type: NgModule,
|
|
5699
5715
|
args: [{
|
|
5700
5716
|
imports: [
|
|
@@ -6620,16 +6636,16 @@ class NiceImageCropperComponent {
|
|
|
6620
6636
|
_getWindow() {
|
|
6621
6637
|
return this._document.defaultView || window;
|
|
6622
6638
|
}
|
|
6623
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
6624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
6639
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: DOCUMENT }, { token: i1$d.ViewportRuler }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6640
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceImageCropperComponent, isStandalone: false, selector: "nice-img-cropper, nice-image-cropper", inputs: { config: "config", scale: "scale", maxFileSize: "maxFileSize" }, outputs: { scaleChange: "scaleChange", minScaleChange: "minScale", maxScaleChange: "maxScale", imageLoaded: "imageLoaded", ready: "ready", cropped: "cropped", cleaned: "cleaned", error: "error" }, viewQueries: [{ propertyName: "_imgContainer", first: true, predicate: ["_imgContainer"], descendants: true, static: true }, { propertyName: "_areaRef", first: true, predicate: ["_area"], descendants: true, read: ElementRef }, { propertyName: "_imgCanvas", first: true, predicate: ["_imgCanvas"], descendants: true, static: true }], ngImport: i0, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div\n class=\"image-container\"\n #_imgContainer\n (selectstart)=\"$event.preventDefault()\"\n>\n <canvas #_imgCanvas></canvas>\n</div>\n@if (_isLoadedImg) {\n <nice-cropper-area\n #_area\n [round]=\"!!config.round\"\n [resizableArea]=\"!!config.resizableArea\"\n [keepAspectRatio]=\"!!config.keepAspectRatio\"\n [ngStyle]=\"{\n width: config.width + 'px',\n height: config.height + 'px',\n }\"\n ></nice-cropper-area>\n}\n@if (_isLoadedImg) {\n <button class=\"close-button\" mat-icon-button (click)=\"clean()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n}\n", styles: ["nice-image-cropper,nice-img-cropper{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center}nice-image-cropper .image-container,nice-img-cropper .image-container{cursor:move;position:absolute;top:0;left:0;display:flex;touch-action:none}nice-image-cropper .image-container>canvas,nice-img-cropper .image-container>canvas{display:block}nice-image-cropper .close-button,nice-img-cropper .close-button{position:absolute;top:8px;left:8px;background-color:#fff!important;border-radius:4px;height:20px;width:20px;min-height:20px}nice-image-cropper .close-button .mat-icon,nice-img-cropper .close-button .mat-icon{height:14px!important;width:14px!important;font-size:14px!important;line-height:14px!important}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(() => i2.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => i3.MatIconButton), selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i0.forwardRef(() => i4.MatIcon), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(() => NiceCropperAreaComponent), selector: "nice-cropper-area", inputs: ["keepAspectRatio", "round", "resizableArea"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6625
6641
|
}
|
|
6626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
6642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperComponent, decorators: [{
|
|
6627
6643
|
type: Component,
|
|
6628
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, selector: "nice-img-cropper, nice-image-cropper", encapsulation: ViewEncapsulation.None, standalone: false, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div
|
|
6644
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, selector: "nice-img-cropper, nice-image-cropper", encapsulation: ViewEncapsulation.None, standalone: false, template: "<!-- (selectstart): On Safari starting to slide temporarily triggers text selection mode which\nshow the wrong cursor. We prevent it by stopping the `selectstart` event. -->\n<div\n class=\"image-container\"\n #_imgContainer\n (selectstart)=\"$event.preventDefault()\"\n>\n <canvas #_imgCanvas></canvas>\n</div>\n@if (_isLoadedImg) {\n <nice-cropper-area\n #_area\n [round]=\"!!config.round\"\n [resizableArea]=\"!!config.resizableArea\"\n [keepAspectRatio]=\"!!config.keepAspectRatio\"\n [ngStyle]=\"{\n width: config.width + 'px',\n height: config.height + 'px',\n }\"\n ></nice-cropper-area>\n}\n@if (_isLoadedImg) {\n <button class=\"close-button\" mat-icon-button (click)=\"clean()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n}\n", styles: ["nice-image-cropper,nice-img-cropper{-webkit-user-select:none;user-select:none;display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center}nice-image-cropper .image-container,nice-img-cropper .image-container{cursor:move;position:absolute;top:0;left:0;display:flex;touch-action:none}nice-image-cropper .image-container>canvas,nice-img-cropper .image-container>canvas{display:block}nice-image-cropper .close-button,nice-img-cropper .close-button{position:absolute;top:8px;left:8px;background-color:#fff!important;border-radius:4px;height:20px;width:20px;min-height:20px}nice-image-cropper .close-button .mat-icon,nice-img-cropper .close-button .mat-icon{height:14px!important;width:14px!important;font-size:14px!important;line-height:14px!important}\n"] }]
|
|
6629
6645
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
6630
6646
|
type: Inject,
|
|
6631
6647
|
args: [DOCUMENT]
|
|
6632
|
-
}] }, { type: i1$
|
|
6648
|
+
}] }, { type: i1$d.ViewportRuler }], propDecorators: { _imgContainer: [{
|
|
6633
6649
|
type: ViewChild,
|
|
6634
6650
|
args: ["_imgContainer", { static: true }]
|
|
6635
6651
|
}], _areaRef: [{
|
|
@@ -7017,12 +7033,12 @@ class NiceCropperAreaComponent {
|
|
|
7017
7033
|
_getWindow() {
|
|
7018
7034
|
return this._document.defaultView || window;
|
|
7019
7035
|
}
|
|
7020
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7021
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
7036
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCropperAreaComponent, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: NiceImageCropperComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7037
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceCropperAreaComponent, isStandalone: false, selector: "nice-cropper-area", inputs: { keepAspectRatio: "keepAspectRatio", round: "round", resizableArea: "resizableArea" }, host: { properties: { "class.round": "this.round" } }, viewQueries: [{ propertyName: "_resizer", first: true, predicate: ["resizer"], descendants: true }], ngImport: i0, template: "@if (resizableArea) {\n <div class=\"resizer\" #resizer></div>\n}\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;inset:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;inset:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7022
7038
|
}
|
|
7023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceCropperAreaComponent, decorators: [{
|
|
7024
7040
|
type: Component,
|
|
7025
|
-
args: [{ selector: "nice-cropper-area", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"resizer\" #resizer
|
|
7041
|
+
args: [{ selector: "nice-cropper-area", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (resizableArea) {\n <div class=\"resizer\" #resizer></div>\n}\n", styles: ["nice-cropper-area{pointer-events:none;box-shadow:0 0 0 20000px #0006;margin:auto;position:absolute;inset:0}nice-cropper-area.round{border-radius:50%}nice-cropper-area:before,nice-cropper-area:after{position:absolute;inset:0;content:\"\"}nice-cropper-area:before{width:0;height:0;margin:auto;border-radius:50%;background:#fff;border:solid 2px rgb(255,255,255)}nice-cropper-area:after{border:solid 2px rgb(255,255,255);border-radius:inherit}nice-cropper-area .resizer{width:10px;height:10px;background:#fff;border-radius:3px;position:absolute;touch-action:none;bottom:0;pointer-events:all}nice-cropper-area .resizer:before{content:\"\";width:20px;height:20px;transform:translate(-25%,-25%)}\n"] }]
|
|
7026
7042
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
7027
7043
|
type: Inject,
|
|
7028
7044
|
args: [DOCUMENT]
|
|
@@ -7044,11 +7060,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
7044
7060
|
* Adapted from https://github.com/A-l-y-l-e/Alyle-UI/tree/10.5.3/src/lib/image-cropper
|
|
7045
7061
|
*/
|
|
7046
7062
|
class NiceImageCropperModule {
|
|
7047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7048
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7049
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7063
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7064
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperModule, declarations: [NiceImageCropperComponent, NiceCropperAreaComponent], imports: [CommonModule, MatButtonModule, MatIconModule], exports: [NiceImageCropperComponent] }); }
|
|
7065
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperModule, imports: [CommonModule, MatButtonModule, MatIconModule] }); }
|
|
7050
7066
|
}
|
|
7051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageCropperModule, decorators: [{
|
|
7052
7068
|
type: NgModule,
|
|
7053
7069
|
args: [{
|
|
7054
7070
|
imports: [CommonModule, MatButtonModule, MatIconModule],
|
|
@@ -7134,10 +7150,10 @@ class NiceLayoutComponent {
|
|
|
7134
7150
|
// Add class name for the currently selected theme
|
|
7135
7151
|
this._document.body.classList.add(`theme-${this.theme}`);
|
|
7136
7152
|
}
|
|
7137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: NiceConfigService }, { token: NiceMediaWatcherService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7154
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceLayoutComponent, isStandalone: false, selector: "nice-layout", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
|
|
7139
7155
|
}
|
|
7140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutComponent, decorators: [{
|
|
7141
7157
|
type: Component,
|
|
7142
7158
|
args: [{
|
|
7143
7159
|
selector: "nice-layout",
|
|
@@ -7150,11 +7166,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
7150
7166
|
}] }, { type: i0.Renderer2 }, { type: NiceConfigService }, { type: NiceMediaWatcherService }] });
|
|
7151
7167
|
|
|
7152
7168
|
class NiceLayoutModule {
|
|
7153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7154
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7155
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7170
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutModule, declarations: [NiceLayoutComponent], exports: [NiceLayoutComponent] }); }
|
|
7171
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutModule }); }
|
|
7156
7172
|
}
|
|
7157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLayoutModule, decorators: [{
|
|
7158
7174
|
type: NgModule,
|
|
7159
7175
|
args: [{
|
|
7160
7176
|
imports: [],
|
|
@@ -7169,10 +7185,10 @@ class NiceLoadingSpinnerComponent {
|
|
|
7169
7185
|
this.mode = "indeterminate";
|
|
7170
7186
|
this.diameter = 50;
|
|
7171
7187
|
}
|
|
7172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7173
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7188
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7189
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceLoadingSpinnerComponent, isStandalone: false, selector: "nice-loading-spinner", inputs: { loading: "loading", mode: "mode", diameter: "diameter" }, ngImport: i0, template: "<mat-spinner [diameter]=\"diameter\" [mode]=\"mode\" [color]=\"'accent'\"></mat-spinner>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
7174
7190
|
}
|
|
7175
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerComponent, decorators: [{
|
|
7176
7192
|
type: Component,
|
|
7177
7193
|
args: [{ selector: "nice-loading-spinner", standalone: false, template: "<mat-spinner [diameter]=\"diameter\" [mode]=\"mode\" [color]=\"'accent'\"></mat-spinner>\n", styles: [":host{display:inline-block}\n"] }]
|
|
7178
7194
|
}], propDecorators: { loading: [{
|
|
@@ -7187,10 +7203,10 @@ class DynamicOverlayContainer extends OverlayContainer {
|
|
|
7187
7203
|
setContainerElement(containerElement) {
|
|
7188
7204
|
this._containerElement = containerElement;
|
|
7189
7205
|
}
|
|
7190
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7191
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7206
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlayContainer, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7207
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlayContainer }); }
|
|
7192
7208
|
}
|
|
7193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlayContainer, decorators: [{
|
|
7194
7210
|
type: Injectable
|
|
7195
7211
|
}] });
|
|
7196
7212
|
|
|
@@ -7204,16 +7220,16 @@ class DynamicOverlay extends Overlay {
|
|
|
7204
7220
|
this.renderer.setStyle(containerElement, "transform", "translateZ(0)");
|
|
7205
7221
|
this._dynamicOverlayContainer.setContainerElement(containerElement);
|
|
7206
7222
|
}
|
|
7207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7208
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7223
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlay, deps: [{ token: DOCUMENT }, { token: i1$4.ScrollStrategyOptions }, { token: DynamicOverlayContainer }, { token: i0.ComponentFactoryResolver }, { token: i1$4.OverlayPositionBuilder }, { token: i1$4.OverlayKeyboardDispatcher }, { token: i0.Injector }, { token: i0.NgZone }, { token: i3$1.Directionality }, { token: i0.RendererFactory2 }, { token: i2.Location }, { token: i1$4.OverlayOutsideClickDispatcher }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7224
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlay, providedIn: "root" }); }
|
|
7209
7225
|
}
|
|
7210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: DynamicOverlay, decorators: [{
|
|
7211
7227
|
type: Injectable,
|
|
7212
7228
|
args: [{ providedIn: "root" }]
|
|
7213
7229
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
7214
7230
|
type: Inject,
|
|
7215
7231
|
args: [DOCUMENT]
|
|
7216
|
-
}] }, { type: i1$
|
|
7232
|
+
}] }, { type: i1$4.ScrollStrategyOptions }, { type: DynamicOverlayContainer }, { type: i0.ComponentFactoryResolver }, { type: i1$4.OverlayPositionBuilder }, { type: i1$4.OverlayKeyboardDispatcher }, { type: i0.Injector }, { type: i0.NgZone }, { type: i3$1.Directionality }, { type: i0.RendererFactory2 }, { type: i2.Location }, { type: i1$4.OverlayOutsideClickDispatcher }] });
|
|
7217
7233
|
|
|
7218
7234
|
const NICE_LOADING_OPTIONS = new InjectionToken("nice_loading_options");
|
|
7219
7235
|
|
|
@@ -7250,10 +7266,10 @@ class NiceLoadingDirective {
|
|
|
7250
7266
|
this.overlay = overlay;
|
|
7251
7267
|
this._loading = false;
|
|
7252
7268
|
}
|
|
7253
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7254
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingDirective, deps: [{ token: NICE_LOADING_OPTIONS, optional: true }, { token: i0.ElementRef }, { token: DynamicOverlay }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7270
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceLoadingDirective, isStandalone: false, selector: "[niceLoadingOverlay]", inputs: { loading: ["niceLoadingOverlay", "loading"] }, ngImport: i0 }); }
|
|
7255
7271
|
}
|
|
7256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingDirective, decorators: [{
|
|
7257
7273
|
type: Directive,
|
|
7258
7274
|
args: [{
|
|
7259
7275
|
selector: "[niceLoadingOverlay]",
|
|
@@ -7281,15 +7297,15 @@ class NiceLoadingSpinnerModule {
|
|
|
7281
7297
|
]
|
|
7282
7298
|
};
|
|
7283
7299
|
}
|
|
7284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7285
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7301
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerModule, declarations: [NiceLoadingSpinnerComponent,
|
|
7286
7302
|
NiceLoadingDirective], imports: [CommonModule,
|
|
7287
7303
|
MatProgressSpinnerModule], exports: [NiceLoadingSpinnerComponent,
|
|
7288
7304
|
NiceLoadingDirective] }); }
|
|
7289
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7305
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerModule, providers: [DynamicOverlayContainer, DynamicOverlay], imports: [CommonModule,
|
|
7290
7306
|
MatProgressSpinnerModule] }); }
|
|
7291
7307
|
}
|
|
7292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingSpinnerModule, decorators: [{
|
|
7293
7309
|
type: NgModule,
|
|
7294
7310
|
args: [{
|
|
7295
7311
|
imports: [
|
|
@@ -7324,10 +7340,10 @@ class NiceLoadingToastComponent {
|
|
|
7324
7340
|
constructor(data) {
|
|
7325
7341
|
this.data = data;
|
|
7326
7342
|
}
|
|
7327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7328
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceLoadingToastComponent, isStandalone: false, selector: "nice-loading-toast", inputs: { message: "message", options: "options" }, ngImport: i0, template: "<nice-alert class=\"toast\" disableAnimation [appearance]=\"appearance\" [color]=\"color\" [dismissible]=\"false\" [type]=\"type\" [showIcon]=\"showIcon\">\n <div class=\"full flex justify-between gap-8\" niceAlertTitle>\n <span class=\"flex-auto\">{{ data?.message ?? message }}</span>\n\n <div>\n <mat-spinner [diameter]=\"21\"></mat-spinner>\n </div>\n </div>\n</nice-alert>\n", styles: [".nice-loading-toast .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important;padding:0;min-width:unset}.nice-loading-toast .toast{padding:16px;border-radius:4px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type", "color"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7329
7345
|
}
|
|
7330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7346
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastComponent, decorators: [{
|
|
7331
7347
|
type: Component,
|
|
7332
7348
|
args: [{ selector: "nice-loading-toast", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<nice-alert class=\"toast\" disableAnimation [appearance]=\"appearance\" [color]=\"color\" [dismissible]=\"false\" [type]=\"type\" [showIcon]=\"showIcon\">\n <div class=\"full flex justify-between gap-8\" niceAlertTitle>\n <span class=\"flex-auto\">{{ data?.message ?? message }}</span>\n\n <div>\n <mat-spinner [diameter]=\"21\"></mat-spinner>\n </div>\n </div>\n</nice-alert>\n", styles: [".nice-loading-toast .mdc-snackbar__surface{background:transparent!important;box-shadow:none!important;padding:0;min-width:unset}.nice-loading-toast .toast{padding:16px;border-radius:4px;-webkit-user-select:none;user-select:none}\n"] }]
|
|
7333
7349
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -7379,10 +7395,10 @@ class NiceLoadingToastDirective {
|
|
|
7379
7395
|
this._loading = false;
|
|
7380
7396
|
this._niceLoadingDisableUserInteraction = true;
|
|
7381
7397
|
}
|
|
7382
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7383
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastDirective, deps: [{ token: NICE_LOADING_TOAST_OPTIONS, optional: true }, { token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7399
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceLoadingToastDirective, isStandalone: false, selector: "[niceLoadingToast]", inputs: { niceLoadingMessage: "niceLoadingMessage", niceLoadingDisableUserInteraction: "niceLoadingDisableUserInteraction", loading: ["niceLoadingToast", "loading"] }, ngImport: i0 }); }
|
|
7384
7400
|
}
|
|
7385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastDirective, decorators: [{
|
|
7386
7402
|
type: Directive,
|
|
7387
7403
|
args: [{
|
|
7388
7404
|
selector: "[niceLoadingToast]",
|
|
@@ -7393,7 +7409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
7393
7409
|
}, {
|
|
7394
7410
|
type: Inject,
|
|
7395
7411
|
args: [NICE_LOADING_TOAST_OPTIONS]
|
|
7396
|
-
}] }, { type: i1$
|
|
7412
|
+
}] }, { type: i1$4.Overlay }], propDecorators: { niceLoadingMessage: [{
|
|
7397
7413
|
type: Input
|
|
7398
7414
|
}], niceLoadingDisableUserInteraction: [{
|
|
7399
7415
|
type: Input
|
|
@@ -7428,10 +7444,10 @@ class NiceLoadingToastService {
|
|
|
7428
7444
|
return "";
|
|
7429
7445
|
}
|
|
7430
7446
|
}
|
|
7431
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7432
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastService, deps: [{ token: NICE_LOADING_TOAST_OPTIONS, optional: true }, { token: i1$e.MatSnackBar }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7448
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastService, providedIn: "any" }); }
|
|
7433
7449
|
}
|
|
7434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7450
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastService, decorators: [{
|
|
7435
7451
|
type: Injectable,
|
|
7436
7452
|
args: [{ providedIn: "any" }]
|
|
7437
7453
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -7439,7 +7455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
7439
7455
|
}, {
|
|
7440
7456
|
type: Inject,
|
|
7441
7457
|
args: [NICE_LOADING_TOAST_OPTIONS]
|
|
7442
|
-
}] }, { type: i1$
|
|
7458
|
+
}] }, { type: i1$e.MatSnackBar }, { type: i1.TranslateService }] });
|
|
7443
7459
|
|
|
7444
7460
|
const defaultOptions$1 = {
|
|
7445
7461
|
color: "primary",
|
|
@@ -7478,11 +7494,11 @@ class NiceLoadingToastModule {
|
|
|
7478
7494
|
]
|
|
7479
7495
|
};
|
|
7480
7496
|
}
|
|
7481
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7482
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7483
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7498
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastModule, declarations: [NiceLoadingToastComponent, NiceLoadingToastDirective], imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule, NiceAlertModule], exports: [NiceLoadingToastDirective] }); }
|
|
7499
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastModule, providers: [DynamicOverlayContainer, NiceLoadingToastService], imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule, NiceAlertModule] }); }
|
|
7484
7500
|
}
|
|
7485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7501
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLoadingToastModule, decorators: [{
|
|
7486
7502
|
type: NgModule,
|
|
7487
7503
|
args: [{
|
|
7488
7504
|
imports: [CommonModule, MatSnackBarModule, MatProgressSpinnerModule, NiceAlertModule],
|
|
@@ -7528,10 +7544,10 @@ class NiceLottieComponent {
|
|
|
7528
7544
|
const anim = this._lottie.loadAnimation(this._options);
|
|
7529
7545
|
this.animCreated.emit(anim);
|
|
7530
7546
|
}
|
|
7531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7547
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7548
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceLottieComponent, isStandalone: false, selector: "nice-lottie", inputs: { options: "options", width: "width", height: "height" }, outputs: { animCreated: "animCreated" }, viewQueries: [{ propertyName: "animationContainer", first: true, predicate: ["animationContainer"], descendants: true }], ngImport: i0, template: "<div #animationContainer\n [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
7533
7549
|
}
|
|
7534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieComponent, decorators: [{
|
|
7535
7551
|
type: Component,
|
|
7536
7552
|
args: [{ selector: "nice-lottie", standalone: false, template: "<div #animationContainer\n [ngStyle]=\"{'width': viewWidth, 'height': viewHeight, 'overflow':'hidden', 'margin': '0 auto'}\">\n</div>\n" }]
|
|
7537
7553
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -7551,11 +7567,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
7551
7567
|
}] } });
|
|
7552
7568
|
|
|
7553
7569
|
class NiceLottieModule {
|
|
7554
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7555
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
7556
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
7570
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7571
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieModule, declarations: [NiceLottieComponent], imports: [CommonModule], exports: [NiceLottieComponent] }); }
|
|
7572
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieModule, imports: [CommonModule] }); }
|
|
7557
7573
|
}
|
|
7558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceLottieModule, decorators: [{
|
|
7559
7575
|
type: NgModule,
|
|
7560
7576
|
args: [{
|
|
7561
7577
|
imports: [CommonModule],
|
|
@@ -7671,10 +7687,10 @@ class _HintComponentBase {
|
|
|
7671
7687
|
this._onShow();
|
|
7672
7688
|
}
|
|
7673
7689
|
}
|
|
7674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7675
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
7690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: _HintComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
7691
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: _HintComponentBase, isStandalone: true, host: { listeners: { "mouseleave": "_handleMouseLeave($event)" } }, ngImport: i0 }); }
|
|
7676
7692
|
}
|
|
7677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: _HintComponentBase, decorators: [{
|
|
7678
7694
|
type: Directive
|
|
7679
7695
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { _handleMouseLeave: [{
|
|
7680
7696
|
type: HostListener,
|
|
@@ -7853,15 +7869,15 @@ class NiceNavigationService {
|
|
|
7853
7869
|
return route;
|
|
7854
7870
|
}
|
|
7855
7871
|
}
|
|
7856
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7857
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7872
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationService, deps: [{ token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7873
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationService, providedIn: "root" }); }
|
|
7858
7874
|
}
|
|
7859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationService, decorators: [{
|
|
7860
7876
|
type: Injectable,
|
|
7861
7877
|
args: [{
|
|
7862
7878
|
providedIn: "root"
|
|
7863
7879
|
}]
|
|
7864
|
-
}], ctorParameters: () => [{ type: i1$
|
|
7880
|
+
}], ctorParameters: () => [{ type: i1$9.Router }] });
|
|
7865
7881
|
|
|
7866
7882
|
class NiceTranslationContextService {
|
|
7867
7883
|
get context() {
|
|
@@ -7870,10 +7886,10 @@ class NiceTranslationContextService {
|
|
|
7870
7886
|
set context(context) {
|
|
7871
7887
|
this._context = context;
|
|
7872
7888
|
}
|
|
7873
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7874
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
7889
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7890
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationContextService }); }
|
|
7875
7891
|
}
|
|
7876
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationContextService, decorators: [{
|
|
7877
7893
|
type: Injectable
|
|
7878
7894
|
}] });
|
|
7879
7895
|
|
|
@@ -7940,10 +7956,10 @@ class NiceNavigationComponent {
|
|
|
7940
7956
|
trackByFn(index, item) {
|
|
7941
7957
|
return item.id || index;
|
|
7942
7958
|
}
|
|
7943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7944
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
7959
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: NiceTranslationContextService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceNavigationComponent, isStandalone: false, selector: "ng-component", usesOnChanges: true, ngImport: i0, template: ``, isInline: true }); }
|
|
7945
7961
|
}
|
|
7946
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationComponent, decorators: [{
|
|
7947
7963
|
type: Component,
|
|
7948
7964
|
args: [{
|
|
7949
7965
|
template: ``,
|
|
@@ -7962,10 +7978,10 @@ class NiceTranslateWithContextPipe {
|
|
|
7962
7978
|
}
|
|
7963
7979
|
return this.translate.instant(value, this.context.context);
|
|
7964
7980
|
}
|
|
7965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
7966
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
7981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslateWithContextPipe, deps: [{ token: i1.TranslateService }, { token: NiceTranslationContextService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
7982
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslateWithContextPipe, isStandalone: false, name: "niceTranslateWithContext", pure: false }); }
|
|
7967
7983
|
}
|
|
7968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7984
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslateWithContextPipe, decorators: [{
|
|
7969
7985
|
type: Pipe,
|
|
7970
7986
|
args: [{
|
|
7971
7987
|
name: "niceTranslateWithContext", pure: false,
|
|
@@ -8007,12 +8023,12 @@ class NiceHorizontalNavigationBasicItemComponent {
|
|
|
8007
8023
|
this._unsubscribeAll.next(null);
|
|
8008
8024
|
this._unsubscribeAll.complete();
|
|
8009
8025
|
}
|
|
8010
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8011
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
8026
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8027
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceHorizontalNavigationBasicItemComponent, isStandalone: false, selector: "nice-horizontal-navigation-basic-item", inputs: { item: "item", name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n <!-- Item with an internal link -->\n @if (item.link && !item.externalLink && !item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an external link -->\n @if (item.link && item.externalLink && !item.function && !item.disabled) {\n <a class=\"nice-horizontal-navigation-item\" [href]=\"item.link\">\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a function -->\n @if (!item.link && item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an internal link and function -->\n @if (item.link && !item.externalLink && item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an external link and function -->\n @if (item.link && item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-horizontal-navigation-item\"\n [href]=\"item.link\"\n (click)=\"item.function(item)\"\n mat-menu-item\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a no link and no function -->\n @if (!item.link && !item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item is disabled -->\n @if (item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item nice-horizontal-navigation-item-disabled\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n <div class=\"nice-horizontal-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-horizontal-navigation-item-subtitle text-hint\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-horizontal-navigation-item-badge\">\n <div\n class=\"nice-horizontal-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$9.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8012
8028
|
}
|
|
8013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationBasicItemComponent, decorators: [{
|
|
8014
8030
|
type: Component,
|
|
8015
|
-
args: [{ selector: "nice-horizontal-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n <!-- Item with an internal link -->\n
|
|
8031
|
+
args: [{ selector: "nice-horizontal-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n <!-- Item with an internal link -->\n @if (item.link && !item.externalLink && !item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an external link -->\n @if (item.link && item.externalLink && !item.function && !item.disabled) {\n <a class=\"nice-horizontal-navigation-item\" [href]=\"item.link\">\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a function -->\n @if (!item.link && item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an internal link and function -->\n @if (item.link && !item.externalLink && item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-horizontal-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an external link and function -->\n @if (item.link && item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-horizontal-navigation-item\"\n [href]=\"item.link\"\n (click)=\"item.function(item)\"\n mat-menu-item\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a no link and no function -->\n @if (!item.link && !item.function && !item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item is disabled -->\n @if (item.disabled) {\n <div\n class=\"nice-horizontal-navigation-item nice-horizontal-navigation-item-disabled\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n <div class=\"nice-horizontal-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-horizontal-navigation-item-subtitle text-hint\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-horizontal-navigation-item-badge\">\n <div\n class=\"nice-horizontal-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n</ng-template>\n" }]
|
|
8016
8032
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { item: [{
|
|
8017
8033
|
type: Input
|
|
8018
8034
|
}], name: [{
|
|
@@ -8055,10 +8071,10 @@ class NiceHorizontalNavigationDividerItemComponent {
|
|
|
8055
8071
|
this._unsubscribeAll.next(null);
|
|
8056
8072
|
this._unsubscribeAll.complete();
|
|
8057
8073
|
}
|
|
8058
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8059
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8074
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8075
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceHorizontalNavigationDividerItemComponent, isStandalone: false, selector: "nice-horizontal-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper divider\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8060
8076
|
}
|
|
8061
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationDividerItemComponent, decorators: [{
|
|
8062
8078
|
type: Component,
|
|
8063
8079
|
args: [{ selector: "nice-horizontal-navigation-divider-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Divider -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper divider\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
|
|
8064
8080
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { item: [{
|
|
@@ -8087,10 +8103,10 @@ class NiceShouldHidePipe {
|
|
|
8087
8103
|
}
|
|
8088
8104
|
return resolver.shouldHide(value);
|
|
8089
8105
|
}
|
|
8090
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8091
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
8106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldHidePipe, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
8107
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldHidePipe, isStandalone: false, name: "niceShouldHide" }); }
|
|
8092
8108
|
}
|
|
8093
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldHidePipe, decorators: [{
|
|
8094
8110
|
type: Pipe,
|
|
8095
8111
|
args: [{
|
|
8096
8112
|
name: "niceShouldHide",
|
|
@@ -8143,12 +8159,12 @@ class NiceHorizontalNavigationBranchItemComponent {
|
|
|
8143
8159
|
// Mark for check
|
|
8144
8160
|
this._changeDetectorRef.markForCheck();
|
|
8145
8161
|
}
|
|
8146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8147
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
8162
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8163
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceHorizontalNavigationBranchItemComponent, isStandalone: false, selector: "nice-horizontal-navigation-branch-item", inputs: { child: "child", item: "item", name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition" }, viewQueries: [{ propertyName: "matMenu", first: true, predicate: ["matMenu"], descendants: true, static: true }], ngImport: i0, template: "@if (!child) {\n <div\n [ngClass]=\"{\n 'nice-horizontal-navigation-menu-active': trigger.menuOpen,\n 'nice-horizontal-navigation-menu-active-forced': item.active,\n }\"\n [matMenuTriggerFor]=\"matMenu\"\n (onMenuOpen)=\"triggerChangeDetection()\"\n (onMenuClose)=\"triggerChangeDetection()\"\n #trigger=\"matMenuTrigger\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\n ></ng-container>\n </div>\n}\n\n<mat-menu\n class=\"nice-horizontal-navigation-menu-panel\"\n [overlapTrigger]=\"false\"\n #matMenu=\"matMenu\"\n>\n @for (item of item.children; track item) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <div\n class=\"nice-horizontal-navigation-menu-item\"\n [disabled]=\"item.disabled\"\n mat-menu-item\n >\n <nice-horizontal-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-basic-item>\n </div>\n }\n <!-- Branch: aside, collapsable, group -->\n @if (\n item.type === \"aside\" ||\n item.type === \"collapsable\" ||\n item.type === \"group\"\n ) {\n <div\n class=\"nice-horizontal-navigation-menu-item\"\n [disabled]=\"item.disabled\"\n [matMenuTriggerFor]=\"branch.matMenu\"\n mat-menu-item\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: { $implicit: item }\n \"\n ></ng-container>\n <nice-horizontal-navigation-branch-item\n [child]=\"true\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n #branch\n ></nice-horizontal-navigation-branch-item>\n </div>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <div class=\"nice-horizontal-navigation-menu-item\" mat-menu-item>\n <nice-horizontal-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-horizontal-navigation-divider-item>\n </div>\n }\n }\n }\n</mat-menu>\n\n<!-- Item template -->\n<ng-template let-item #itemTemplate>\n <div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n >\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-disabled': item.disabled,\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n >\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n <div class=\"nice-horizontal-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div\n class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n >\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-horizontal-navigation-item-badge\">\n <div\n class=\"nice-horizontal-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceHorizontalNavigationDividerItemComponent, selector: "nice-horizontal-navigation-divider-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8148
8164
|
}
|
|
8149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationBranchItemComponent, decorators: [{
|
|
8150
8166
|
type: Component,
|
|
8151
|
-
args: [{ selector: "nice-horizontal-navigation-branch-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "
|
|
8167
|
+
args: [{ selector: "nice-horizontal-navigation-branch-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!child) {\n <div\n [ngClass]=\"{\n 'nice-horizontal-navigation-menu-active': trigger.menuOpen,\n 'nice-horizontal-navigation-menu-active-forced': item.active,\n }\"\n [matMenuTriggerFor]=\"matMenu\"\n (onMenuOpen)=\"triggerChangeDetection()\"\n (onMenuClose)=\"triggerChangeDetection()\"\n #trigger=\"matMenuTrigger\"\n >\n <ng-container\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\n ></ng-container>\n </div>\n}\n\n<mat-menu\n class=\"nice-horizontal-navigation-menu-panel\"\n [overlapTrigger]=\"false\"\n #matMenu=\"matMenu\"\n>\n @for (item of item.children; track item) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <div\n class=\"nice-horizontal-navigation-menu-item\"\n [disabled]=\"item.disabled\"\n mat-menu-item\n >\n <nice-horizontal-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-basic-item>\n </div>\n }\n <!-- Branch: aside, collapsable, group -->\n @if (\n item.type === \"aside\" ||\n item.type === \"collapsable\" ||\n item.type === \"group\"\n ) {\n <div\n class=\"nice-horizontal-navigation-menu-item\"\n [disabled]=\"item.disabled\"\n [matMenuTriggerFor]=\"branch.matMenu\"\n mat-menu-item\n >\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: { $implicit: item }\n \"\n ></ng-container>\n <nice-horizontal-navigation-branch-item\n [child]=\"true\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n #branch\n ></nice-horizontal-navigation-branch-item>\n </div>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <div class=\"nice-horizontal-navigation-menu-item\" mat-menu-item>\n <nice-horizontal-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-horizontal-navigation-divider-item>\n </div>\n }\n }\n }\n</mat-menu>\n\n<!-- Item template -->\n<ng-template let-item #itemTemplate>\n <div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [class.nice-horizontal-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n >\n <div\n class=\"nice-horizontal-navigation-item\"\n [ngClass]=\"{\n 'nice-horizontal-navigation-item-disabled': item.disabled,\n 'nice-horizontal-navigation-item-active-forced': item.active,\n }\"\n >\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-horizontal-navigation-item-title-wrapper\">\n <div class=\"nice-horizontal-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div\n class=\"nice-horizontal-navigation-item-subtitle text-hint\"\n >\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-horizontal-navigation-item-badge\">\n <div\n class=\"nice-horizontal-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n </div>\n</ng-template>\n" }]
|
|
8152
8168
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { child: [{
|
|
8153
8169
|
type: Input
|
|
8154
8170
|
}], item: [{
|
|
@@ -8196,10 +8212,10 @@ class NiceHorizontalNavigationSpacerItemComponent {
|
|
|
8196
8212
|
this._unsubscribeAll.next(null);
|
|
8197
8213
|
this._unsubscribeAll.complete();
|
|
8198
8214
|
}
|
|
8199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8216
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceHorizontalNavigationSpacerItemComponent, isStandalone: false, selector: "nice-horizontal-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8201
8217
|
}
|
|
8202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationSpacerItemComponent, decorators: [{
|
|
8203
8219
|
type: Component,
|
|
8204
8220
|
args: [{ selector: "nice-horizontal-navigation-spacer-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Spacer -->\n<div\n class=\"nice-horizontal-navigation-item-wrapper\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
|
|
8205
8221
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { item: [{
|
|
@@ -8225,12 +8241,12 @@ class NiceHorizontalNavigationComponent extends NiceNavigationComponent {
|
|
|
8225
8241
|
this.showTooltips = false;
|
|
8226
8242
|
this.tooltipPosition = "after";
|
|
8227
8243
|
}
|
|
8228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
8244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: NiceTranslationContextService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8245
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceHorizontalNavigationComponent, isStandalone: false, selector: "nice-horizontal-navigation", inputs: { name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition", translationContext: "translationContext", navigation: "navigation" }, providers: [NiceTranslationContextService], exportAs: ["niceHorizontalNavigation"], usesInheritance: true, ngImport: i0, template: "<div class=\"nice-horizontal-navigation-wrapper\">\n @for (item of navigation; track item) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-horizontal-navigation-basic-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-basic-item>\n }\n <!-- Branch: aside, collapsable, group -->\n @if (\n item.type === \"aside\" ||\n item.type === \"collapsable\" ||\n item.type === \"group\"\n ) {\n <nice-horizontal-navigation-branch-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-branch-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-horizontal-navigation-spacer-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n ></nice-horizontal-navigation-spacer-item>\n }\n }\n }\n</div>\n", dependencies: [{ kind: "component", type: NiceHorizontalNavigationBasicItemComponent, selector: "nice-horizontal-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceHorizontalNavigationBranchItemComponent, selector: "nice-horizontal-navigation-branch-item", inputs: ["child", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceHorizontalNavigationSpacerItemComponent, selector: "nice-horizontal-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
8230
8246
|
}
|
|
8231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceHorizontalNavigationComponent, decorators: [{
|
|
8232
8248
|
type: Component,
|
|
8233
|
-
args: [{ selector: "nice-horizontal-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NiceTranslationContextService], exportAs: "niceHorizontalNavigation", standalone: false, template: "<div class=\"nice-horizontal-navigation-wrapper\">\n
|
|
8249
|
+
args: [{ selector: "nice-horizontal-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NiceTranslationContextService], exportAs: "niceHorizontalNavigation", standalone: false, template: "<div class=\"nice-horizontal-navigation-wrapper\">\n @for (item of navigation; track item) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-horizontal-navigation-basic-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-basic-item>\n }\n <!-- Branch: aside, collapsable, group -->\n @if (\n item.type === \"aside\" ||\n item.type === \"collapsable\" ||\n item.type === \"group\"\n ) {\n <nice-horizontal-navigation-branch-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-horizontal-navigation-branch-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-horizontal-navigation-spacer-item\n class=\"nice-horizontal-navigation-menu-item\"\n [item]=\"item\"\n [name]=\"name\"\n ></nice-horizontal-navigation-spacer-item>\n }\n }\n }\n</div>\n" }]
|
|
8234
8250
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: NiceTranslationContextService }], propDecorators: { name: [{
|
|
8235
8251
|
type: Input
|
|
8236
8252
|
}], showTooltips: [{
|
|
@@ -8540,28 +8556,28 @@ class NiceScrollbarDirective {
|
|
|
8540
8556
|
// Clean up
|
|
8541
8557
|
this._ps = null;
|
|
8542
8558
|
}
|
|
8543
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8544
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8559
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarDirective, deps: [{ token: i0.ElementRef }, { token: i1$f.Platform }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8560
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceScrollbarDirective, isStandalone: false, selector: "[niceScrollbar]", inputs: { niceScrollbar: "niceScrollbar", niceScrollbarOptions: "niceScrollbarOptions" }, exportAs: ["niceScrollbar"], usesOnChanges: true, ngImport: i0 }); }
|
|
8545
8561
|
}
|
|
8546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarDirective, decorators: [{
|
|
8547
8563
|
type: Directive,
|
|
8548
8564
|
args: [{
|
|
8549
8565
|
selector: "[niceScrollbar]",
|
|
8550
8566
|
exportAs: "niceScrollbar",
|
|
8551
8567
|
standalone: false
|
|
8552
8568
|
}]
|
|
8553
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$
|
|
8569
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$f.Platform }, { type: i1$9.Router }], propDecorators: { niceScrollbar: [{
|
|
8554
8570
|
type: Input
|
|
8555
8571
|
}], niceScrollbarOptions: [{
|
|
8556
8572
|
type: Input
|
|
8557
8573
|
}] } });
|
|
8558
8574
|
|
|
8559
8575
|
class NiceScrollbarModule {
|
|
8560
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8561
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
8562
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
8576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8577
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarModule, declarations: [NiceScrollbarDirective], exports: [NiceScrollbarDirective] }); }
|
|
8578
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarModule }); }
|
|
8563
8579
|
}
|
|
8564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollbarModule, decorators: [{
|
|
8565
8581
|
type: NgModule,
|
|
8566
8582
|
args: [{
|
|
8567
8583
|
declarations: [
|
|
@@ -8583,10 +8599,10 @@ class NiceNavigationHintService {
|
|
|
8583
8599
|
setActiveHint(isActive) {
|
|
8584
8600
|
this.hasActiveHint$.next(isActive);
|
|
8585
8601
|
}
|
|
8586
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8587
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
8602
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationHintService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8603
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationHintService }); }
|
|
8588
8604
|
}
|
|
8589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationHintService, decorators: [{
|
|
8590
8606
|
type: Injectable
|
|
8591
8607
|
}] });
|
|
8592
8608
|
|
|
@@ -8752,16 +8768,16 @@ class NiceShowHintDirective {
|
|
|
8752
8768
|
this._elementRef.nativeElement.addEventListener(event, listener);
|
|
8753
8769
|
});
|
|
8754
8770
|
}
|
|
8755
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8756
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
8771
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShowHintDirective, deps: [{ token: i1$4.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i1$f.Platform }, { token: i2$2.FocusMonitor }, { token: NiceNavigationHintService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
8772
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceShowHintDirective, isStandalone: false, selector: "[niceShowHint]", inputs: { shouldShow: "shouldShow", item: "item" }, ngImport: i0 }); }
|
|
8757
8773
|
}
|
|
8758
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8774
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShowHintDirective, decorators: [{
|
|
8759
8775
|
type: Directive,
|
|
8760
8776
|
args: [{
|
|
8761
8777
|
selector: "[niceShowHint]",
|
|
8762
8778
|
standalone: false
|
|
8763
8779
|
}]
|
|
8764
|
-
}], ctorParameters: () => [{ type: i1$
|
|
8780
|
+
}], ctorParameters: () => [{ type: i1$4.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i1$f.Platform }, { type: i2$2.FocusMonitor }, { type: NiceNavigationHintService }], propDecorators: { shouldShow: [{
|
|
8765
8781
|
type: Input
|
|
8766
8782
|
}], item: [{
|
|
8767
8783
|
type: Input
|
|
@@ -8787,10 +8803,10 @@ class NiceShouldShowHintPipe {
|
|
|
8787
8803
|
}
|
|
8788
8804
|
return resolver.shouldShowHint();
|
|
8789
8805
|
}
|
|
8790
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8791
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
8806
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldShowHintPipe, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
8807
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldShowHintPipe, isStandalone: false, name: "niceShouldShowHint" }); }
|
|
8792
8808
|
}
|
|
8793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceShouldShowHintPipe, decorators: [{
|
|
8794
8810
|
type: Pipe,
|
|
8795
8811
|
args: [{
|
|
8796
8812
|
name: "niceShouldShowHint",
|
|
@@ -8842,13 +8858,13 @@ class NiceVerticalNavigationBasicItemComponent {
|
|
|
8842
8858
|
this._unsubscribeAll.next(null);
|
|
8843
8859
|
this._unsubscribeAll.complete();
|
|
8844
8860
|
}
|
|
8845
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8846
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
8861
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: i1$9.ActivatedRoute }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8862
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceVerticalNavigationBasicItemComponent, isStandalone: false, selector: "nice-vertical-navigation-basic-item", inputs: { item: "item", name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n matTooltipClass=\"nice-vertical-navigation-item-tooltips\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n <!-- Item with an internal link -->\n @if (item.link && !item.externalLink && !item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with an external link -->\n @if (item.link && item.externalLink && !item.function && !item.disabled) {\n <a class=\"nice-vertical-navigation-item\" [href]=\"item.link\">\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a function -->\n @if (!item.link && item.function && !item.disabled) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an internal link and function -->\n @if (item.link && !item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with an external link and function -->\n @if (item.link && item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [href]=\"item.link\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a no link and no function -->\n @if (!item.link && !item.function && !item.disabled) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item is disabled -->\n @if (item.disabled) {\n <div\n class=\"nice-vertical-navigation-item nice-vertical-navigation-item-disabled\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n @if ({ showHint: item | niceShouldShowHint | async }; as ctx) {\n <!-- Icon -->\n <div class=\"nice-vertical-navigation-item-icon-wrapper\">\n @if (itemActive$ | async) {\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.activeIcon || item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.activeIcon || item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.activeIcon || item.icon\"\n ></mat-icon>\n }\n } @else {\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n }\n @if (ctx.showHint && item.icon) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div\n class=\"nice-vertical-navigation-item-title\"\n niceShowHint\n [shouldShow]=\"ctx.showHint\"\n [item]=\"item\"\n >\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n @if (ctx.showHint) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n }\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$9.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NiceShowHintDirective, selector: "[niceShowHint]", inputs: ["shouldShow", "item"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldShowHintPipe, name: "niceShouldShowHint" }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8847
8863
|
}
|
|
8848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationBasicItemComponent, decorators: [{
|
|
8849
8865
|
type: Component,
|
|
8850
|
-
args: [{ selector: "nice-vertical-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n matTooltipClass=\"nice-vertical-navigation-item-tooltips\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n
|
|
8851
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: i1$
|
|
8866
|
+
args: [{ selector: "nice-vertical-navigation-basic-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n matTooltipClass=\"nice-vertical-navigation-item-tooltips\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n [matTooltip]=\"item.tooltip | niceTranslateWithContext\"\n [matTooltipDisabled]=\"!showTooltips\"\n [matTooltipPosition]=\"tooltipPosition\"\n>\n <!-- Item with an internal link -->\n @if (item.link && !item.externalLink && !item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n [queryParams]=\"item?.queryParams\"\n [state]=\"item?.state\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with an external link -->\n @if (item.link && item.externalLink && !item.function && !item.disabled) {\n <a class=\"nice-vertical-navigation-item\" [href]=\"item.link\">\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a function -->\n @if (!item.link && item.function && !item.disabled) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item with an internal link and function -->\n @if (item.link && !item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n [routerLink]=\"[item.link]\"\n [routerLinkActive]=\"'nice-vertical-navigation-item-active'\"\n [routerLinkActiveOptions]=\"{ exact: item.exactMatch || false }\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with an external link and function -->\n @if (item.link && item.externalLink && item.function && !item.disabled) {\n <a\n class=\"nice-vertical-navigation-item\"\n [href]=\"item.link\"\n (click)=\"item.function(item)\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </a>\n }\n\n <!-- Item with a no link and no function -->\n @if (!item.link && !item.function && !item.disabled) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n\n <!-- Item is disabled -->\n @if (item.disabled) {\n <div\n class=\"nice-vertical-navigation-item nice-vertical-navigation-item-disabled\"\n >\n <ng-container *ngTemplateOutlet=\"itemTemplate\"></ng-container>\n </div>\n }\n</div>\n\n<!-- Item template -->\n<ng-template #itemTemplate>\n @if ({ showHint: item | niceShouldShowHint | async }; as ctx) {\n <!-- Icon -->\n <div class=\"nice-vertical-navigation-item-icon-wrapper\">\n @if (itemActive$ | async) {\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.activeIcon || item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.activeIcon || item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.activeIcon || item.icon\"\n ></mat-icon>\n }\n } @else {\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n }\n @if (ctx.showHint && item.icon) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div\n class=\"nice-vertical-navigation-item-title\"\n niceShowHint\n [shouldShow]=\"ctx.showHint\"\n [item]=\"item\"\n >\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n @if (ctx.showHint) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n }\n</ng-template>\n" }]
|
|
8867
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: i1$9.ActivatedRoute }, { type: i1$9.Router }], propDecorators: { item: [{
|
|
8852
8868
|
type: Input
|
|
8853
8869
|
}], name: [{
|
|
8854
8870
|
type: Input
|
|
@@ -8890,10 +8906,10 @@ class NiceVerticalNavigationDividerItemComponent {
|
|
|
8890
8906
|
this._unsubscribeAll.next(null);
|
|
8891
8907
|
this._unsubscribeAll.complete();
|
|
8892
8908
|
}
|
|
8893
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8894
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8909
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8910
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceVerticalNavigationDividerItemComponent, isStandalone: false, selector: "nice-vertical-navigation-divider-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Divider -->\n<div\n class=\"nice-vertical-navigation-item-wrapper divider\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8895
8911
|
}
|
|
8896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationDividerItemComponent, decorators: [{
|
|
8897
8913
|
type: Component,
|
|
8898
8914
|
args: [{ selector: "nice-vertical-navigation-divider-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Divider -->\n<div\n class=\"nice-vertical-navigation-item-wrapper divider\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
|
|
8899
8915
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { item: [{
|
|
@@ -8934,10 +8950,10 @@ class NiceVerticalNavigationSpacerItemComponent {
|
|
|
8934
8950
|
this._unsubscribeAll.next(null);
|
|
8935
8951
|
this._unsubscribeAll.complete();
|
|
8936
8952
|
}
|
|
8937
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
8938
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
8953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8954
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: NiceVerticalNavigationSpacerItemComponent, isStandalone: false, selector: "nice-vertical-navigation-spacer-item", inputs: { item: "item", name: "name" }, ngImport: i0, template: "<!-- Spacer -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8939
8955
|
}
|
|
8940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationSpacerItemComponent, decorators: [{
|
|
8941
8957
|
type: Component,
|
|
8942
8958
|
args: [{ selector: "nice-vertical-navigation-spacer-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Spacer -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [ngClass]=\"item.classes?.wrapper\"\n></div>\n" }]
|
|
8943
8959
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { item: [{
|
|
@@ -9172,13 +9188,13 @@ class NiceVerticalNavigationCollapsableItemComponent {
|
|
|
9172
9188
|
trackByFn(index, item) {
|
|
9173
9189
|
return item.id || index;
|
|
9174
9190
|
}
|
|
9175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9176
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
9191
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$9.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9192
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceVerticalNavigationCollapsableItemComponent, isStandalone: false, selector: "nice-vertical-navigation-collapsable-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition" }, host: { properties: { "class": "this.classList" } }, ngImport: i0, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n @if (\n { showHint: item.children ?? [] | niceShouldShowHint | async };\n as ctx\n ) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-disabled': item.disabled,\n }\"\n [class.child-activated]=\"hasChildActivated$ | async\"\n (click)=\"toggleCollapsable()\"\n >\n <!-- Icon -->\n <div\n class=\"nice-vertical-navigation-item-icon-wrapper\"\n style=\"position: relative\"\n >\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n @if (ctx.showHint && item.icon) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n @if (ctx.showHint && isCollapsed) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n <!-- Arrow -->\n <mat-icon class=\"nice-vertical-navigation-item-arrow icon-size-4\"\n >chevron_right</mat-icon\n >\n </div>\n }\n</div>\n\n@if (!isCollapsed) {\n <div class=\"nice-vertical-navigation-item-children\" @expandCollapse>\n @for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n <!-- <nice-vertical-navigation-group-item\n *ngIf=\"item.type === 'group'\"\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-group-item>-->\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n }\n </div>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }, { kind: "pipe", type: NiceShouldShowHintPipe, name: "niceShouldShowHint" }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9177
9193
|
}
|
|
9178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationCollapsableItemComponent, decorators: [{
|
|
9179
9195
|
type: Component,
|
|
9180
|
-
args: [{ selector: "nice-vertical-navigation-collapsable-item", animations: niceAnimations, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div\n
|
|
9181
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$
|
|
9196
|
+
args: [{ selector: "nice-vertical-navigation-collapsable-item", animations: niceAnimations, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n @if (\n { showHint: item.children ?? [] | niceShouldShowHint | async };\n as ctx\n ) {\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-disabled': item.disabled,\n }\"\n [class.child-activated]=\"hasChildActivated$ | async\"\n (click)=\"toggleCollapsable()\"\n >\n <!-- Icon -->\n <div\n class=\"nice-vertical-navigation-item-icon-wrapper\"\n style=\"position: relative\"\n >\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n @if (item.icon && item.iconType == \"fontawesome\") {\n <i\n class=\"nice-vertical-navigation-item-icon fontawesome\"\n [ngClass]=\"item.icon\"\n ></i>\n }\n @if (item.icon && item.iconType == \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n @if (ctx.showHint && item.icon) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n @if (ctx.showHint && isCollapsed) {\n <div class=\"nice-vertical-navigation-hint\"></div>\n }\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n <!-- Arrow -->\n <mat-icon class=\"nice-vertical-navigation-item-arrow icon-size-4\"\n >chevron_right</mat-icon\n >\n </div>\n }\n</div>\n\n@if (!isCollapsed) {\n <div class=\"nice-vertical-navigation-item-children\" @expandCollapse>\n @for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n <!-- <nice-vertical-navigation-group-item\n *ngIf=\"item.type === 'group'\"\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-group-item>-->\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n }\n </div>\n}\n" }]
|
|
9197
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$9.Router }, { type: NiceNavigationService }], propDecorators: { autoCollapse: [{
|
|
9182
9198
|
type: Input
|
|
9183
9199
|
}], item: [{
|
|
9184
9200
|
type: Input
|
|
@@ -9236,12 +9252,12 @@ class NiceVerticalNavigationGroupItemComponent {
|
|
|
9236
9252
|
trackByFn(index, item) {
|
|
9237
9253
|
return item.id || index;
|
|
9238
9254
|
}
|
|
9239
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9240
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
9255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9256
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceVerticalNavigationGroupItemComponent, isStandalone: false, selector: "nice-vertical-navigation-group-item", inputs: { autoCollapse: "autoCollapse", item: "item", name: "name", showTooltips: "showTooltips", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div class=\"nice-vertical-navigation-item\">\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n @if (item.title || item.subtitle) {\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n }\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n</div>\n\n@for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9241
9257
|
}
|
|
9242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationGroupItemComponent, decorators: [{
|
|
9243
9259
|
type: Component,
|
|
9244
|
-
args: [{ selector: "nice-vertical-navigation-group-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div class=\"nice-vertical-navigation-item\">\n <!-- Icon -->\n <mat-icon\n
|
|
9260
|
+
args: [{ selector: "nice-vertical-navigation-group-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- Item wrapper -->\n<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div class=\"nice-vertical-navigation-item\">\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n @if (item.title || item.subtitle) {\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n }\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n</div>\n\n@for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n}\n" }]
|
|
9245
9261
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }], propDecorators: { autoCollapse: [{
|
|
9246
9262
|
type: Input
|
|
9247
9263
|
}], item: [{
|
|
@@ -9361,13 +9377,13 @@ class NiceVerticalNavigationAsideItemComponent {
|
|
|
9361
9377
|
trackByFn(index, item) {
|
|
9362
9378
|
return item.id || index;
|
|
9363
9379
|
}
|
|
9364
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9365
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
9380
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$9.Router }, { token: NiceNavigationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceVerticalNavigationAsideItemComponent, isStandalone: false, selector: "nice-vertical-navigation-aside-item", inputs: { activeItemId: "activeItemId", autoCollapse: "autoCollapse", item: "item", name: "name", showTooltips: "showTooltips", skipChildren: "skipChildren", tooltipPosition: "tooltipPosition" }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active': active,\n 'nice-vertical-navigation-item-disabled': item.disabled,\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n >\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n</div>\n\n@if (!skipChildren) {\n <div class=\"nice-vertical-navigation-item-children\">\n @for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n }\n </div>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }, { kind: "pipe", type: NiceTranslateWithContextPipe, name: "niceTranslateWithContext" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9366
9382
|
}
|
|
9367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationAsideItemComponent, decorators: [{
|
|
9368
9384
|
type: Component,
|
|
9369
|
-
args: [{ selector: "nice-vertical-navigation-aside-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active': active,\n 'nice-vertical-navigation-item-disabled': item.disabled,\n 'nice-vertical-navigation-item-active-forced': item.active
|
|
9370
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$
|
|
9385
|
+
args: [{ selector: "nice-vertical-navigation-aside-item", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n class=\"nice-vertical-navigation-item-wrapper\"\n [class.nice-vertical-navigation-item-has-subtitle]=\"!!item.subtitle\"\n [ngClass]=\"item.classes?.wrapper\"\n>\n <div\n class=\"nice-vertical-navigation-item\"\n [ngClass]=\"{\n 'nice-vertical-navigation-item-active': active,\n 'nice-vertical-navigation-item-disabled': item.disabled,\n 'nice-vertical-navigation-item-active-forced': item.active,\n }\"\n >\n <!-- Icon -->\n @if (item.icon && item.iconType === \"material\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n >\n {{ item.icon }}\n </mat-icon>\n }\n\n @if (item.icon && item.iconType == \"fontawesome\") {\n <span\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.icon\"\n ></span>\n }\n\n @if (item.icon && item.iconType === \"svg\") {\n <mat-icon\n class=\"nice-vertical-navigation-item-icon\"\n [ngClass]=\"item.classes?.icon\"\n [svgIcon]=\"item.icon\"\n ></mat-icon>\n }\n\n <!-- Title & Subtitle -->\n <div class=\"nice-vertical-navigation-item-title-wrapper\">\n <div class=\"nice-vertical-navigation-item-title\">\n <span [ngClass]=\"item.classes?.title\">\n {{ item.title | niceTranslateWithContext }}\n </span>\n </div>\n @if (item.subtitle) {\n <div class=\"nice-vertical-navigation-item-subtitle\">\n <span [ngClass]=\"item.classes?.subtitle\">\n {{ item.subtitle | niceTranslateWithContext }}\n </span>\n </div>\n }\n </div>\n\n <!-- Badge -->\n @if (item.badge) {\n <div class=\"nice-vertical-navigation-item-badge\">\n <div\n class=\"nice-vertical-navigation-item-badge-content\"\n [ngClass]=\"item.badge.classes\"\n >\n {{ item.badge.title | niceTranslateWithContext }}\n </div>\n </div>\n }\n </div>\n</div>\n\n@if (!skipChildren) {\n <div class=\"nice-vertical-navigation-item-children\">\n @for (item of item.children; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n }\n </div>\n}\n" }]
|
|
9386
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$9.Router }, { type: NiceNavigationService }], propDecorators: { activeItemId: [{
|
|
9371
9387
|
type: Input
|
|
9372
9388
|
}], autoCollapse: [{
|
|
9373
9389
|
type: Input
|
|
@@ -9887,13 +9903,13 @@ class NiceVerticalNavigationComponent extends NiceNavigationComponent {
|
|
|
9887
9903
|
// Execute the observable
|
|
9888
9904
|
this.openedChanged.next(open);
|
|
9889
9905
|
}
|
|
9890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9891
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
9906
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NiceNavigationService }, { token: NiceUtilsService }, { token: NiceTranslationContextService }, { token: i1$a.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1$9.Router }, { token: i1$4.ScrollStrategyOptions }, { token: NiceNavigationHintService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceVerticalNavigationComponent, isStandalone: false, selector: "nice-vertical-navigation", inputs: { name: "name", appearance: "appearance", autoCollapse: "autoCollapse", inner: "inner", mode: "mode", opened: "opened", hovered: "hovered", hasHint: "hasHint", position: "position", showTooltips: "showTooltips", transparentOverlay: "transparentOverlay", tooltipPosition: "tooltipPosition", translationContext: "translationContext", navigation: "navigation" }, outputs: { appearanceChanged: "appearanceChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", hoveredChanged: "hoveredChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "_onMouseenter()", "mouseleave": "_onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, providers: [NiceTranslationContextService], viewQueries: [{ propertyName: "_navigationContentEl", first: true, predicate: ["navigationContent"], descendants: true }, { propertyName: "niceScrollbarDirectives", predicate: NiceScrollbarDirective, descendants: true }], exportAs: ["niceVerticalNavigation"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"nice-vertical-navigation-wrapper\">\n <!-- Header -->\n <div class=\"nice-vertical-navigation-header\">\n <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n </div>\n\n <!-- Content -->\n <div\n class=\"nice-vertical-navigation-content\"\n niceScrollbar\n [niceScrollbarOptions]=\"{\n wheelPropagation: inner,\n suppressScrollX: true,\n }\"\n #navigationContent\n >\n <!-- Content header -->\n <div class=\"nice-vertical-navigation-content-header\">\n <ng-content\n select=\"[niceVerticalNavigationContentHeader]\"\n ></ng-content>\n </div>\n\n <!-- Items -->\n @for (item of navigation; track trackByFn($index, item)) {\n <div [@.disabled]=\"!animateNextNavChange\" @slideInRight>\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Aside -->\n @if (item.type === \"aside\") {\n <nice-vertical-navigation-aside-item\n [item]=\"item\"\n [name]=\"name\"\n [activeItemId]=\"activeAsideItemId\"\n [autoCollapse]=\"autoCollapse\"\n [skipChildren]=\"true\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n (click)=\"toggleAside(item)\"\n ></nice-vertical-navigation-aside-item>\n }\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n </div>\n }\n\n <!-- Content footer -->\n <div class=\"nice-vertical-navigation-content-footer\">\n <ng-content\n select=\"[niceVerticalNavigationContentFooter]\"\n ></ng-content>\n </div>\n </div>\n\n <!-- Footer -->\n <div class=\"nice-vertical-navigation-footer\">\n <ng-content select=\"[niceVerticalNavigationFooter]\"></ng-content>\n </div>\n</div>\n\n<!-- Aside -->\n@if (activeAsideItemId) {\n <div\n class=\"nice-vertical-navigation-aside-wrapper\"\n niceScrollbar\n [niceScrollbarOptions]=\"{\n wheelPropagation: false,\n suppressScrollX: true,\n }\"\n [@fadeInLeft]=\"position === 'left'\"\n [@fadeInRight]=\"position === 'right'\"\n [@fadeOutLeft]=\"position === 'left'\"\n [@fadeOutRight]=\"position === 'right'\"\n >\n <!-- Items -->\n @for (item of navigation; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Aside -->\n @if (item.type === \"aside\" && item.id === activeAsideItemId) {\n <nice-vertical-navigation-aside-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-aside-item>\n }\n }\n }\n </div>\n}\n", dependencies: [{ kind: "directive", type: NiceScrollbarDirective, selector: "[niceScrollbar]", inputs: ["niceScrollbar", "niceScrollbarOptions"], exportAs: ["niceScrollbar"] }, { kind: "component", type: NiceVerticalNavigationAsideItemComponent, selector: "nice-vertical-navigation-aside-item", inputs: ["activeItemId", "autoCollapse", "item", "name", "showTooltips", "skipChildren", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationBasicItemComponent, selector: "nice-vertical-navigation-basic-item", inputs: ["item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationCollapsableItemComponent, selector: "nice-vertical-navigation-collapsable-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationDividerItemComponent, selector: "nice-vertical-navigation-divider-item", inputs: ["item", "name"] }, { kind: "component", type: NiceVerticalNavigationGroupItemComponent, selector: "nice-vertical-navigation-group-item", inputs: ["autoCollapse", "item", "name", "showTooltips", "tooltipPosition"] }, { kind: "component", type: NiceVerticalNavigationSpacerItemComponent, selector: "nice-vertical-navigation-spacer-item", inputs: ["item", "name"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: NiceShouldHidePipe, name: "niceShouldHide" }], animations: niceAnimations, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
9892
9908
|
}
|
|
9893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
9909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceVerticalNavigationComponent, decorators: [{
|
|
9894
9910
|
type: Component,
|
|
9895
|
-
args: [{ selector: "nice-vertical-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NiceTranslationContextService], exportAs: "niceVerticalNavigation", standalone: false, template: "<div class=\"nice-vertical-navigation-wrapper\">\n <!-- Header -->\n <div class=\"nice-vertical-navigation-header\">\n <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n </div>\n\n <!-- Content -->\n <div\n class=\"nice-vertical-navigation-content\"\n niceScrollbar\n [niceScrollbarOptions]=\"{
|
|
9896
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: NiceTranslationContextService }, { type: i1$
|
|
9911
|
+
args: [{ selector: "nice-vertical-navigation", animations: niceAnimations, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NiceTranslationContextService], exportAs: "niceVerticalNavigation", standalone: false, template: "<div class=\"nice-vertical-navigation-wrapper\">\n <!-- Header -->\n <div class=\"nice-vertical-navigation-header\">\n <ng-content select=\"[niceVerticalNavigationHeader]\"></ng-content>\n </div>\n\n <!-- Content -->\n <div\n class=\"nice-vertical-navigation-content\"\n niceScrollbar\n [niceScrollbarOptions]=\"{\n wheelPropagation: inner,\n suppressScrollX: true,\n }\"\n #navigationContent\n >\n <!-- Content header -->\n <div class=\"nice-vertical-navigation-content-header\">\n <ng-content\n select=\"[niceVerticalNavigationContentHeader]\"\n ></ng-content>\n </div>\n\n <!-- Items -->\n @for (item of navigation; track trackByFn($index, item)) {\n <div [@.disabled]=\"!animateNextNavChange\" @slideInRight>\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Aside -->\n @if (item.type === \"aside\") {\n <nice-vertical-navigation-aside-item\n [item]=\"item\"\n [name]=\"name\"\n [activeItemId]=\"activeAsideItemId\"\n [autoCollapse]=\"autoCollapse\"\n [skipChildren]=\"true\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n (click)=\"toggleAside(item)\"\n ></nice-vertical-navigation-aside-item>\n }\n <!-- Basic -->\n @if (item.type === \"basic\") {\n <nice-vertical-navigation-basic-item\n [item]=\"item\"\n [name]=\"name\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-basic-item>\n }\n <!-- Collapsable -->\n @if (item.type === \"collapsable\") {\n <nice-vertical-navigation-collapsable-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-collapsable-item>\n }\n <!-- Divider -->\n @if (item.type === \"divider\") {\n <nice-vertical-navigation-divider-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-divider-item>\n }\n <!-- Group -->\n @if (item.type === \"group\") {\n <nice-vertical-navigation-group-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-group-item>\n }\n <!-- Spacer -->\n @if (item.type === \"spacer\") {\n <nice-vertical-navigation-spacer-item\n [item]=\"item\"\n [name]=\"name\"\n ></nice-vertical-navigation-spacer-item>\n }\n }\n </div>\n }\n\n <!-- Content footer -->\n <div class=\"nice-vertical-navigation-content-footer\">\n <ng-content\n select=\"[niceVerticalNavigationContentFooter]\"\n ></ng-content>\n </div>\n </div>\n\n <!-- Footer -->\n <div class=\"nice-vertical-navigation-footer\">\n <ng-content select=\"[niceVerticalNavigationFooter]\"></ng-content>\n </div>\n</div>\n\n<!-- Aside -->\n@if (activeAsideItemId) {\n <div\n class=\"nice-vertical-navigation-aside-wrapper\"\n niceScrollbar\n [niceScrollbarOptions]=\"{\n wheelPropagation: false,\n suppressScrollX: true,\n }\"\n [@fadeInLeft]=\"position === 'left'\"\n [@fadeInRight]=\"position === 'right'\"\n [@fadeOutLeft]=\"position === 'left'\"\n [@fadeOutRight]=\"position === 'right'\"\n >\n <!-- Items -->\n @for (item of navigation; track trackByFn($index, item)) {\n <!-- Skip the hidden items -->\n @if (!(item | niceShouldHide | async)) {\n <!-- Aside -->\n @if (item.type === \"aside\" && item.id === activeAsideItemId) {\n <nice-vertical-navigation-aside-item\n [item]=\"item\"\n [name]=\"name\"\n [autoCollapse]=\"autoCollapse\"\n [showTooltips]=\"showTooltips\"\n [tooltipPosition]=\"tooltipPosition\"\n ></nice-vertical-navigation-aside-item>\n }\n }\n }\n </div>\n}\n" }]
|
|
9912
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: NiceNavigationService }, { type: NiceUtilsService }, { type: NiceTranslationContextService }, { type: i1$a.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1$9.Router }, { type: i1$4.ScrollStrategyOptions }, { type: NiceNavigationHintService }], propDecorators: { name: [{
|
|
9897
9913
|
type: Input
|
|
9898
9914
|
}], appearance: [{
|
|
9899
9915
|
type: Input
|
|
@@ -9952,8 +9968,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
9952
9968
|
}] } });
|
|
9953
9969
|
|
|
9954
9970
|
class NiceNavigationModule {
|
|
9955
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9956
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
9971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9972
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationModule, declarations: [NiceNavigationComponent,
|
|
9957
9973
|
NiceHorizontalNavigationBasicItemComponent,
|
|
9958
9974
|
NiceHorizontalNavigationBranchItemComponent,
|
|
9959
9975
|
NiceHorizontalNavigationDividerItemComponent,
|
|
@@ -9979,7 +9995,7 @@ class NiceNavigationModule {
|
|
|
9979
9995
|
NiceScrollbarModule,
|
|
9980
9996
|
TranslateModule], exports: [NiceHorizontalNavigationComponent,
|
|
9981
9997
|
NiceVerticalNavigationComponent] }); }
|
|
9982
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
9998
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationModule, providers: [NiceNavigationHintService], imports: [CommonModule,
|
|
9983
9999
|
RouterModule,
|
|
9984
10000
|
MatButtonModule,
|
|
9985
10001
|
MatDividerModule,
|
|
@@ -9989,7 +10005,7 @@ class NiceNavigationModule {
|
|
|
9989
10005
|
NiceScrollbarModule,
|
|
9990
10006
|
TranslateModule] }); }
|
|
9991
10007
|
}
|
|
9992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceNavigationModule, decorators: [{
|
|
9993
10009
|
type: NgModule,
|
|
9994
10010
|
args: [{
|
|
9995
10011
|
imports: [
|
|
@@ -10077,16 +10093,16 @@ class NiceSearchBarComponent {
|
|
|
10077
10093
|
this.searchValue = "";
|
|
10078
10094
|
this.opened = false;
|
|
10079
10095
|
}
|
|
10080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10081
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10096
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10097
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceSearchBarComponent, isStandalone: false, selector: "nice-search-bar", inputs: { collapsed: "collapsed" }, outputs: { collapse: "collapse" }, host: { properties: { "class": "this.classList" } }, providers: [
|
|
10082
10098
|
{
|
|
10083
10099
|
provide: NG_VALUE_ACCESSOR,
|
|
10084
10100
|
useExisting: forwardRef(() => NiceSearchBarComponent),
|
|
10085
10101
|
multi: true
|
|
10086
10102
|
}
|
|
10087
|
-
], ngImport: i0, template: "<button mat-icon-button
|
|
10103
|
+
], ngImport: i0, template: "@if (!opened) {\n <button mat-icon-button (click)=\"open()\">\n <mat-icon [svgIcon]=\"'heroicons_outline:search'\"></mat-icon>\n </button>\n}\n\n@if (opened) {\n <div\n class=\"absolute inset-0 flex items-center flex-shrink-0 z-99 bg-default\"\n @slideInTop\n @slideOutTop\n >\n <mat-icon\n class=\"absolute ml-6 sm:ml-8\"\n [svgIcon]=\"'heroicons_outline:search'\"\n ></mat-icon>\n <input\n class=\"w-full h-full px-16 sm:px-18 bg-transparent\"\n [ngModel]=\"searchValue\"\n (ngModelChange)=\"onSearchChange($event)\"\n />\n <button\n class=\"absolute top-1/2 right-5 sm:right-7 flex-shrink-0 w-10 h-10 -mt-5\"\n mat-icon-button\n (click)=\"close()\"\n >\n <mat-icon [svgIcon]=\"'heroicons_outline:x'\"></mat-icon>\n </button>\n </div>\n}\n", dependencies: [{ kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], animations: niceAnimations }); }
|
|
10088
10104
|
}
|
|
10089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarComponent, decorators: [{
|
|
10090
10106
|
type: Component,
|
|
10091
10107
|
args: [{ selector: "nice-search-bar", providers: [
|
|
10092
10108
|
{
|
|
@@ -10094,7 +10110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
10094
10110
|
useExisting: forwardRef(() => NiceSearchBarComponent),
|
|
10095
10111
|
multi: true
|
|
10096
10112
|
}
|
|
10097
|
-
], animations: niceAnimations, standalone: false, template: "<button mat-icon-button
|
|
10113
|
+
], animations: niceAnimations, standalone: false, template: "@if (!opened) {\n <button mat-icon-button (click)=\"open()\">\n <mat-icon [svgIcon]=\"'heroicons_outline:search'\"></mat-icon>\n </button>\n}\n\n@if (opened) {\n <div\n class=\"absolute inset-0 flex items-center flex-shrink-0 z-99 bg-default\"\n @slideInTop\n @slideOutTop\n >\n <mat-icon\n class=\"absolute ml-6 sm:ml-8\"\n [svgIcon]=\"'heroicons_outline:search'\"\n ></mat-icon>\n <input\n class=\"w-full h-full px-16 sm:px-18 bg-transparent\"\n [ngModel]=\"searchValue\"\n (ngModelChange)=\"onSearchChange($event)\"\n />\n <button\n class=\"absolute top-1/2 right-5 sm:right-7 flex-shrink-0 w-10 h-10 -mt-5\"\n mat-icon-button\n (click)=\"close()\"\n >\n <mat-icon [svgIcon]=\"'heroicons_outline:x'\"></mat-icon>\n </button>\n </div>\n}\n" }]
|
|
10098
10114
|
}], propDecorators: { collapsed: [{
|
|
10099
10115
|
type: Input
|
|
10100
10116
|
}], collapse: [{
|
|
@@ -10105,19 +10121,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
10105
10121
|
}] } });
|
|
10106
10122
|
|
|
10107
10123
|
class NiceSearchBarModule {
|
|
10108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10109
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarModule, declarations: [NiceSearchBarComponent], imports: [CommonModule,
|
|
10110
10126
|
RouterModule,
|
|
10111
10127
|
MatButtonModule,
|
|
10112
10128
|
MatIconModule,
|
|
10113
10129
|
FormsModule], exports: [NiceSearchBarComponent] }); }
|
|
10114
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10130
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarModule, imports: [CommonModule,
|
|
10115
10131
|
RouterModule,
|
|
10116
10132
|
MatButtonModule,
|
|
10117
10133
|
MatIconModule,
|
|
10118
10134
|
FormsModule] }); }
|
|
10119
10135
|
}
|
|
10120
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSearchBarModule, decorators: [{
|
|
10121
10137
|
type: NgModule,
|
|
10122
10138
|
args: [{
|
|
10123
10139
|
declarations: [
|
|
@@ -10177,16 +10193,16 @@ class NiceSweetAlertComponent {
|
|
|
10177
10193
|
return "bg-light-blue-500";
|
|
10178
10194
|
}
|
|
10179
10195
|
}
|
|
10180
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10196
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$g.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10197
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceSweetAlertComponent, isStandalone: false, selector: "nice-alert", ngImport: i0, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n <nice-lottie\n [options]=\"lottieConfig\"\n [width]=\"250\"\n (animCreated)=\"handleAnimation($event)\"\n ></nice-lottie>\n <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n @for (button of alertConfig.buttons; track button; let i = $index) {\n @if (i === 0) {\n <button\n mat-raised-button\n class=\"mr-4\"\n [ngClass]=\"getConfirmButtonClass()\"\n (click)=\"confirm()\"\n >\n {{ button }}\n </button>\n }\n @if (i !== 0) {\n <button mat-button (click)=\"close()\">{{ button }}</button>\n }\n }\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$g.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$g.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: NiceLottieComponent, selector: "nice-lottie", inputs: ["options", "width", "height"], outputs: ["animCreated"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10182
10198
|
}
|
|
10183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertComponent, decorators: [{
|
|
10184
10200
|
type: Component,
|
|
10185
|
-
args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, standalone: false, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n <nice-lottie\n [options]=\"lottieConfig\"\n [width]=\"250\"\n (animCreated)=\"handleAnimation($event)\"\n ></nice-lottie>\n <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n
|
|
10201
|
+
args: [{ selector: "nice-alert", encapsulation: ViewEncapsulation.None, standalone: false, template: "<mat-dialog-content class=\"mat-typography mb-12 text-center\">\n <nice-lottie\n [options]=\"lottieConfig\"\n [width]=\"250\"\n (animCreated)=\"handleAnimation($event)\"\n ></nice-lottie>\n <h2 class=\"mt-8\">{{ alertConfig?.title }}</h2>\n <span [innerHTML]=\"alertConfig?.message\"></span>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n @for (button of alertConfig.buttons; track button; let i = $index) {\n @if (i === 0) {\n <button\n mat-raised-button\n class=\"mr-4\"\n [ngClass]=\"getConfirmButtonClass()\"\n (click)=\"confirm()\"\n >\n {{ button }}\n </button>\n }\n @if (i !== 0) {\n <button mat-button (click)=\"close()\">{{ button }}</button>\n }\n }\n</mat-dialog-actions>\n", styles: [".nice-alert-modal{width:500px}\n"] }]
|
|
10186
10202
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
10187
10203
|
type: Inject,
|
|
10188
10204
|
args: [MAT_DIALOG_DATA]
|
|
10189
|
-
}] }, { type: i1$
|
|
10205
|
+
}] }, { type: i1$g.MatDialogRef }] });
|
|
10190
10206
|
|
|
10191
10207
|
const NICE_ALERT_OPTIONS = new InjectionToken("nice_alert_options");
|
|
10192
10208
|
|
|
@@ -10264,17 +10280,17 @@ class NiceSweetAlertService {
|
|
|
10264
10280
|
params.params
|
|
10265
10281
|
];
|
|
10266
10282
|
}
|
|
10267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10268
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
10283
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertService, deps: [{ token: NICE_ALERT_OPTIONS, optional: true }, { token: i1$g.MatDialog }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
10284
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertService }); }
|
|
10269
10285
|
}
|
|
10270
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertService, decorators: [{
|
|
10271
10287
|
type: Injectable
|
|
10272
10288
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
10273
10289
|
type: Optional
|
|
10274
10290
|
}, {
|
|
10275
10291
|
type: Inject,
|
|
10276
10292
|
args: [NICE_ALERT_OPTIONS]
|
|
10277
|
-
}] }, { type: i1$
|
|
10293
|
+
}] }, { type: i1$g.MatDialog }, { type: i1.TranslateService }] });
|
|
10278
10294
|
|
|
10279
10295
|
class NiceSweetAlertDirective {
|
|
10280
10296
|
constructor(service) {
|
|
@@ -10292,10 +10308,10 @@ class NiceSweetAlertDirective {
|
|
|
10292
10308
|
this.service.info(this.sweetAlertOptions).subscribe(x => this.sweetAlertAfterClosed.emit(x));
|
|
10293
10309
|
}
|
|
10294
10310
|
}
|
|
10295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10296
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
10311
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertDirective, deps: [{ token: NiceSweetAlertService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10312
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceSweetAlertDirective, isStandalone: false, selector: "[niceSweetAlert]", inputs: { sweetAlertType: "sweetAlertType", sweetAlertOptions: "sweetAlertOptions" }, outputs: { sweetAlertAfterClosed: "sweetAlertAfterClosed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
|
|
10297
10313
|
}
|
|
10298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertDirective, decorators: [{
|
|
10299
10315
|
type: Directive,
|
|
10300
10316
|
args: [{
|
|
10301
10317
|
selector: "[niceSweetAlert]",
|
|
@@ -10324,11 +10340,11 @@ class NiceSweetAlertModule {
|
|
|
10324
10340
|
]
|
|
10325
10341
|
};
|
|
10326
10342
|
}
|
|
10327
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10328
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10329
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10344
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertModule, declarations: [NiceSweetAlertComponent, NiceSweetAlertDirective], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule], exports: [NiceSweetAlertDirective] }); }
|
|
10345
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertModule, providers: [NiceSweetAlertService], imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule] }); }
|
|
10330
10346
|
}
|
|
10331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceSweetAlertModule, decorators: [{
|
|
10332
10348
|
type: NgModule,
|
|
10333
10349
|
args: [{
|
|
10334
10350
|
imports: [CommonModule, TranslateModule, MatDialogModule, MatButtonModule, NiceLottieModule],
|
|
@@ -10346,16 +10362,16 @@ class NiceToastComponent {
|
|
|
10346
10362
|
dismiss() {
|
|
10347
10363
|
this.snackbarRef.dismiss();
|
|
10348
10364
|
}
|
|
10349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10350
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10365
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$e.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10366
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceToastComponent, isStandalone: false, selector: "nice-toast", ngImport: i0, template: "<nice-alert\n disableAnimation\n [type]=\"data.type\"\n [appearance]=\"data.appearance || 'outline'\"\n (click)=\"dismiss()\"\n>\n @if (data.title) {\n <span niceAlertTitle>{{ data.title }}</span>\n }\n @if (data.message) {\n <span [innerHtml]=\"data.message\"></span>\n }\n</nice-alert>\n", styles: [".message-box .mdc-snackbar__surface{background-color:transparent!important;box-shadow:none!important}\n"], dependencies: [{ kind: "component", type: NiceAlertComponent, selector: "nice-alert", inputs: ["appearance", "dismissed", "dismissible", "disableAnimation", "name", "showIcon", "type", "color"], outputs: ["dismissedChanged"], exportAs: ["niceAlert"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10351
10367
|
}
|
|
10352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastComponent, decorators: [{
|
|
10353
10369
|
type: Component,
|
|
10354
|
-
args: [{ selector: "nice-toast", encapsulation: ViewEncapsulation.None, standalone: false, template: "<nice-alert
|
|
10370
|
+
args: [{ selector: "nice-toast", encapsulation: ViewEncapsulation.None, standalone: false, template: "<nice-alert\n disableAnimation\n [type]=\"data.type\"\n [appearance]=\"data.appearance || 'outline'\"\n (click)=\"dismiss()\"\n>\n @if (data.title) {\n <span niceAlertTitle>{{ data.title }}</span>\n }\n @if (data.message) {\n <span [innerHtml]=\"data.message\"></span>\n }\n</nice-alert>\n", styles: [".message-box .mdc-snackbar__surface{background-color:transparent!important;box-shadow:none!important}\n"] }]
|
|
10355
10371
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
10356
10372
|
type: Inject,
|
|
10357
10373
|
args: [MAT_SNACK_BAR_DATA]
|
|
10358
|
-
}] }, { type: i1$
|
|
10374
|
+
}] }, { type: i1$e.MatSnackBarRef }] });
|
|
10359
10375
|
|
|
10360
10376
|
const NICE_TOAST_OPTIONS = new InjectionToken("nice_toast_options");
|
|
10361
10377
|
|
|
@@ -10405,16 +10421,16 @@ class NiceToastService {
|
|
|
10405
10421
|
return ["", ""];
|
|
10406
10422
|
}
|
|
10407
10423
|
}
|
|
10408
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10409
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
10424
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastService, deps: [{ token: NICE_TOAST_OPTIONS }, { token: i1$e.MatSnackBar }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
10425
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastService, providedIn: "any" }); }
|
|
10410
10426
|
}
|
|
10411
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastService, decorators: [{
|
|
10412
10428
|
type: Injectable,
|
|
10413
10429
|
args: [{ providedIn: "any" }]
|
|
10414
10430
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
10415
10431
|
type: Inject,
|
|
10416
10432
|
args: [NICE_TOAST_OPTIONS]
|
|
10417
|
-
}] }, { type: i1$
|
|
10433
|
+
}] }, { type: i1$e.MatSnackBar }, { type: i1.TranslateService }] });
|
|
10418
10434
|
|
|
10419
10435
|
const defaultOptions = {
|
|
10420
10436
|
duration: 3000,
|
|
@@ -10452,11 +10468,11 @@ class NiceToastModule {
|
|
|
10452
10468
|
]
|
|
10453
10469
|
};
|
|
10454
10470
|
}
|
|
10455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10456
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10457
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10471
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10472
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceToastModule, declarations: [NiceToastComponent], imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] }); }
|
|
10473
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastModule, imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule] }); }
|
|
10458
10474
|
}
|
|
10459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToastModule, decorators: [{
|
|
10460
10476
|
type: NgModule,
|
|
10461
10477
|
args: [{
|
|
10462
10478
|
imports: [CommonModule, MatSnackBarModule, TranslateModule, NiceAlertModule],
|
|
@@ -10511,10 +10527,10 @@ function transformOptions(options, type) {
|
|
|
10511
10527
|
}
|
|
10512
10528
|
|
|
10513
10529
|
class ToggleButtonComponent {
|
|
10514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10530
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10531
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: ToggleButtonComponent, isStandalone: false, selector: "nice-toggle-button", inputs: { value: "value" }, viewQueries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
|
|
10516
10532
|
}
|
|
10517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToggleButtonComponent, decorators: [{
|
|
10518
10534
|
type: Component,
|
|
10519
10535
|
args: [{
|
|
10520
10536
|
selector: "nice-toggle-button",
|
|
@@ -10622,16 +10638,16 @@ class ToggleButtonGroupComponent {
|
|
|
10622
10638
|
}
|
|
10623
10639
|
return this.selected.includes(values[index + 1]);
|
|
10624
10640
|
}
|
|
10625
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10626
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10641
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToggleButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10642
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: ToggleButtonGroupComponent, isStandalone: false, selector: "nice-toggle-button-group", inputs: { selected: "selected", color: "color", multiple: "multiple" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "blur": "onBlur()" } }, providers: [
|
|
10627
10643
|
{
|
|
10628
10644
|
provide: NG_VALUE_ACCESSOR,
|
|
10629
10645
|
useExisting: forwardRef(() => ToggleButtonGroupComponent),
|
|
10630
10646
|
multi: true
|
|
10631
10647
|
}
|
|
10632
|
-
], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-button-group-wrapper\">\n <div class=\"toggle-button-group flex flex-row items-center\">\n <div\n class=\"toggle-button\"\n [ngClass]=\"conditionalColorObj(btn.value)\"\n
|
|
10648
|
+
], queries: [{ propertyName: "toggleButtons", predicate: ToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-button-group-wrapper\">\n <div class=\"toggle-button-group flex flex-row items-center\">\n @for (btn of toggleButtons; track btn) {\n <div\n class=\"toggle-button\"\n [ngClass]=\"conditionalColorObj(btn.value)\"\n >\n <div\n matRipple\n class=\"toggle-button-inner flex place-content-center items-center\"\n (click)=\"onSelect(btn.value)\"\n >\n <ng-container\n *ngTemplateOutlet=\"btn.content\"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:54px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10633
10649
|
}
|
|
10634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ToggleButtonGroupComponent, decorators: [{
|
|
10635
10651
|
type: Component,
|
|
10636
10652
|
args: [{ selector: "nice-toggle-button-group", encapsulation: ViewEncapsulation.None, providers: [
|
|
10637
10653
|
{
|
|
@@ -10639,7 +10655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
10639
10655
|
useExisting: forwardRef(() => ToggleButtonGroupComponent),
|
|
10640
10656
|
multi: true
|
|
10641
10657
|
}
|
|
10642
|
-
], standalone: false, template: "<div class=\"toggle-button-group-wrapper\">\n <div class=\"toggle-button-group flex flex-row items-center\">\n <div\n class=\"toggle-button\"\n [ngClass]=\"conditionalColorObj(btn.value)\"\n
|
|
10658
|
+
], standalone: false, template: "<div class=\"toggle-button-group-wrapper\">\n <div class=\"toggle-button-group flex flex-row items-center\">\n @for (btn of toggleButtons; track btn) {\n <div\n class=\"toggle-button\"\n [ngClass]=\"conditionalColorObj(btn.value)\"\n >\n <div\n matRipple\n class=\"toggle-button-inner flex place-content-center items-center\"\n (click)=\"onSelect(btn.value)\"\n >\n <ng-container\n *ngTemplateOutlet=\"btn.content\"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["nice-toggle-button-group{overflow-x:scroll;height:54px}nice-toggle-button-group .toggle-button-group-wrapper{position:relative}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group{place-content:center flex-start;position:absolute;width:max-content;-webkit-user-select:none;user-select:none;height:44px;border-radius:12px;cursor:pointer}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button{border-radius:12px;width:100px;min-width:100px;height:44px;overflow:hidden}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button .toggle-button-inner{border-radius:12px;min-height:100%;max-height:100%;height:100%;width:100%;overflow:hidden;text-overflow:ellipsis}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.left-selected{border-top-left-radius:0!important;border-bottom-left-radius:0!important}nice-toggle-button-group .toggle-button-group-wrapper .toggle-button-group .toggle-button.right-selected{border-top-right-radius:0!important;border-bottom-right-radius:0!important}\n"] }]
|
|
10643
10659
|
}], propDecorators: { toggleButtons: [{
|
|
10644
10660
|
type: ContentChildren,
|
|
10645
10661
|
args: [ToggleButtonComponent]
|
|
@@ -10657,13 +10673,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
10657
10673
|
}] } });
|
|
10658
10674
|
|
|
10659
10675
|
class NiceToggleButtonGroupModule {
|
|
10660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10661
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
10676
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToggleButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10677
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceToggleButtonGroupModule, declarations: [ToggleButtonComponent, ToggleButtonGroupComponent], imports: [CommonModule,
|
|
10662
10678
|
MatRippleModule], exports: [ToggleButtonComponent, ToggleButtonGroupComponent] }); }
|
|
10663
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
10679
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToggleButtonGroupModule, imports: [CommonModule,
|
|
10664
10680
|
MatRippleModule] }); }
|
|
10665
10681
|
}
|
|
10666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceToggleButtonGroupModule, decorators: [{
|
|
10667
10683
|
type: NgModule,
|
|
10668
10684
|
args: [{
|
|
10669
10685
|
imports: [
|
|
@@ -10721,10 +10737,10 @@ class NiceTranslationFormService {
|
|
|
10721
10737
|
this._requiredLanguages$.next(languages);
|
|
10722
10738
|
}
|
|
10723
10739
|
}
|
|
10724
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10725
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
10740
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
10741
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormService, providedIn: "root" }); }
|
|
10726
10742
|
}
|
|
10727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormService, decorators: [{
|
|
10728
10744
|
type: Injectable,
|
|
10729
10745
|
args: [{
|
|
10730
10746
|
providedIn: "root",
|
|
@@ -10763,10 +10779,10 @@ class TranslationContextDirective {
|
|
|
10763
10779
|
}
|
|
10764
10780
|
this.activeLanguage$.next(this.translationFormService.languages[0]);
|
|
10765
10781
|
}
|
|
10766
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10767
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
10782
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationContextDirective, deps: [{ token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10783
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: TranslationContextDirective, isStandalone: false, selector: "[niceTranslationContext]", outputs: { activeLanguageChange: "activeLanguageChange" }, ngImport: i0 }); }
|
|
10768
10784
|
}
|
|
10769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationContextDirective, decorators: [{
|
|
10770
10786
|
type: Directive,
|
|
10771
10787
|
args: [{
|
|
10772
10788
|
selector: "[niceTranslationContext]",
|
|
@@ -10786,12 +10802,12 @@ class TranslationToggleComponent {
|
|
|
10786
10802
|
onChange($event) {
|
|
10787
10803
|
this.context.updateLanguage($event.value);
|
|
10788
10804
|
}
|
|
10789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10790
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10805
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationToggleComponent, deps: [{ token: TranslationContextDirective }, { token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10806
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: TranslationToggleComponent, isStandalone: false, selector: "nice-translation-toggle", ngImport: i0, template: "@if ((languages$ | async)?.length > 1) {\n <mat-button-toggle-group\n (change)=\"onChange($event)\"\n [value]=\"activeLanguage$ | async\"\n >\n @for (language of languages$ | async; track language) {\n <mat-button-toggle [value]=\"language\">\n {{ language | uppercase }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n}\n", dependencies: [{ kind: "directive", type: i3$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }] }); }
|
|
10791
10807
|
}
|
|
10792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationToggleComponent, decorators: [{
|
|
10793
10809
|
type: Component,
|
|
10794
|
-
args: [{ selector: "nice-translation-toggle", standalone: false, template: "
|
|
10810
|
+
args: [{ selector: "nice-translation-toggle", standalone: false, template: "@if ((languages$ | async)?.length > 1) {\n <mat-button-toggle-group\n (change)=\"onChange($event)\"\n [value]=\"activeLanguage$ | async\"\n >\n @for (language of languages$ | async; track language) {\n <mat-button-toggle [value]=\"language\">\n {{ language | uppercase }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n}\n" }]
|
|
10795
10811
|
}], ctorParameters: () => [{ type: TranslationContextDirective }, { type: NiceTranslationFormService }] });
|
|
10796
10812
|
|
|
10797
10813
|
class TranslationFormComponent {
|
|
@@ -10858,6 +10874,7 @@ class TranslationFormComponent {
|
|
|
10858
10874
|
this.id = uuid.v4();
|
|
10859
10875
|
this.describedBy = "";
|
|
10860
10876
|
this.stateChanges = new Subject();
|
|
10877
|
+
this.focused = false;
|
|
10861
10878
|
this.controlType = "translationForm";
|
|
10862
10879
|
this._unsubscribeAll$ = new Subject();
|
|
10863
10880
|
this._disabled = false;
|
|
@@ -10894,6 +10911,10 @@ class TranslationFormComponent {
|
|
|
10894
10911
|
this._unsubscribeAll$.next();
|
|
10895
10912
|
this._unsubscribeAll$.complete();
|
|
10896
10913
|
}
|
|
10914
|
+
onFocusChange(focus) {
|
|
10915
|
+
this.focused = focus;
|
|
10916
|
+
this.stateChanges.next();
|
|
10917
|
+
}
|
|
10897
10918
|
setLanguage(language) {
|
|
10898
10919
|
this.currentControl = this.formGroup.get(language);
|
|
10899
10920
|
this.handleDisabledState();
|
|
@@ -10922,10 +10943,10 @@ class TranslationFormComponent {
|
|
|
10922
10943
|
this.currentControl?.enable({ emitEvent: false });
|
|
10923
10944
|
}
|
|
10924
10945
|
}
|
|
10925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
10946
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormComponent, deps: [{ token: i1$1.ControlContainer }, { token: TranslationContextDirective }, { token: NiceTranslationFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10947
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.5", type: TranslationFormComponent, isStandalone: false, selector: "ng-component", inputs: { required: "required", disabled: "disabled", placeholder: "placeholder", floating: "floating", maxLength: "maxLength" }, host: { properties: { "class": "this.classList", "class.floating": "this.shouldLabelFloat", "id": "this.id", "attr.aria-describedby": "this.describedBy" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10927
10948
|
}
|
|
10928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10949
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormComponent, decorators: [{
|
|
10929
10950
|
type: Component,
|
|
10930
10951
|
args: [{
|
|
10931
10952
|
template: ``,
|
|
@@ -10962,22 +10983,22 @@ class TranslationFormTextareaComponent extends TranslationFormComponent {
|
|
|
10962
10983
|
this.rows = 2;
|
|
10963
10984
|
this.cols = 20;
|
|
10964
10985
|
}
|
|
10965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10986
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10987
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: TranslationFormTextareaComponent, isStandalone: false, selector: "nice-translation-form-textarea", inputs: { resizable: "resizable", rows: "rows", cols: "cols" }, providers: [
|
|
10967
10988
|
{
|
|
10968
10989
|
provide: MatFormFieldControl,
|
|
10969
10990
|
useExisting: TranslationFormTextareaComponent,
|
|
10970
10991
|
},
|
|
10971
|
-
], usesInheritance: true, ngImport: i0, template: "
|
|
10992
|
+
], usesInheritance: true, ngImport: i0, template: "@if (currentControl) {\n <textarea\n matInput\n [formControl]=\"currentControl\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"maxLength\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [class.resize-none]=\"!resizable\"\n (focus)=\"onFocusChange(true)\"\n (blur)=\"onFocusChange(false)\"\n ></textarea>\n}\n", dependencies: [{ kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10972
10993
|
}
|
|
10973
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
10994
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormTextareaComponent, decorators: [{
|
|
10974
10995
|
type: Component,
|
|
10975
10996
|
args: [{ selector: "nice-translation-form-textarea", changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
10976
10997
|
{
|
|
10977
10998
|
provide: MatFormFieldControl,
|
|
10978
10999
|
useExisting: TranslationFormTextareaComponent,
|
|
10979
11000
|
},
|
|
10980
|
-
], standalone: false, template: "
|
|
11001
|
+
], standalone: false, template: "@if (currentControl) {\n <textarea\n matInput\n [formControl]=\"currentControl\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"maxLength\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [class.resize-none]=\"!resizable\"\n (focus)=\"onFocusChange(true)\"\n (blur)=\"onFocusChange(false)\"\n ></textarea>\n}\n" }]
|
|
10981
11002
|
}], propDecorators: { resizable: [{
|
|
10982
11003
|
type: Input
|
|
10983
11004
|
}], rows: [{
|
|
@@ -10987,22 +11008,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
10987
11008
|
}] } });
|
|
10988
11009
|
|
|
10989
11010
|
class TranslationFormTextfieldComponent extends TranslationFormComponent {
|
|
10990
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
11011
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormTextfieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11012
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: TranslationFormTextfieldComponent, isStandalone: false, selector: "nice-translation-form-textfield", providers: [
|
|
10992
11013
|
{
|
|
10993
11014
|
provide: MatFormFieldControl,
|
|
10994
11015
|
useExisting: TranslationFormTextfieldComponent,
|
|
10995
11016
|
},
|
|
10996
|
-
], usesInheritance: true, ngImport: i0, template: "<input\n
|
|
11017
|
+
], usesInheritance: true, ngImport: i0, template: "@if (currentControl) {\n <input\n matInput\n [formControl]=\"currentControl\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"maxLength\"\n (focus)=\"onFocusChange(true)\"\n (blur)=\"onFocusChange(false)\"\n />\n}\n", dependencies: [{ kind: "directive", type: i1$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10997
11018
|
}
|
|
10998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: TranslationFormTextfieldComponent, decorators: [{
|
|
10999
11020
|
type: Component,
|
|
11000
11021
|
args: [{ selector: "nice-translation-form-textfield", changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
11001
11022
|
{
|
|
11002
11023
|
provide: MatFormFieldControl,
|
|
11003
11024
|
useExisting: TranslationFormTextfieldComponent,
|
|
11004
11025
|
},
|
|
11005
|
-
], standalone: false, template: "<input\n
|
|
11026
|
+
], standalone: false, template: "@if (currentControl) {\n <input\n matInput\n [formControl]=\"currentControl\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"maxLength\"\n (focus)=\"onFocusChange(true)\"\n (blur)=\"onFocusChange(false)\"\n />\n}\n" }]
|
|
11006
11027
|
}] });
|
|
11007
11028
|
|
|
11008
11029
|
function RequireForLanguages() {
|
|
@@ -11035,10 +11056,10 @@ class RequireForLanguagesValidator extends AsyncValidator {
|
|
|
11035
11056
|
return null;
|
|
11036
11057
|
}));
|
|
11037
11058
|
}
|
|
11038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11039
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
11059
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RequireForLanguagesValidator, deps: [{ token: NiceTranslationFormService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
11060
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RequireForLanguagesValidator }); }
|
|
11040
11061
|
}
|
|
11041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11062
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RequireForLanguagesValidator, decorators: [{
|
|
11042
11063
|
type: Injectable
|
|
11043
11064
|
}], ctorParameters: () => [{ type: NiceTranslationFormService }] });
|
|
11044
11065
|
|
|
@@ -11055,8 +11076,8 @@ class NiceTranslationFormModule {
|
|
|
11055
11076
|
]
|
|
11056
11077
|
};
|
|
11057
11078
|
}
|
|
11058
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11059
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11079
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11080
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormModule, declarations: [TranslationFormTextfieldComponent,
|
|
11060
11081
|
TranslationFormTextareaComponent,
|
|
11061
11082
|
TranslationToggleComponent,
|
|
11062
11083
|
TranslationContextDirective], imports: [MatButtonToggleModule,
|
|
@@ -11069,11 +11090,11 @@ class NiceTranslationFormModule {
|
|
|
11069
11090
|
TranslationFormTextareaComponent,
|
|
11070
11091
|
TranslationToggleComponent,
|
|
11071
11092
|
TranslationContextDirective] }); }
|
|
11072
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11093
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormModule, imports: [MatButtonToggleModule,
|
|
11073
11094
|
MatInputModule,
|
|
11074
11095
|
ReactiveFormsModule] }); }
|
|
11075
11096
|
}
|
|
11076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11097
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceTranslationFormModule, decorators: [{
|
|
11077
11098
|
type: NgModule,
|
|
11078
11099
|
args: [{
|
|
11079
11100
|
imports: [
|
|
@@ -11117,10 +11138,10 @@ class NiceAutofocusDirective {
|
|
|
11117
11138
|
ngOnInit() {
|
|
11118
11139
|
this.elem.nativeElement.focus?.();
|
|
11119
11140
|
}
|
|
11120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11121
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11141
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11142
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceAutofocusDirective, isStandalone: false, selector: "[niceAutofocus]", ngImport: i0 }); }
|
|
11122
11143
|
}
|
|
11123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirective, decorators: [{
|
|
11124
11145
|
type: Directive,
|
|
11125
11146
|
args: [{
|
|
11126
11147
|
selector: "[niceAutofocus]",
|
|
@@ -11129,11 +11150,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11129
11150
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
11130
11151
|
|
|
11131
11152
|
class NiceAutofocusDirectiveModule {
|
|
11132
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11133
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11134
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11154
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirectiveModule, declarations: [NiceAutofocusDirective], exports: [NiceAutofocusDirective] }); }
|
|
11155
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirectiveModule }); }
|
|
11135
11156
|
}
|
|
11136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutofocusDirectiveModule, decorators: [{
|
|
11137
11158
|
type: NgModule,
|
|
11138
11159
|
args: [{
|
|
11139
11160
|
declarations: [NiceAutofocusDirective],
|
|
@@ -11217,10 +11238,10 @@ class NiceAutogrowDirective {
|
|
|
11217
11238
|
});
|
|
11218
11239
|
});
|
|
11219
11240
|
}
|
|
11220
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11221
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11242
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceAutogrowDirective, isStandalone: false, selector: "textarea[niceAutogrow]", inputs: { padding: ["niceAutogrowVerticalPadding", "padding"] }, host: { listeners: { "input": "_resize()", "ngModelChange": "_resize()" }, properties: { "rows": "this._rows", "style": "this.styleList" } }, exportAs: ["niceAutogrow"], usesOnChanges: true, ngImport: i0 }); }
|
|
11222
11243
|
}
|
|
11223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowDirective, decorators: [{
|
|
11224
11245
|
type: Directive,
|
|
11225
11246
|
args: [{
|
|
11226
11247
|
selector: "textarea[niceAutogrow]",
|
|
@@ -11245,11 +11266,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11245
11266
|
}] } });
|
|
11246
11267
|
|
|
11247
11268
|
class NiceAutogrowModule {
|
|
11248
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11249
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11250
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11270
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowModule, declarations: [NiceAutogrowDirective], exports: [NiceAutogrowDirective] }); }
|
|
11271
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowModule }); }
|
|
11251
11272
|
}
|
|
11252
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11273
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceAutogrowModule, decorators: [{
|
|
11253
11274
|
type: NgModule,
|
|
11254
11275
|
args: [{
|
|
11255
11276
|
declarations: [
|
|
@@ -11281,10 +11302,10 @@ class NiceChipAsyncTypeaheadDirective {
|
|
|
11281
11302
|
this.unsubscribeAll$.next(null);
|
|
11282
11303
|
this.unsubscribeAll$.complete();
|
|
11283
11304
|
}
|
|
11284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11285
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadDirective, deps: [{ token: NiceAsyncTypeaheadComponent }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11306
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceChipAsyncTypeaheadDirective, isStandalone: false, selector: "[niceChipAsyncTypeahead]", outputs: { niceChipAsyncTypeaheadTokenEnd: "niceChipAsyncTypeaheadTokenEnd" }, exportAs: ["niceChipAsyncTypeahead"], ngImport: i0 }); }
|
|
11286
11307
|
}
|
|
11287
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadDirective, decorators: [{
|
|
11288
11309
|
type: Directive,
|
|
11289
11310
|
args: [{
|
|
11290
11311
|
selector: "[niceChipAsyncTypeahead]",
|
|
@@ -11296,11 +11317,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11296
11317
|
}] } });
|
|
11297
11318
|
|
|
11298
11319
|
class NiceChipAsyncTypeaheadModule {
|
|
11299
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11300
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11301
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11320
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11321
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadModule, declarations: [NiceChipAsyncTypeaheadDirective], exports: [NiceChipAsyncTypeaheadDirective] }); }
|
|
11322
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadModule }); }
|
|
11302
11323
|
}
|
|
11303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipAsyncTypeaheadModule, decorators: [{
|
|
11304
11325
|
type: NgModule,
|
|
11305
11326
|
args: [{
|
|
11306
11327
|
declarations: [NiceChipAsyncTypeaheadDirective],
|
|
@@ -11312,10 +11333,10 @@ class ChipListItemLabelDirective {
|
|
|
11312
11333
|
constructor(template) {
|
|
11313
11334
|
this.template = template;
|
|
11314
11335
|
}
|
|
11315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11316
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11336
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ChipListItemLabelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11337
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: ChipListItemLabelDirective, isStandalone: false, selector: "[niceChipListItemLabel]", ngImport: i0 }); }
|
|
11317
11338
|
}
|
|
11318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ChipListItemLabelDirective, decorators: [{
|
|
11319
11340
|
type: Directive,
|
|
11320
11341
|
args: [{
|
|
11321
11342
|
selector: "[niceChipListItemLabel]",
|
|
@@ -11342,12 +11363,12 @@ class NiceChipListItemsComponent {
|
|
|
11342
11363
|
remove(index) {
|
|
11343
11364
|
this.removeChip.next(index);
|
|
11344
11365
|
}
|
|
11345
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
11366
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListItemsComponent, deps: [{ token: NICE_CHIP_LIST_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11367
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.5", type: NiceChipListItemsComponent, isStandalone: false, selector: "nice-chip-list-items", inputs: { color: "color", items$: "items$" }, outputs: { removeChip: "removeChip" }, queries: [{ propertyName: "itemLabel", first: true, predicate: ChipListItemLabelDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: "@if ((items$ | async)?.length) {\n <div class=\"nice-items-row\">\n @for (value of items$ | async; track value; let i = $index) {\n <div class=\"nice-chip\" [ngClass]=\"color\">\n @if (!itemLabel) {\n <span>{{ value }}</span>\n }\n @if (itemLabel) {\n <ng-container\n *ngTemplateOutlet=\"\n itemLabel;\n context: { $implicit: value }\n \"\n ></ng-container>\n }\n <button (click)=\"remove(i)\">\n @if (options.closeButtonIcon.matIcon) {\n <mat-icon>\n {{ options.closeButtonIcon.matIcon }}\n </mat-icon>\n }\n @if (options.closeButtonIcon.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.closeButtonIcon.svgIcon\"\n ></mat-icon>\n }\n </button>\n </div>\n }\n </div>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11347
11368
|
}
|
|
11348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListItemsComponent, decorators: [{
|
|
11349
11370
|
type: Component,
|
|
11350
|
-
args: [{ selector: "nice-chip-list-items", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "
|
|
11371
|
+
args: [{ selector: "nice-chip-list-items", changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((items$ | async)?.length) {\n <div class=\"nice-items-row\">\n @for (value of items$ | async; track value; let i = $index) {\n <div class=\"nice-chip\" [ngClass]=\"color\">\n @if (!itemLabel) {\n <span>{{ value }}</span>\n }\n @if (itemLabel) {\n <ng-container\n *ngTemplateOutlet=\"\n itemLabel;\n context: { $implicit: value }\n \"\n ></ng-container>\n }\n <button (click)=\"remove(i)\">\n @if (options.closeButtonIcon.matIcon) {\n <mat-icon>\n {{ options.closeButtonIcon.matIcon }}\n </mat-icon>\n }\n @if (options.closeButtonIcon.svgIcon) {\n <mat-icon\n [svgIcon]=\"options.closeButtonIcon.svgIcon\"\n ></mat-icon>\n }\n </button>\n </div>\n }\n </div>\n}\n" }]
|
|
11351
11372
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
11352
11373
|
type: Optional
|
|
11353
11374
|
}, {
|
|
@@ -11473,10 +11494,10 @@ class NiceChipListDirective {
|
|
|
11473
11494
|
searchOptions: new SimpleChange(searchOptions, this.asyncTypeahead.searchOptions, false)
|
|
11474
11495
|
});
|
|
11475
11496
|
}
|
|
11476
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11477
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11497
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirective, deps: [{ token: NiceAsyncTypeaheadComponent, optional: true }, { token: i1$1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11498
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceChipListDirective, isStandalone: false, selector: "input[niceChipList], nice-async-typeahead[niceChipList]", inputs: { withItemList: "withItemList", reloadOnSelected: "reloadOnSelected", separatorKeyboardCodes: "separatorKeyboardCodes" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
11478
11499
|
}
|
|
11479
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11500
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirective, decorators: [{
|
|
11480
11501
|
type: Directive,
|
|
11481
11502
|
args: [{
|
|
11482
11503
|
selector: "input[niceChipList], nice-async-typeahead[niceChipList]",
|
|
@@ -11518,11 +11539,11 @@ class NiceChipListDirectiveModule {
|
|
|
11518
11539
|
]
|
|
11519
11540
|
};
|
|
11520
11541
|
}
|
|
11521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11522
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11523
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11542
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11543
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirectiveModule, declarations: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective], imports: [CommonModule, MatIconModule], exports: [NiceChipListDirective, NiceChipListItemsComponent, ChipListItemLabelDirective] }); }
|
|
11544
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirectiveModule, imports: [CommonModule, MatIconModule] }); }
|
|
11524
11545
|
}
|
|
11525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceChipListDirectiveModule, decorators: [{
|
|
11526
11547
|
type: NgModule,
|
|
11527
11548
|
args: [{
|
|
11528
11549
|
imports: [CommonModule, MatIconModule],
|
|
@@ -11596,10 +11617,10 @@ class NiceDraggableListDirective {
|
|
|
11596
11617
|
const itemBefore = this.sortedItems[fromIndex > toIndex ? toIndex - 1 : toIndex];
|
|
11597
11618
|
return LexoRankUtils.getNewRank(itemAfter?.[this.rankProperty], itemBefore?.[this.rankProperty]);
|
|
11598
11619
|
}
|
|
11599
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11600
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11620
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListDirective, deps: [{ token: i1$1.FormArrayName, optional: true }, { token: i2$3.CdkDropList }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11621
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceDraggableListDirective, isStandalone: false, selector: "[cdkDropList][niceDraggableList]", inputs: { items: "items", rankProperty: "rankProperty" }, outputs: { itemsUpdated: "itemsUpdated", itemRankUpdated: "itemRankUpdated" }, usesOnChanges: true, ngImport: i0 }); }
|
|
11601
11622
|
}
|
|
11602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListDirective, decorators: [{
|
|
11603
11624
|
type: Directive,
|
|
11604
11625
|
args: [{
|
|
11605
11626
|
selector: "[cdkDropList][niceDraggableList]",
|
|
@@ -11607,7 +11628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11607
11628
|
}]
|
|
11608
11629
|
}], ctorParameters: () => [{ type: i1$1.FormArrayName, decorators: [{
|
|
11609
11630
|
type: Optional
|
|
11610
|
-
}] }, { type: i2$
|
|
11631
|
+
}] }, { type: i2$3.CdkDropList }], propDecorators: { items: [{
|
|
11611
11632
|
type: Input
|
|
11612
11633
|
}], rankProperty: [{
|
|
11613
11634
|
type: Input
|
|
@@ -11618,11 +11639,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11618
11639
|
}] } });
|
|
11619
11640
|
|
|
11620
11641
|
class NiceDraggableListModule {
|
|
11621
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11622
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11623
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11643
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListModule, declarations: [NiceDraggableListDirective], imports: [DragDropModule], exports: [NiceDraggableListDirective] }); }
|
|
11644
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListModule, imports: [DragDropModule] }); }
|
|
11624
11645
|
}
|
|
11625
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11646
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceDraggableListModule, decorators: [{
|
|
11626
11647
|
type: NgModule,
|
|
11627
11648
|
args: [{
|
|
11628
11649
|
imports: [DragDropModule],
|
|
@@ -11642,10 +11663,10 @@ class NiceImageErrorPlaceholderDirective {
|
|
|
11642
11663
|
this.viewContainerRef.createEmbeddedView(this.fallback);
|
|
11643
11664
|
}
|
|
11644
11665
|
}
|
|
11645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11646
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11666
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11667
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceImageErrorPlaceholderDirective, isStandalone: false, selector: "img[niceImageErrorPlaceholder]", inputs: { fallback: "fallback" }, host: { listeners: { "error": "onError()" } }, ngImport: i0 }); }
|
|
11647
11668
|
}
|
|
11648
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirective, decorators: [{
|
|
11649
11670
|
type: Directive,
|
|
11650
11671
|
args: [{
|
|
11651
11672
|
selector: "img[niceImageErrorPlaceholder]",
|
|
@@ -11659,11 +11680,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11659
11680
|
}] } });
|
|
11660
11681
|
|
|
11661
11682
|
class NiceImageErrorPlaceholderDirectiveModule {
|
|
11662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11663
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11664
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11683
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11684
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, declarations: [NiceImageErrorPlaceholderDirective], exports: [NiceImageErrorPlaceholderDirective] }); }
|
|
11685
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule }); }
|
|
11665
11686
|
}
|
|
11666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceImageErrorPlaceholderDirectiveModule, decorators: [{
|
|
11667
11688
|
type: NgModule,
|
|
11668
11689
|
args: [{
|
|
11669
11690
|
declarations: [NiceImageErrorPlaceholderDirective],
|
|
@@ -11679,10 +11700,10 @@ class NiceMaterialStyleDirective {
|
|
|
11679
11700
|
ngOnInit() {
|
|
11680
11701
|
this.element.nativeElement.classList.add("keep-material-style");
|
|
11681
11702
|
}
|
|
11682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11683
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11703
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11704
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceMaterialStyleDirective, isStandalone: false, selector: "[keep-material-style]", ngImport: i0 }); }
|
|
11684
11705
|
}
|
|
11685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialStyleDirective, decorators: [{
|
|
11686
11707
|
type: Directive,
|
|
11687
11708
|
args: [{
|
|
11688
11709
|
selector: "[keep-material-style]",
|
|
@@ -11698,10 +11719,10 @@ class NiceRoundedStyleDirective {
|
|
|
11698
11719
|
ngOnInit() {
|
|
11699
11720
|
this.element.nativeElement.classList.add("nice-rounded-style");
|
|
11700
11721
|
}
|
|
11701
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11702
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11722
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceRoundedStyleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11723
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceRoundedStyleDirective, isStandalone: false, selector: "[nice-rounded-style]", ngImport: i0 }); }
|
|
11703
11724
|
}
|
|
11704
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceRoundedStyleDirective, decorators: [{
|
|
11705
11726
|
type: Directive,
|
|
11706
11727
|
args: [{
|
|
11707
11728
|
selector: "[nice-rounded-style]",
|
|
@@ -11710,13 +11731,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11710
11731
|
}], ctorParameters: () => [{ type: i0.ElementRef }] });
|
|
11711
11732
|
|
|
11712
11733
|
class NiceMaterialModule {
|
|
11713
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11714
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11734
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11735
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialModule, declarations: [NiceMaterialStyleDirective,
|
|
11715
11736
|
NiceRoundedStyleDirective], exports: [NiceMaterialStyleDirective,
|
|
11716
11737
|
NiceRoundedStyleDirective] }); }
|
|
11717
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11738
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialModule }); }
|
|
11718
11739
|
}
|
|
11719
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceMaterialModule, decorators: [{
|
|
11720
11741
|
type: NgModule,
|
|
11721
11742
|
args: [{
|
|
11722
11743
|
declarations: [
|
|
@@ -11746,12 +11767,12 @@ class NiceModalOpenerDirective {
|
|
|
11746
11767
|
.afterClosed()
|
|
11747
11768
|
.subscribe(res => this.modalAfterClosed.emit(res));
|
|
11748
11769
|
}
|
|
11749
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11750
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11770
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModalOpenerDirective, deps: [{ token: i1$g.MatDialog }, { token: i0.Type }, { token: i1$g.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11771
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceModalOpenerDirective, isStandalone: true, inputs: { modalData: "modalData" }, outputs: { modalAfterClosed: "modalAfterClosed" }, ngImport: i0 }); }
|
|
11751
11772
|
}
|
|
11752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModalOpenerDirective, decorators: [{
|
|
11753
11774
|
type: Directive
|
|
11754
|
-
}], ctorParameters: () => [{ type: i1$
|
|
11775
|
+
}], ctorParameters: () => [{ type: i1$g.MatDialog }, { type: i0.Type }, { type: i1$g.MatDialogConfig }], propDecorators: { modalData: [{
|
|
11755
11776
|
type: Input
|
|
11756
11777
|
}], modalAfterClosed: [{
|
|
11757
11778
|
type: Output
|
|
@@ -11764,12 +11785,12 @@ class NiceModalOnClickDirective extends NiceModalOpenerDirective {
|
|
|
11764
11785
|
onClick() {
|
|
11765
11786
|
this.open();
|
|
11766
11787
|
}
|
|
11767
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11768
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11788
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModalOnClickDirective, deps: [{ token: i1$g.MatDialog }, { token: i0.Type }, { token: i1$g.MatDialogConfig }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11789
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceModalOnClickDirective, isStandalone: true, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
|
|
11769
11790
|
}
|
|
11770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModalOnClickDirective, decorators: [{
|
|
11771
11792
|
type: Directive
|
|
11772
|
-
}], ctorParameters: () => [{ type: i1$
|
|
11793
|
+
}], ctorParameters: () => [{ type: i1$g.MatDialog }, { type: i0.Type }, { type: i1$g.MatDialogConfig }], propDecorators: { onClick: [{
|
|
11773
11794
|
type: HostListener,
|
|
11774
11795
|
args: ["click"]
|
|
11775
11796
|
}] } });
|
|
@@ -11804,24 +11825,24 @@ class NiceScrollResetDirective {
|
|
|
11804
11825
|
this._unsubscribeAll.next(null);
|
|
11805
11826
|
this._unsubscribeAll.complete();
|
|
11806
11827
|
}
|
|
11807
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11808
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetDirective, deps: [{ token: i0.ElementRef }, { token: i1$9.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11829
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceScrollResetDirective, isStandalone: false, selector: "[niceScrollReset]", exportAs: ["niceScrollReset"], ngImport: i0 }); }
|
|
11809
11830
|
}
|
|
11810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetDirective, decorators: [{
|
|
11811
11832
|
type: Directive,
|
|
11812
11833
|
args: [{
|
|
11813
11834
|
selector: "[niceScrollReset]",
|
|
11814
11835
|
exportAs: "niceScrollReset",
|
|
11815
11836
|
standalone: false
|
|
11816
11837
|
}]
|
|
11817
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$
|
|
11838
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$9.Router }] });
|
|
11818
11839
|
|
|
11819
11840
|
class NiceScrollResetModule {
|
|
11820
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11821
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11822
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11841
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11842
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetModule, declarations: [NiceScrollResetDirective], exports: [NiceScrollResetDirective] }); }
|
|
11843
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetModule }); }
|
|
11823
11844
|
}
|
|
11824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceScrollResetModule, decorators: [{
|
|
11825
11846
|
type: NgModule,
|
|
11826
11847
|
args: [{
|
|
11827
11848
|
declarations: [
|
|
@@ -11838,10 +11859,10 @@ class NiceClickStopPropagationDirective {
|
|
|
11838
11859
|
event.preventDefault();
|
|
11839
11860
|
event.stopPropagation();
|
|
11840
11861
|
}
|
|
11841
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11842
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceClickStopPropagationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11863
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NiceClickStopPropagationDirective, isStandalone: false, selector: "[niceClickStopPropagation]", host: { listeners: { "click": "stopClick($event)" } }, ngImport: i0 }); }
|
|
11843
11864
|
}
|
|
11844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceClickStopPropagationDirective, decorators: [{
|
|
11845
11866
|
type: Directive,
|
|
11846
11867
|
args: [{
|
|
11847
11868
|
selector: "[niceClickStopPropagation]",
|
|
@@ -11853,11 +11874,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11853
11874
|
}] } });
|
|
11854
11875
|
|
|
11855
11876
|
class NiceStopPropagationModule {
|
|
11856
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11857
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11858
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceStopPropagationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11878
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceStopPropagationModule, declarations: [NiceClickStopPropagationDirective], exports: [NiceClickStopPropagationDirective] }); }
|
|
11879
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceStopPropagationModule }); }
|
|
11859
11880
|
}
|
|
11860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceStopPropagationModule, decorators: [{
|
|
11861
11882
|
type: NgModule,
|
|
11862
11883
|
args: [{
|
|
11863
11884
|
exports: [NiceClickStopPropagationDirective],
|
|
@@ -11870,10 +11891,10 @@ class NicePreventCloseWindowDirective {
|
|
|
11870
11891
|
handleClose($event) {
|
|
11871
11892
|
$event.returnValue = false;
|
|
11872
11893
|
}
|
|
11873
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11874
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11894
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NicePreventCloseWindowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11895
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: NicePreventCloseWindowDirective, isStandalone: false, selector: "[nicePreventCloseWindow]", host: { listeners: { "window:beforeunload": "handleClose($event)" } }, ngImport: i0 }); }
|
|
11875
11896
|
}
|
|
11876
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NicePreventCloseWindowDirective, decorators: [{
|
|
11877
11898
|
type: Directive,
|
|
11878
11899
|
args: [{
|
|
11879
11900
|
selector: "[nicePreventCloseWindow]",
|
|
@@ -11885,11 +11906,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
|
|
|
11885
11906
|
}] } });
|
|
11886
11907
|
|
|
11887
11908
|
class NiceWindowDirectiveModule {
|
|
11888
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11889
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11890
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
11909
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceWindowDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11910
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceWindowDirectiveModule, declarations: [NicePreventCloseWindowDirective], exports: [NicePreventCloseWindowDirective] }); }
|
|
11911
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceWindowDirectiveModule }); }
|
|
11891
11912
|
}
|
|
11892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceWindowDirectiveModule, decorators: [{
|
|
11893
11914
|
type: NgModule,
|
|
11894
11915
|
args: [{
|
|
11895
11916
|
declarations: [NicePreventCloseWindowDirective],
|
|
@@ -11907,10 +11928,10 @@ class RerenderDirective {
|
|
|
11907
11928
|
this.templateRef = templateRef;
|
|
11908
11929
|
this.viewContainerRef = viewContainerRef;
|
|
11909
11930
|
}
|
|
11910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11911
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11931
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RerenderDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11932
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: RerenderDirective, isStandalone: true, selector: "[rerender]", inputs: { rerender: "rerender" }, ngImport: i0 }); }
|
|
11912
11933
|
}
|
|
11913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: RerenderDirective, decorators: [{
|
|
11914
11935
|
type: Directive,
|
|
11915
11936
|
args: [{ selector: "[rerender]", standalone: true }]
|
|
11916
11937
|
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { rerender: [{
|
|
@@ -11937,10 +11958,10 @@ class ResolveDirective {
|
|
|
11937
11958
|
static ngTemplateContextGuard(directive, ctx) {
|
|
11938
11959
|
return true;
|
|
11939
11960
|
}
|
|
11940
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11941
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
11961
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ResolveDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11962
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.5", type: ResolveDirective, isStandalone: true, selector: "[resolve]", inputs: { resolve: "resolve" }, ngImport: i0 }); }
|
|
11942
11963
|
}
|
|
11943
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
11964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: ResolveDirective, decorators: [{
|
|
11944
11965
|
type: Directive,
|
|
11945
11966
|
args: [{ selector: "[resolve]", standalone: true }]
|
|
11946
11967
|
}], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { resolve: [{
|
|
@@ -11960,117 +11981,91 @@ class NiceModule {
|
|
|
11960
11981
|
throw new Error("NiceModule has already been loaded. Import this module in the AppModule only!");
|
|
11961
11982
|
}
|
|
11962
11983
|
}
|
|
11963
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11964
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
11965
|
-
|
|
11966
|
-
NiceUtilsModule] }); }
|
|
11967
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: NiceModule, providers: [
|
|
11968
|
-
{
|
|
11969
|
-
// Disable 'theme' sanity check
|
|
11970
|
-
provide: MATERIAL_SANITY_CHECKS,
|
|
11971
|
-
useValue: {
|
|
11972
|
-
doctype: true,
|
|
11973
|
-
theme: false,
|
|
11974
|
-
version: true
|
|
11975
|
-
}
|
|
11976
|
-
},
|
|
11984
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModule, deps: [{ token: NiceModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11985
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.5", ngImport: i0, type: NiceModule, imports: [NiceMediaWatcherModule, NiceSplashScreenModule, NiceUtilsModule] }); }
|
|
11986
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModule, providers: [
|
|
11977
11987
|
{
|
|
11978
11988
|
// Use the 'fill' appearance on Angular Material form fields by default
|
|
11979
11989
|
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
11980
11990
|
useValue: {
|
|
11981
|
-
appearance: "fill"
|
|
11982
|
-
}
|
|
11991
|
+
appearance: "fill",
|
|
11992
|
+
},
|
|
11983
11993
|
},
|
|
11984
11994
|
{
|
|
11985
11995
|
provide: MAT_SELECT_CONFIG,
|
|
11986
11996
|
useValue: {
|
|
11987
|
-
hideSingleSelectionIndicator: true
|
|
11988
|
-
}
|
|
11997
|
+
hideSingleSelectionIndicator: true,
|
|
11998
|
+
},
|
|
11989
11999
|
},
|
|
11990
12000
|
{
|
|
11991
12001
|
provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
|
|
11992
12002
|
useValue: {
|
|
11993
|
-
hideSingleSelectionIndicator: true
|
|
11994
|
-
}
|
|
12003
|
+
hideSingleSelectionIndicator: true,
|
|
12004
|
+
},
|
|
11995
12005
|
},
|
|
11996
12006
|
{
|
|
11997
12007
|
provide: MAT_LIST_CONFIG,
|
|
11998
12008
|
useValue: {
|
|
11999
|
-
hideSingleSelectionIndicator: true
|
|
12000
|
-
}
|
|
12009
|
+
hideSingleSelectionIndicator: true,
|
|
12010
|
+
},
|
|
12001
12011
|
},
|
|
12002
12012
|
{
|
|
12003
12013
|
provide: MAT_CHIPS_DEFAULT_OPTIONS,
|
|
12004
12014
|
useValue: {
|
|
12005
|
-
hideSingleSelectionIndicator: true
|
|
12006
|
-
}
|
|
12015
|
+
hideSingleSelectionIndicator: true,
|
|
12016
|
+
},
|
|
12007
12017
|
},
|
|
12008
12018
|
{
|
|
12009
12019
|
provide: MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS,
|
|
12010
12020
|
useValue: {
|
|
12011
|
-
hideSingleSelectionIndicator: true
|
|
12012
|
-
}
|
|
12013
|
-
}
|
|
12014
|
-
], imports: [NiceMediaWatcherModule,
|
|
12015
|
-
NiceSplashScreenModule,
|
|
12016
|
-
NiceUtilsModule] }); }
|
|
12021
|
+
hideSingleSelectionIndicator: true,
|
|
12022
|
+
},
|
|
12023
|
+
},
|
|
12024
|
+
], imports: [NiceMediaWatcherModule, NiceSplashScreenModule, NiceUtilsModule] }); }
|
|
12017
12025
|
}
|
|
12018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.5", ngImport: i0, type: NiceModule, decorators: [{
|
|
12019
12027
|
type: NgModule,
|
|
12020
12028
|
args: [{
|
|
12021
|
-
imports: [
|
|
12022
|
-
NiceMediaWatcherModule,
|
|
12023
|
-
NiceSplashScreenModule,
|
|
12024
|
-
NiceUtilsModule
|
|
12025
|
-
],
|
|
12029
|
+
imports: [NiceMediaWatcherModule, NiceSplashScreenModule, NiceUtilsModule],
|
|
12026
12030
|
providers: [
|
|
12027
|
-
{
|
|
12028
|
-
// Disable 'theme' sanity check
|
|
12029
|
-
provide: MATERIAL_SANITY_CHECKS,
|
|
12030
|
-
useValue: {
|
|
12031
|
-
doctype: true,
|
|
12032
|
-
theme: false,
|
|
12033
|
-
version: true
|
|
12034
|
-
}
|
|
12035
|
-
},
|
|
12036
12031
|
{
|
|
12037
12032
|
// Use the 'fill' appearance on Angular Material form fields by default
|
|
12038
12033
|
provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
|
|
12039
12034
|
useValue: {
|
|
12040
|
-
appearance: "fill"
|
|
12041
|
-
}
|
|
12035
|
+
appearance: "fill",
|
|
12036
|
+
},
|
|
12042
12037
|
},
|
|
12043
12038
|
{
|
|
12044
12039
|
provide: MAT_SELECT_CONFIG,
|
|
12045
12040
|
useValue: {
|
|
12046
|
-
hideSingleSelectionIndicator: true
|
|
12047
|
-
}
|
|
12041
|
+
hideSingleSelectionIndicator: true,
|
|
12042
|
+
},
|
|
12048
12043
|
},
|
|
12049
12044
|
{
|
|
12050
12045
|
provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
|
|
12051
12046
|
useValue: {
|
|
12052
|
-
hideSingleSelectionIndicator: true
|
|
12053
|
-
}
|
|
12047
|
+
hideSingleSelectionIndicator: true,
|
|
12048
|
+
},
|
|
12054
12049
|
},
|
|
12055
12050
|
{
|
|
12056
12051
|
provide: MAT_LIST_CONFIG,
|
|
12057
12052
|
useValue: {
|
|
12058
|
-
hideSingleSelectionIndicator: true
|
|
12059
|
-
}
|
|
12053
|
+
hideSingleSelectionIndicator: true,
|
|
12054
|
+
},
|
|
12060
12055
|
},
|
|
12061
12056
|
{
|
|
12062
12057
|
provide: MAT_CHIPS_DEFAULT_OPTIONS,
|
|
12063
12058
|
useValue: {
|
|
12064
|
-
hideSingleSelectionIndicator: true
|
|
12065
|
-
}
|
|
12059
|
+
hideSingleSelectionIndicator: true,
|
|
12060
|
+
},
|
|
12066
12061
|
},
|
|
12067
12062
|
{
|
|
12068
12063
|
provide: MAT_BUTTON_TOGGLE_DEFAULT_OPTIONS,
|
|
12069
12064
|
useValue: {
|
|
12070
|
-
hideSingleSelectionIndicator: true
|
|
12071
|
-
}
|
|
12072
|
-
}
|
|
12073
|
-
]
|
|
12065
|
+
hideSingleSelectionIndicator: true,
|
|
12066
|
+
},
|
|
12067
|
+
},
|
|
12068
|
+
],
|
|
12074
12069
|
}]
|
|
12075
12070
|
}], ctorParameters: () => [{ type: NiceModule, decorators: [{
|
|
12076
12071
|
type: Optional
|