@alfresco/adf-core 8.4.0-19291296139 → 8.4.0-19302006691
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/adf-core.mjs +150 -150
- package/fesm2022/adf-core.mjs.map +1 -1
- package/fesm2022/alfresco-adf-core-breadcrumbs.mjs +2 -2
- package/fesm2022/alfresco-adf-core-breadcrumbs.mjs.map +1 -1
- package/fesm2022/alfresco-adf-core-feature-flags.mjs +2 -2
- package/fesm2022/alfresco-adf-core-feature-flags.mjs.map +1 -1
- package/lib/about/about-package/package-list.component.scss +0 -10
- package/lib/about/about-server-settings/about-server-settings.component.scss +0 -2
- package/lib/about/about.component.scss +0 -4
- package/lib/avatar/avatar.component.scss +7 -9
- package/lib/card-view/components/card-view/card-view.component.scss +2 -26
- package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss +1 -11
- package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss +0 -1
- package/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss +2 -7
- package/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss +0 -3
- package/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss +1 -28
- package/lib/comments/comment-list/comment-list.component.scss +5 -7
- package/lib/comments/comments.component.scss +2 -31
- package/lib/datatable/components/columns-selector/columns-selector.component.scss +9 -9
- package/lib/datatable/components/datatable/datatable.component.scss +29 -42
- package/lib/dialogs/dialog/dialog.component.scss +2 -2
- package/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.scss +11 -8
- package/lib/directives/tooltip-card/tooltip-card.component.scss +3 -9
- package/lib/dynamic-chip-list/dynamic-chip-list.component.scss +0 -4
- package/lib/form/components/form-renderer.component.scss +3 -30
- package/lib/form/components/inplace-form-input/inplace-form-input.component.scss +0 -19
- package/lib/form/components/widgets/amount/amount.widget.scss +0 -6
- package/lib/form/components/widgets/date-time/date-time.widget.scss +1 -1
- package/lib/form/components/widgets/display-text/display-text.widget.scss +0 -3
- package/lib/form/components/widgets/form.theme.scss +6 -42
- package/lib/form/components/widgets/header/header.widget.scss +2 -4
- package/lib/form/components/widgets/hyperlink/hyperlink.widget.scss +1 -1
- package/lib/form/components/widgets/multiline-text/multiline-text.widget.scss +1 -1
- package/lib/header/header.component.scss +12 -12
- package/lib/header/navbar/navbar-item.component.scss +3 -11
- package/lib/identity-user-info/identity-user-info.component.scss +4 -4
- package/lib/info-drawer/info-drawer-layout.component.scss +1 -5
- package/lib/info-drawer/info-drawer.component.scss +1 -21
- package/lib/layout/components/header/header.component.scss +3 -3
- package/lib/layout/components/layout-container/layout-container.component.scss +1 -3
- package/lib/layout/components/sidebar-action/sidebar-action-menu.component.scss +2 -8
- package/lib/layout/components/sidenav-layout/sidenav-layout.component.scss +0 -1
- package/lib/login/components/login/login.component.scss +12 -70
- package/lib/notifications/components/notification-history.component.scss +3 -17
- package/lib/pagination/pagination.component.scss +0 -6
- package/lib/search-text/search-text-input.component.scss +1 -6
- package/lib/styles/_globals.scss +3 -32
- package/lib/styles/_mixins.scss +1 -1
- package/lib/templates/empty-content/empty-content.component.scss +4 -6
- package/lib/templates/error-content/error-content.component.scss +2 -3
- package/lib/toolbar/toolbar.component.scss +0 -3
- package/lib/viewer/components/img-viewer/img-viewer.component.scss +2 -14
- package/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss +8 -9
- package/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.scss +0 -4
- package/lib/viewer/components/pdf-viewer-thumbnails/pdf-viewer-thumbnails.component.scss +3 -3
- package/lib/viewer/components/txt-viewer/txt-viewer.component.scss +1 -1
- package/lib/viewer/components/unknown-format/unknown-format.component.scss +0 -1
- package/lib/viewer/components/viewer-render/viewer-render.component.scss +2 -2
- package/lib/viewer/components/viewer.component.scss +11 -23
- package/package.json +3 -3
- package/lib/button/button.component.scss +0 -13
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -25,18 +25,18 @@ import { enUS, zhCN, sv, ru, ptBR, pl, nl, nb, ja, it, fr, fi, es, de, da, cs, a
|
|
|
25
25
|
import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
|
|
26
26
|
import * as i7$1 from '@mat-datetimepicker/core';
|
|
27
27
|
import { DatetimeAdapter, MAT_DATETIME_FORMATS, MatDatetimepickerModule, MatNativeDatetimeModule } from '@mat-datetimepicker/core';
|
|
28
|
-
import * as
|
|
28
|
+
import * as i3 from '@angular/material/button';
|
|
29
29
|
import { MatButtonModule } from '@angular/material/button';
|
|
30
30
|
import * as i1$3 from '@angular/material/icon';
|
|
31
31
|
import { MatIconModule } from '@angular/material/icon';
|
|
32
|
-
import * as i2$
|
|
32
|
+
import * as i2$2 from '@angular/material/progress-bar';
|
|
33
33
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
34
|
-
import * as i3 from '@angular/material/progress-spinner';
|
|
34
|
+
import * as i3$1 from '@angular/material/progress-spinner';
|
|
35
35
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
36
36
|
import Cropper from 'cropperjs';
|
|
37
37
|
import * as i1$5 from '@angular/platform-browser';
|
|
38
38
|
import { By } from '@angular/platform-browser';
|
|
39
|
-
import * as i2$
|
|
39
|
+
import * as i2$4 from '@alfresco/adf-core/api';
|
|
40
40
|
import { AdfHttpClient } from '@alfresco/adf-core/api';
|
|
41
41
|
import * as i1$6 from '@angular/material/toolbar';
|
|
42
42
|
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
@@ -44,11 +44,11 @@ import * as i1$7 from '@angular/material/dialog';
|
|
|
44
44
|
import { MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
|
|
45
45
|
import * as i4 from '@angular/forms';
|
|
46
46
|
import { UntypedFormControl, Validators, ReactiveFormsModule, FormsModule, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
47
|
-
import * as i2$
|
|
47
|
+
import * as i2$3 from '@angular/material/form-field';
|
|
48
48
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
49
|
-
import * as i3$
|
|
49
|
+
import * as i3$2 from '@angular/material/input';
|
|
50
50
|
import { MatInputModule } from '@angular/material/input';
|
|
51
|
-
import * as i3$
|
|
51
|
+
import * as i3$3 from '@angular/cdk/a11y';
|
|
52
52
|
import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
|
|
53
53
|
import { UP_ARROW, DOWN_ARROW, TAB, ESCAPE, ENTER } from '@angular/cdk/keycodes';
|
|
54
54
|
import * as pdfjsLib$1 from 'pdfjs-dist/build/pdf.min.mjs';
|
|
@@ -58,34 +58,34 @@ import { MatMenuModule, MatMenuItem, MatMenuTrigger } from '@angular/material/me
|
|
|
58
58
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
59
59
|
import * as i1$9 from '@angular/router';
|
|
60
60
|
import { RouterModule, Router, provideRouter } from '@angular/router';
|
|
61
|
-
import * as i2$
|
|
61
|
+
import * as i2$5 from '@angular/material/checkbox';
|
|
62
62
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
63
63
|
import * as i1$a from 'angular-oauth2-oidc';
|
|
64
64
|
import { OAuthStorage, AuthConfig, OAuthService, OAuthErrorEvent, OAuthLogger, OAuthSuccessEvent, AUTH_CONFIG, provideOAuthClient } from 'angular-oauth2-oidc';
|
|
65
65
|
import { Minimatch } from 'minimatch';
|
|
66
66
|
import { JwksValidationHandler } from 'angular-oauth2-oidc-jwks';
|
|
67
67
|
import { AuthenticationInterceptor, Authentication } from '@alfresco/adf-core/auth';
|
|
68
|
-
import * as i2$
|
|
68
|
+
import * as i2$6 from '@angular/material/tabs';
|
|
69
69
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
70
70
|
import * as i1$b from '@angular/material/snack-bar';
|
|
71
71
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
72
|
-
import * as i2$
|
|
72
|
+
import * as i2$7 from '@angular/material/tooltip';
|
|
73
73
|
import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
|
|
74
74
|
import * as i4$1 from '@angular/material/divider';
|
|
75
75
|
import { MatDividerModule } from '@angular/material/divider';
|
|
76
|
-
import * as i2$
|
|
76
|
+
import * as i2$8 from '@angular/material/list';
|
|
77
77
|
import { MatSelectionList, MatListOption, MatListModule } from '@angular/material/list';
|
|
78
78
|
import { moveItemInArray, CdkDropList, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
|
|
79
79
|
import * as i1$c from '@angular/cdk/overlay';
|
|
80
80
|
import { OverlayConfig } from '@angular/cdk/overlay';
|
|
81
81
|
import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';
|
|
82
82
|
import { trigger, transition, style, animate, state, sequence, query, group } from '@angular/animations';
|
|
83
|
-
import * as i3$
|
|
83
|
+
import * as i3$4 from '@angular/material/select';
|
|
84
84
|
import { MatSelect, MatSelectModule } from '@angular/material/select';
|
|
85
85
|
import * as i8 from '@angular/material/chips';
|
|
86
86
|
import { MatChipsModule, MatChip } from '@angular/material/chips';
|
|
87
87
|
import * as i6 from '@angular/cdk/text-field';
|
|
88
|
-
import * as i3$
|
|
88
|
+
import * as i3$5 from '@angular/material/datepicker';
|
|
89
89
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
90
90
|
import * as i4$2 from '@angular/material/autocomplete';
|
|
91
91
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
@@ -293,11 +293,11 @@ class PackageListComponent {
|
|
|
293
293
|
}
|
|
294
294
|
}
|
|
295
295
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PackageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
296
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PackageListComponent, isStandalone: true, selector: "adf-about-package-list", inputs: { dependencies: "dependencies", data: "data" }, ngImport: i0, template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-
|
|
296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PackageListComponent, isStandalone: true, selector: "adf-about-package-list", inputs: { dependencies: "dependencies", data: "data" }, ngImport: i0, template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table__header-row{min-height:56px}.adf-package-list-table__row{min-height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
297
297
|
}
|
|
298
298
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PackageListComponent, decorators: [{
|
|
299
299
|
type: Component,
|
|
300
|
-
args: [{ selector: 'adf-about-package-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslatePipe, MatTableModule], template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-
|
|
300
|
+
args: [{ selector: 'adf-about-package-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslatePipe, MatTableModule], template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table__header-row{min-height:56px}.adf-package-list-table__row{min-height:48px}\n"] }]
|
|
301
301
|
}], propDecorators: { dependencies: [{
|
|
302
302
|
type: Input
|
|
303
303
|
}], data: [{
|
|
@@ -675,11 +675,11 @@ class AboutServerSettingsComponent {
|
|
|
675
675
|
this.bpmHost = this.appConfig.get(AppConfigValues.BPMHOST);
|
|
676
676
|
}
|
|
677
677
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AboutServerSettingsComponent, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
678
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AboutServerSettingsComponent, isStandalone: true, selector: "adf-about-server-settings", ngImport: i0, template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{
|
|
678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AboutServerSettingsComponent, isStandalone: true, selector: "adf-about-server-settings", ngImport: i0, template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{border-radius:4px;padding:16px}.adf-about-server-settings__card:has(p){border:none}.adf-about-server-settings__card:has(p) p{margin:0 0 10px}.adf-about-server-settings__card:has(p) p:last-child{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
679
679
|
}
|
|
680
680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AboutServerSettingsComponent, decorators: [{
|
|
681
681
|
type: Component,
|
|
682
|
-
args: [{ selector: 'adf-about-server-settings', encapsulation: ViewEncapsulation.None, imports: [CommonModule, TranslatePipe, MatCardModule], template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{
|
|
682
|
+
args: [{ selector: 'adf-about-server-settings', encapsulation: ViewEncapsulation.None, imports: [CommonModule, TranslatePipe, MatCardModule], template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{border-radius:4px;padding:16px}.adf-about-server-settings__card:has(p){border:none}.adf-about-server-settings__card:has(p) p{margin:0 0 10px}.adf-about-server-settings__card:has(p) p:last-child{margin:0}\n"] }]
|
|
683
683
|
}], ctorParameters: () => [{ type: AppConfigService }] });
|
|
684
684
|
|
|
685
685
|
/*!
|
|
@@ -778,11 +778,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
778
778
|
*/
|
|
779
779
|
class AboutComponent {
|
|
780
780
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
781
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AboutComponent, isStandalone: true, selector: "adf-about", queries: [{ propertyName: "panels", predicate: AboutPanelDirective }], ngImport: i0, template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}
|
|
781
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AboutComponent, isStandalone: true, selector: "adf-about", queries: [{ propertyName: "panels", predicate: AboutPanelDirective }], ngImport: i0, template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$1.MatExpansionPanelTitle, selector: "mat-panel-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
782
782
|
}
|
|
783
783
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AboutComponent, decorators: [{
|
|
784
784
|
type: Component,
|
|
785
|
-
args: [{ selector: 'adf-about', encapsulation: ViewEncapsulation.None, imports: [CommonModule, MatExpansionModule], template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}
|
|
785
|
+
args: [{ selector: 'adf-about', encapsulation: ViewEncapsulation.None, imports: [CommonModule, MatExpansionModule], template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}\n"] }]
|
|
786
786
|
}], propDecorators: { panels: [{
|
|
787
787
|
type: ContentChildren,
|
|
788
788
|
args: [AboutPanelDirective]
|
|
@@ -2206,11 +2206,11 @@ class AvatarComponent {
|
|
|
2206
2206
|
this.cursor = getComputedStyle(document.documentElement).getPropertyValue('--adf-avatar-cursor');
|
|
2207
2207
|
}
|
|
2208
2208
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2209
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AvatarComponent, isStandalone: true, selector: "adf-avatar", inputs: { src: "src", initials: "initials", tooltip: "tooltip", size: "size", cursor: "cursor" }, host: { properties: { "style.--adf-avatar-size": "this.size", "style.--adf-avatar-cursor": "this.cursor" } }, ngImport: i0, template: "<div class=\"adf-avatar\">\n <img (error)=\"src = ''\" *ngIf=\"src; else initialsTemplate\" class=\"adf-avatar__image\" [src]=\"src\" [alt]=\"initials\" [title]=\"tooltip\" />\n</div>\n\n<ng-template #initialsTemplate>\n <div class=\"adf-avatar__image adf-avatar__initials\" [title]=\"tooltip\">{{ initials }}</div>\n</ng-template>\n", styles: [".adf-avatar{display:flex}.adf-avatar__image{cursor:
|
|
2209
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AvatarComponent, isStandalone: true, selector: "adf-avatar", inputs: { src: "src", initials: "initials", tooltip: "tooltip", size: "size", cursor: "cursor" }, host: { properties: { "style.--adf-avatar-size": "this.size", "style.--adf-avatar-cursor": "this.cursor" } }, ngImport: i0, template: "<div class=\"adf-avatar\">\n <img (error)=\"src = ''\" *ngIf=\"src; else initialsTemplate\" class=\"adf-avatar__image\" [src]=\"src\" [alt]=\"initials\" [title]=\"tooltip\" />\n</div>\n\n<ng-template #initialsTemplate>\n <div class=\"adf-avatar__image adf-avatar__initials\" [title]=\"tooltip\">{{ initials }}</div>\n</ng-template>\n", styles: [".adf-avatar{display:flex}.adf-avatar__image{cursor:auto;display:inline-block;overflow:hidden;line-height:1;border-radius:50%;width:32px;height:32px;color:var(--mat-sys-on-primary);background-color:var(--mat-sys-primary);box-shadow:var(--mat-sys-level2);text-align:center;align-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2210
2210
|
}
|
|
2211
2211
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2212
2212
|
type: Component,
|
|
2213
|
-
args: [{ selector: 'adf-avatar', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-avatar\">\n <img (error)=\"src = ''\" *ngIf=\"src; else initialsTemplate\" class=\"adf-avatar__image\" [src]=\"src\" [alt]=\"initials\" [title]=\"tooltip\" />\n</div>\n\n<ng-template #initialsTemplate>\n <div class=\"adf-avatar__image adf-avatar__initials\" [title]=\"tooltip\">{{ initials }}</div>\n</ng-template>\n", styles: [".adf-avatar{display:flex}.adf-avatar__image{cursor:
|
|
2213
|
+
args: [{ selector: 'adf-avatar', imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-avatar\">\n <img (error)=\"src = ''\" *ngIf=\"src; else initialsTemplate\" class=\"adf-avatar__image\" [src]=\"src\" [alt]=\"initials\" [title]=\"tooltip\" />\n</div>\n\n<ng-template #initialsTemplate>\n <div class=\"adf-avatar__image adf-avatar__initials\" [title]=\"tooltip\">{{ initials }}</div>\n</ng-template>\n", styles: [".adf-avatar{display:flex}.adf-avatar__image{cursor:auto;display:inline-block;overflow:hidden;line-height:1;border-radius:50%;width:32px;height:32px;color:var(--mat-sys-on-primary);background-color:var(--mat-sys-primary);box-shadow:var(--mat-sys-level2);text-align:center;align-content:center}\n"] }]
|
|
2214
2214
|
}], propDecorators: { src: [{
|
|
2215
2215
|
type: Input
|
|
2216
2216
|
}], initials: [{
|
|
@@ -2250,11 +2250,11 @@ class ButtonComponent {
|
|
|
2250
2250
|
this.iconSize = getComputedStyle(document.documentElement).getPropertyValue('--adf-button-icon-size');
|
|
2251
2251
|
}
|
|
2252
2252
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "adf-button", inputs: { uid: "uid", variant: "variant", color: "color", tooltip: "tooltip", icon: "icon", disableRipple: "disableRipple", disabled: "disabled", ariaLabel: "ariaLabel", ariaHidden: "ariaHidden", testId: "testId", iconSize: "iconSize" }, host: { properties: { "style.--adf-button-icon-size": "this.iconSize" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <button\n mat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button\n mat-raised-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button\n mat-stroked-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'flat'\">\n <button\n mat-flat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon'\">\n <button\n mat-icon-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'fab'\">\n <button\n mat-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'mini-fab'\">\n <button\n mat-mini-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n</ng-container>\n\n<ng-template #buttonContent>\n <ng-content />\n</ng-template>\n",
|
|
2253
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonComponent, isStandalone: true, selector: "adf-button", inputs: { uid: "uid", variant: "variant", color: "color", tooltip: "tooltip", icon: "icon", disableRipple: "disableRipple", disabled: "disabled", ariaLabel: "ariaLabel", ariaHidden: "ariaHidden", testId: "testId", iconSize: "iconSize" }, host: { properties: { "style.--adf-button-icon-size": "this.iconSize" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <button\n mat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button\n mat-raised-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button\n mat-stroked-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'flat'\">\n <button\n mat-flat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon'\">\n <button\n mat-icon-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'fab'\">\n <button\n mat-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'mini-fab'\">\n <button\n mat-mini-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n</ng-container>\n\n<ng-template #buttonContent>\n <ng-content />\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2254
2254
|
}
|
|
2255
2255
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
2256
2256
|
type: Component,
|
|
2257
|
-
args: [{ selector: 'adf-button', imports: [CommonModule, MatButtonModule, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <button\n mat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button\n mat-raised-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button\n mat-stroked-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'flat'\">\n <button\n mat-flat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon'\">\n <button\n mat-icon-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'fab'\">\n <button\n mat-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'mini-fab'\">\n <button\n mat-mini-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n</ng-container>\n\n<ng-template #buttonContent>\n <ng-content />\n</ng-template>\n"
|
|
2257
|
+
args: [{ selector: 'adf-button', imports: [CommonModule, MatButtonModule, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <button\n mat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'raised'\">\n <button\n mat-raised-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'stroked'\">\n <button\n mat-stroked-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'flat'\">\n <button\n mat-flat-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'icon'\">\n <button\n mat-icon-button\n class=\"adf-button__content\"\n [attr.id]=\"uid\"\n [attr.title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'fab'\">\n <button\n mat-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'mini-fab'\">\n <button\n mat-mini-fab\n class=\"adf-button__content\"\n [id]=\"uid\"\n [title]=\"tooltip\"\n [color]=\"color\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\"\n >\n <mat-icon *ngIf=\"icon\" class=\"adf-button__icon\">{{ icon }}</mat-icon>\n <ng-container *ngIf=\"!icon\" [ngTemplateOutlet]=\"buttonContent\" />\n </button>\n </ng-container>\n</ng-container>\n\n<ng-template #buttonContent>\n <ng-content />\n</ng-template>\n" }]
|
|
2258
2258
|
}], propDecorators: { uid: [{
|
|
2259
2259
|
type: Input
|
|
2260
2260
|
}], variant: [{
|
|
@@ -2343,7 +2343,7 @@ class ProgressComponent {
|
|
|
2343
2343
|
}
|
|
2344
2344
|
}
|
|
2345
2345
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2346
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressComponent, isStandalone: true, selector: "adf-progress", inputs: { variant: "variant", color: "color", ariaLabel: "ariaLabel", ariaHidden: "ariaHidden", testId: "testId", value: "value", mode: "mode" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <mat-progress-bar\n [mode]=\"$any(mode)\"\n [value]=\"value\"\n [color]=\"color\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\" />\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'spinner'\">\n <mat-progress-spinner\n [mode]=\"$any(mode)\"\n [value]=\"value\"\n [color]=\"color\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\" />\n </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$
|
|
2346
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ProgressComponent, isStandalone: true, selector: "adf-progress", inputs: { variant: "variant", color: "color", ariaLabel: "ariaLabel", ariaHidden: "ariaHidden", testId: "testId", value: "value", mode: "mode" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchDefault>\n <mat-progress-bar\n [mode]=\"$any(mode)\"\n [value]=\"value\"\n [color]=\"color\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\" />\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'spinner'\">\n <mat-progress-spinner\n [mode]=\"$any(mode)\"\n [value]=\"value\"\n [color]=\"color\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.data-automation-id]=\"testId\" />\n </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2347
2347
|
}
|
|
2348
2348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProgressComponent, decorators: [{
|
|
2349
2349
|
type: Component,
|
|
@@ -3934,11 +3934,11 @@ class ToolbarComponent {
|
|
|
3934
3934
|
this.title = '';
|
|
3935
3935
|
}
|
|
3936
3936
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3937
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToolbarComponent, isStandalone: true, selector: "adf-toolbar", inputs: { title: "title", color: "color" }, host: { classAttribute: "adf-toolbar" }, ngImport: i0, template: "<mat-toolbar class=\"adf-toolbar-container adf-toolbar-container-row\" [color]=\"color\">\n <span class=\"adf-toolbar-title\" *ngIf=\"title\">{{ title | translate }}</span>\n <ng-content select=\"adf-toolbar-title\" />\n <ng-content />\n</mat-toolbar>\n", styles: [".adf-toolbar--spacer{flex:1 1 auto}.adf-toolbar-title{overflow:hidden;display:flex;width:100%}.adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{
|
|
3937
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ToolbarComponent, isStandalone: true, selector: "adf-toolbar", inputs: { title: "title", color: "color" }, host: { classAttribute: "adf-toolbar" }, ngImport: i0, template: "<mat-toolbar class=\"adf-toolbar-container adf-toolbar-container-row\" [color]=\"color\">\n <span class=\"adf-toolbar-title\" *ngIf=\"title\">{{ title | translate }}</span>\n <ng-content select=\"adf-toolbar-title\" />\n <ng-content />\n</mat-toolbar>\n", styles: [".adf-toolbar--spacer{flex:1 1 auto}.adf-toolbar-title{overflow:hidden;display:flex;width:100%}.adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{height:64px;white-space:normal;padding:0 16px}.adf-toolbar.adf-toolbar--inline .adf-toolbar-container{background-color:inherit;border:none;padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3938
3938
|
}
|
|
3939
3939
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
3940
3940
|
type: Component,
|
|
3941
|
-
args: [{ selector: 'adf-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MatToolbarModule, TranslatePipe, NgIf], host: { class: 'adf-toolbar' }, template: "<mat-toolbar class=\"adf-toolbar-container adf-toolbar-container-row\" [color]=\"color\">\n <span class=\"adf-toolbar-title\" *ngIf=\"title\">{{ title | translate }}</span>\n <ng-content select=\"adf-toolbar-title\" />\n <ng-content />\n</mat-toolbar>\n", styles: [".adf-toolbar--spacer{flex:1 1 auto}.adf-toolbar-title{overflow:hidden;display:flex;width:100%}.adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{
|
|
3941
|
+
args: [{ selector: 'adf-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [MatToolbarModule, TranslatePipe, NgIf], host: { class: 'adf-toolbar' }, template: "<mat-toolbar class=\"adf-toolbar-container adf-toolbar-container-row\" [color]=\"color\">\n <span class=\"adf-toolbar-title\" *ngIf=\"title\">{{ title | translate }}</span>\n <ng-content select=\"adf-toolbar-title\" />\n <ng-content />\n</mat-toolbar>\n", styles: [".adf-toolbar--spacer{flex:1 1 auto}.adf-toolbar-title{overflow:hidden;display:flex;width:100%}.adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{height:64px;white-space:normal;padding:0 16px}.adf-toolbar.adf-toolbar--inline .adf-toolbar-container{background-color:inherit;border:none;padding:0}\n"] }]
|
|
3942
3942
|
}], propDecorators: { title: [{
|
|
3943
3943
|
type: Input
|
|
3944
3944
|
}], color: [{
|
|
@@ -4187,11 +4187,11 @@ class ImgViewerComponent {
|
|
|
4187
4187
|
this.error.emit();
|
|
4188
4188
|
}
|
|
4189
4189
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ImgViewerComponent, deps: [{ token: AppConfigService }, { token: UrlService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4190
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ImgViewerComponent, isStandalone: true, selector: "adf-img-viewer", inputs: { showToolbar: "showToolbar", readOnly: "readOnly", allowedEditActions: "allowedEditActions", urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName" }, outputs: { error: "error", submit: "submit", isSaving: "isSaving", imageLoaded: "imageLoaded" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:fullscreenchange": "fullScreenChangeHandler()" }, classAttribute: "adf-image-viewer" }, viewQueries: [{ propertyName: "imageElement", first: true, predicate: ["image"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"adf-image-container\"\n (keydown)=\"onKeyDown($event)\"\n class=\"adf-image-container\"\n tabindex=\"0\"\n role=\"img\"\n [attr.aria-label]=\"fileName\"\n data-automation-id=\"adf-image-container\">\n <img #image id=\"viewer-image\"\n [src]=\"urlFile\"\n [alt]=\"fileName\"\n (load)=\"imageLoaded.emit()\"\n (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n <adf-toolbar class=\"adf-main-toolbar\">\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n mat-icon-button\n (click)=\"rotateImage()\">\n <mat-icon>rotate_left</mat-icon>\n </button>\n <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n mat-icon-button\n (click)=\"cropImage()\">\n <mat-icon>crop</mat-icon>\n </button>\n\n <button id=\"viewer-reset-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n\n <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n <button id=\"viewer-cancel-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n\n <button id=\"viewer-save-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n mat-icon-button\n (click)=\"save()\">\n <mat-icon>check</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--
|
|
4190
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ImgViewerComponent, isStandalone: true, selector: "adf-img-viewer", inputs: { showToolbar: "showToolbar", readOnly: "readOnly", allowedEditActions: "allowedEditActions", urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName" }, outputs: { error: "error", submit: "submit", isSaving: "isSaving", imageLoaded: "imageLoaded" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "document:fullscreenchange": "fullScreenChangeHandler()" }, classAttribute: "adf-image-viewer" }, viewQueries: [{ propertyName: "imageElement", first: true, predicate: ["image"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"adf-image-container\"\n (keydown)=\"onKeyDown($event)\"\n class=\"adf-image-container\"\n tabindex=\"0\"\n role=\"img\"\n [attr.aria-label]=\"fileName\"\n data-automation-id=\"adf-image-container\">\n <img #image id=\"viewer-image\"\n [src]=\"urlFile\"\n [alt]=\"fileName\"\n (load)=\"imageLoaded.emit()\"\n (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n <adf-toolbar class=\"adf-main-toolbar\">\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n mat-icon-button\n (click)=\"rotateImage()\">\n <mat-icon>rotate_left</mat-icon>\n </button>\n <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n mat-icon-button\n (click)=\"cropImage()\">\n <mat-icon>crop</mat-icon>\n </button>\n\n <button id=\"viewer-reset-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n\n <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n <button id=\"viewer-cancel-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n\n <button id=\"viewer-save-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n mat-icon-button\n (click)=\"save()\">\n <mat-icon>check</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;border:1px solid var(--mat-sys-outline);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4191
4191
|
}
|
|
4192
4192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ImgViewerComponent, decorators: [{
|
|
4193
4193
|
type: Component,
|
|
4194
|
-
args: [{ selector: 'adf-img-viewer', host: { class: 'adf-image-viewer' }, imports: [ToolbarComponent, TranslatePipe, MatIconModule, MatButtonModule, NgIf], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-image-container\"\n (keydown)=\"onKeyDown($event)\"\n class=\"adf-image-container\"\n tabindex=\"0\"\n role=\"img\"\n [attr.aria-label]=\"fileName\"\n data-automation-id=\"adf-image-container\">\n <img #image id=\"viewer-image\"\n [src]=\"urlFile\"\n [alt]=\"fileName\"\n (load)=\"imageLoaded.emit()\"\n (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n <adf-toolbar class=\"adf-main-toolbar\">\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n mat-icon-button\n (click)=\"rotateImage()\">\n <mat-icon>rotate_left</mat-icon>\n </button>\n <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n mat-icon-button\n (click)=\"cropImage()\">\n <mat-icon>crop</mat-icon>\n </button>\n\n <button id=\"viewer-reset-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n\n <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n <button id=\"viewer-cancel-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n\n <button id=\"viewer-save-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n mat-icon-button\n (click)=\"save()\">\n <mat-icon>check</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--
|
|
4194
|
+
args: [{ selector: 'adf-img-viewer', host: { class: 'adf-image-viewer' }, imports: [ToolbarComponent, TranslatePipe, MatIconModule, MatButtonModule, NgIf], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-image-container\"\n (keydown)=\"onKeyDown($event)\"\n class=\"adf-image-container\"\n tabindex=\"0\"\n role=\"img\"\n [attr.aria-label]=\"fileName\"\n data-automation-id=\"adf-image-container\">\n <img #image id=\"viewer-image\"\n [src]=\"urlFile\"\n [alt]=\"fileName\"\n (load)=\"imageLoaded.emit()\"\n (error)=\"onImageError()\" />\n</div>\n\n<div class=\"adf-image-viewer__toolbar\" *ngIf=\"showToolbar\">\n <adf-toolbar class=\"adf-main-toolbar\">\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <div class=\"adf-image-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button *ngIf=\"!readOnly && allowedEditActions.rotate\" id=\"viewer-rotate-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ROTATE' | translate }}\"\n mat-icon-button\n (click)=\"rotateImage()\">\n <mat-icon>rotate_left</mat-icon>\n </button>\n <button *ngIf=\"!readOnly && allowedEditActions.crop\" id=\"viewer-crop-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CROP' | translate }}\"\n mat-icon-button\n (click)=\"cropImage()\">\n <mat-icon>crop</mat-icon>\n </button>\n\n <button id=\"viewer-reset-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.RESET' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n\n <adf-toolbar class=\"adf-secondary-toolbar\" *ngIf=\"isEditing && !readOnly\">\n <button id=\"viewer-cancel-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.CANCEL' | translate }}\"\n mat-icon-button\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n\n <button id=\"viewer-save-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.SAVE' | translate }}\"\n mat-icon-button\n (click)=\"save()\">\n <mat-icon>check</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-image-viewer{width:100%}.adf-image-viewer .adf-image-container{display:flex;height:90vh;align-items:center;justify-content:center}.adf-image-viewer .adf-image-container:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-image-viewer .adf-image-container img{max-height:100%;max-width:100%}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-image-viewer .adf-image-container img{height:100%}}.adf-image-viewer__toolbar{position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-image-viewer__toolbar .adf-main-toolbar{display:inline-block}.adf-image-viewer__toolbar .adf-secondary-toolbar{display:inline-block;margin-left:10px}.adf-image-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;border:1px solid var(--mat-sys-outline);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"] }]
|
|
4195
4195
|
}], ctorParameters: () => [{ type: AppConfigService }, { type: UrlService }], propDecorators: { showToolbar: [{
|
|
4196
4196
|
type: Input
|
|
4197
4197
|
}], readOnly: [{
|
|
@@ -4316,11 +4316,11 @@ class PdfPasswordDialogComponent {
|
|
|
4316
4316
|
this.dialogRef.close(this.passwordFormControl.value);
|
|
4317
4317
|
}
|
|
4318
4318
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfPasswordDialogComponent, deps: [{ token: i1$7.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4319
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfPasswordDialogComponent, isStandalone: true, selector: "adf-pdf-viewer-password-dialog", ngImport: i0, template: "<div mat-dialog-title>\n <mat-icon>lock</mat-icon>\n</div>\n\n<mat-dialog-content>\n <form (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <input matInput\n data-automation-id='adf-password-dialog-input'\n type=\"password\"\n placeholder=\"{{ 'ADF_VIEWER.PDF_DIALOG.PLACEHOLDER' | translate }}\"\n [formControl]=\"passwordFormControl\" />\n </mat-form-field>\n\n <mat-error *ngIf=\"isError()\" data-automation-id='adf-password-dialog-error'>{{ 'ADF_VIEWER.PDF_DIALOG.ERROR' | translate }}</mat-error>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button mat-button mat-dialog-close data-automation-id='adf-password-dialog-close'>{{ 'ADF_VIEWER.PDF_DIALOG.CLOSE' | translate }}</button>\n\n <button mat-button\n data-automation-id='adf-password-dialog-submit'\n class=\"adf-dialog-action-button\"\n [disabled]=\"!isValid()\"\n (click)=\"submit()\">\n {{ 'ADF_VIEWER.PDF_DIALOG.SUBMIT' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}
|
|
4319
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfPasswordDialogComponent, isStandalone: true, selector: "adf-pdf-viewer-password-dialog", ngImport: i0, template: "<div mat-dialog-title>\n <mat-icon>lock</mat-icon>\n</div>\n\n<mat-dialog-content>\n <form (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <input matInput\n data-automation-id='adf-password-dialog-input'\n type=\"password\"\n placeholder=\"{{ 'ADF_VIEWER.PDF_DIALOG.PLACEHOLDER' | translate }}\"\n [formControl]=\"passwordFormControl\" />\n </mat-form-field>\n\n <mat-error *ngIf=\"isError()\" data-automation-id='adf-password-dialog-error'>{{ 'ADF_VIEWER.PDF_DIALOG.ERROR' | translate }}</mat-error>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button mat-button mat-dialog-close data-automation-id='adf-password-dialog-close'>{{ 'ADF_VIEWER.PDF_DIALOG.CLOSE' | translate }}</button>\n\n <button mat-button\n data-automation-id='adf-password-dialog-submit'\n class=\"adf-dialog-action-button\"\n [disabled]=\"!isValid()\"\n (click)=\"submit()\">\n {{ 'ADF_VIEWER.PDF_DIALOG.SUBMIT' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4320
4320
|
}
|
|
4321
4321
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfPasswordDialogComponent, decorators: [{
|
|
4322
4322
|
type: Component,
|
|
4323
|
-
args: [{ selector: 'adf-pdf-viewer-password-dialog', imports: [MatDialogModule, MatIconModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule, TranslatePipe, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-title>\n <mat-icon>lock</mat-icon>\n</div>\n\n<mat-dialog-content>\n <form (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <input matInput\n data-automation-id='adf-password-dialog-input'\n type=\"password\"\n placeholder=\"{{ 'ADF_VIEWER.PDF_DIALOG.PLACEHOLDER' | translate }}\"\n [formControl]=\"passwordFormControl\" />\n </mat-form-field>\n\n <mat-error *ngIf=\"isError()\" data-automation-id='adf-password-dialog-error'>{{ 'ADF_VIEWER.PDF_DIALOG.ERROR' | translate }}</mat-error>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button mat-button mat-dialog-close data-automation-id='adf-password-dialog-close'>{{ 'ADF_VIEWER.PDF_DIALOG.CLOSE' | translate }}</button>\n\n <button mat-button\n data-automation-id='adf-password-dialog-submit'\n class=\"adf-dialog-action-button\"\n [disabled]=\"!isValid()\"\n (click)=\"submit()\">\n {{ 'ADF_VIEWER.PDF_DIALOG.SUBMIT' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}
|
|
4323
|
+
args: [{ selector: 'adf-pdf-viewer-password-dialog', imports: [MatDialogModule, MatIconModule, MatFormFieldModule, MatInputModule, ReactiveFormsModule, TranslatePipe, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-title>\n <mat-icon>lock</mat-icon>\n</div>\n\n<mat-dialog-content>\n <form (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <input matInput\n data-automation-id='adf-password-dialog-input'\n type=\"password\"\n placeholder=\"{{ 'ADF_VIEWER.PDF_DIALOG.PLACEHOLDER' | translate }}\"\n [formControl]=\"passwordFormControl\" />\n </mat-form-field>\n\n <mat-error *ngIf=\"isError()\" data-automation-id='adf-password-dialog-error'>{{ 'ADF_VIEWER.PDF_DIALOG.ERROR' | translate }}</mat-error>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button mat-button mat-dialog-close data-automation-id='adf-password-dialog-close'>{{ 'ADF_VIEWER.PDF_DIALOG.CLOSE' | translate }}</button>\n\n <button mat-button\n data-automation-id='adf-password-dialog-submit'\n class=\"adf-dialog-action-button\"\n [disabled]=\"!isValid()\"\n (click)=\"submit()\">\n {{ 'ADF_VIEWER.PDF_DIALOG.SUBMIT' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}\n"] }]
|
|
4324
4324
|
}], ctorParameters: () => [{ type: i1$7.MatDialogRef }, { type: undefined, decorators: [{
|
|
4325
4325
|
type: Inject,
|
|
4326
4326
|
args: [MAT_DIALOG_DATA]
|
|
@@ -4708,11 +4708,11 @@ class PdfThumbListComponent {
|
|
|
4708
4708
|
return this.pdfViewer.currentPageNumber !== 1;
|
|
4709
4709
|
}
|
|
4710
4710
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbListComponent, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4711
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfThumbListComponent, isStandalone: true, selector: "adf-pdf-thumbnails", inputs: { pdfViewer: "pdfViewer" }, outputs: { close: "close" }, host: { listeners: { "keydown": "onKeydown($event)", "window:resize": "onResize()" }, classAttribute: "adf-pdf-thumbnails" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "thumbsList", predicate: PdfThumbComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-pdf-thumbnails__content\"\n data-automation-id='adf-thumbnails-content'\n [style.height.px]=\"virtualHeight\"\n [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n class=\"adf-pdf-thumbnails__thumb\"\n [id]=\"page.id\"\n [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n [page]=\"page\"\n (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--
|
|
4711
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfThumbListComponent, isStandalone: true, selector: "adf-pdf-thumbnails", inputs: { pdfViewer: "pdfViewer" }, outputs: { close: "close" }, host: { listeners: { "keydown": "onKeydown($event)", "window:resize": "onResize()" }, classAttribute: "adf-pdf-thumbnails" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "thumbsList", predicate: PdfThumbComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-pdf-thumbnails__content\"\n data-automation-id='adf-thumbnails-content'\n [style.height.px]=\"virtualHeight\"\n [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n class=\"adf-pdf-thumbnails__thumb\"\n [id]=\"page.id\"\n [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n [page]=\"page\"\n (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--mat-sys-surface);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:var(--mat-sys-level2)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--mat-sys-primary)}\n"], dependencies: [{ kind: "component", type: PdfThumbComponent, selector: "adf-pdf-thumb", inputs: ["page"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4712
4712
|
}
|
|
4713
4713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfThumbListComponent, decorators: [{
|
|
4714
4714
|
type: Component,
|
|
4715
|
-
args: [{ selector: 'adf-pdf-thumbnails', host: { class: 'adf-pdf-thumbnails' }, imports: [PdfThumbComponent, NgClass, NgForOf], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-thumbnails__content\"\n data-automation-id='adf-thumbnails-content'\n [style.height.px]=\"virtualHeight\"\n [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n class=\"adf-pdf-thumbnails__thumb\"\n [id]=\"page.id\"\n [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n [page]=\"page\"\n (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--
|
|
4715
|
+
args: [{ selector: 'adf-pdf-thumbnails', host: { class: 'adf-pdf-thumbnails' }, imports: [PdfThumbComponent, NgClass, NgForOf], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-thumbnails__content\"\n data-automation-id='adf-thumbnails-content'\n [style.height.px]=\"virtualHeight\"\n [style.transform]=\"'translate(-50%, ' + translateY + 'px)'\">\n <adf-pdf-thumb *ngFor=\"let page of renderItems; trackBy: trackByFn\"\n class=\"adf-pdf-thumbnails__thumb\"\n [id]=\"page.id\"\n [ngClass]=\"{'adf-pdf-thumbnails__thumb--selected' : isSelected(page.id)}\"\n [page]=\"page\"\n (click)=\"goTo(page.id)\" />\n</div>\n", styles: [".adf-pdf-thumbnails{display:block;overflow:hidden;overflow-y:auto;height:100%;position:relative}.adf-pdf-thumbnails__content{top:5px;left:50%;height:0;position:absolute}.adf-pdf-thumbnails__thumb{cursor:pointer;display:block;width:91px;background:var(--mat-sys-surface);margin-bottom:15px}.adf-pdf-thumbnails__thumb:hover{box-shadow:var(--mat-sys-level2)}.adf-pdf-thumbnails__thumb--selected{border:2px solid var(--mat-sys-primary)}\n"] }]
|
|
4716
4716
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
4717
4717
|
type: Inject,
|
|
4718
4718
|
args: [DOCUMENT]
|
|
@@ -5222,7 +5222,7 @@ class PdfViewerComponent {
|
|
|
5222
5222
|
}
|
|
5223
5223
|
}
|
|
5224
5224
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfViewerComponent, isStandalone: true, selector: "adf-pdf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName", showToolbar: "showToolbar", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", cacheType: "cacheType" }, outputs: { rendered: "rendered", error: "error", close: "close", pagesLoaded: "pagesLoaded" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "adf-pdf-viewer" }, providers: [RenderingQueueServices], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-pdf-viewer__container\">\n <ng-container *ngIf=\"showThumbnails\">\n <div class=\"adf-pdf-viewer__thumbnails\">\n <div class=\"adf-thumbnails-template__container\">\n <div class=\"adf-thumbnails-template__buttons\">\n <button mat-icon-button\n data-automation-id='adf-thumbnails-close'\n (click)=\"toggleThumbnails()\"\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS_PANLEL_CLOSE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <ng-container *ngIf=\"thumbnailsTemplate\">\n <ng-container *ngTemplateOutlet=\"thumbnailsTemplate;context:pdfThumbnailsContext\" />\n </ng-container>\n <adf-pdf-thumbnails *ngIf=\"!thumbnailsTemplate && !isPanelDisabled\"\n (close)=\"toggleThumbnails()\"\n [pdfViewer]=\"pdfViewer\" />\n </div>\n </div>\n </ng-container>\n\n <div class=\"adf-pdf-viewer__content\">\n <div [id]=\"randomPdfId + '-viewer-pdf-viewer'\"\n class=\"adf-viewer-pdf-viewer\"\n (window:resize)=\"onResize()\">\n <div [id]=\"randomPdfId + '-viewer-viewerPdf'\"\n class=\"adf-pdfViewer pdfViewer\"\n role=\"document\"\n tabindex=\"0\"\n aria-expanded=\"true\">\n <div id=\"loader-container\" class=\"adf-loader-container\">\n <div class=\"adf-loader-item\">\n <mat-progress-bar [attr.aria-label]=\"'ADF_VIEWER.ARIA.LOADING' | translate\"\n class=\"adf-loader-item-progress-bar\" mode=\"indeterminate\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"adf-pdf-viewer__toolbar\" *ngIf=\"showToolbar\" [ngStyle]=\"documentOverflow && {bottom: '25px'}\">\n <adf-toolbar>\n\n <ng-container *ngIf=\"allowThumbnails\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS' | translate\"\n [attr.aria-expanded]=\"showThumbnails\"\n data-automation-id=\"adf-thumbnails-button\"\n [disabled]=\"isPanelDisabled\"\n (click)=\"toggleThumbnails()\">\n <mat-icon>dashboard</mat-icon>\n </button>\n <adf-toolbar-divider />\n </ng-container>\n\n <button id=\"viewer-previous-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"previousPage()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n </button>\n\n <button id=\"viewer-next-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"nextPage()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n </button>\n\n <div class=\"adf-pdf-viewer__toolbar-page-selector\">\n <label for=\"page-selector\">{{ 'ADF_VIEWER.PAGE_LABEL.SHOWING' | translate }}</label>\n <input #page\n id=\"page-selector\"\n type=\"text\"\n data-automation-id=\"adf-page-selector\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n value=\"{{ displayPage }}\"\n [attr.aria-label]=\"'ADF_VIEWER.PAGE_LABEL.PAGE_SELECTOR_LABEL' | translate\"\n (keyup.enter)=\"inputPage(page.value)\">\n <span>{{ 'ADF_VIEWER.PAGE_LABEL.OF' | translate }} {{ totalPages }}</span>\n </div>\n\n <div class=\"adf-pdf-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n mat-icon-button\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <button id=\"viewer-scale-page-button\"\n role=\"button\" aria-pressed=\"true\"\n title=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"pageFit()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-pdf-viewer .textLayer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1;border:1px solid gray}.adf-pdf-viewer .textLayer>div{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.adf-pdf-viewer .textLayer .adf-highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-begin{border-radius:4px 0 0 4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-end{border-radius:0 4px 4px 0}.adf-pdf-viewer .textLayer .adf-highlight.adf-middle{border-radius:0}.adf-pdf-viewer .textLayer .adf-highlight.adf-selected{background-color:#006400}.adf-pdf-viewer .textLayer::selection{background:#00f}.adf-pdf-viewer .textLayer .adf-endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.adf-pdf-viewer .textLayer .adf-endOfContent.adf-active{top:0}.adf-pdf-viewer .adf-annotationLayer section{position:absolute}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.adf-pdf-viewer .adf-annotationLayer .adf-textAnnotation img{position:absolute;cursor:pointer}.adf-pdf-viewer .adf-annotationLayer .adf-popupWrapper{position:absolute;width:20em}.adf-pdf-viewer .adf-annotationLayer .adf-popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.adf-pdf-viewer .adf-annotationLayer .adf-popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-popup p{padding-top:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-highlightAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-underlineAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-squigglyAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-strikeoutAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-fileAttachmentAnnotation{cursor:pointer}.adf-pdf-viewer .adf-pdfViewer .canvasWrapper{overflow:hidden}.adf-pdf-viewer .adf-pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:1px auto -8px;position:relative;overflow:visible;border:9px solid transparent;background-clip:content-box;background-color:#fff}.adf-pdf-viewer .adf-pdfViewer .page canvas{margin:0;display:block}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon{position:absolute;display:block;width:100px;height:100px;inset:50% 0 0 50%;margin-top:-50px;margin-left:-50px;font-size:5px;text-indent:-9999em;border-top:1.1em solid rgba(3,0,2,.2);border-right:1.1em solid rgba(3,0,2,.2);border-bottom:1.1em solid rgba(3,0,2,.2);border-left:1.1em solid #030002;animation:load8 1.1s infinite linear;border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon:after{border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page *{padding:0;margin:0}.adf-pdf-viewer .adf-pdfViewer.adf-removePageBorders .adf-page{margin:0 auto 10px;border:none}.adf-pdf-viewer .adf-hidden,.adf-pdf-viewer [hidden]{display:none}.adf-viewer-pdf-viewer{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;inset:0;outline:none}html[dir=ltr] .adf-viewer-pdf-viewer{box-shadow:inset 1px 0 #ffffff0d}html[dir=rtl] .adf-viewer-pdf-viewer{box-shadow:inset -1px 0 #ffffff0d}\n", ".adf-pdf-viewer{width:100%;height:100%;margin:0}.adf-pdf-viewer .adf-loader-container{display:flex;flex-direction:row;height:100%}.adf-pdf-viewer__thumbnails{position:relative;height:100%;width:190px;background-color:#0000001f;display:flex;flex-direction:column;padding:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;background:#e6e6e6}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-header{margin-bottom:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content{padding:0;height:100%;overflow:hidden}.adf-pdf-viewer__thumbnails .adf-info-drawer-content{height:100%}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content>*:last-child{height:100%;overflow:hidden}.adf-pdf-viewer .adf-thumbnails-template__container{display:flex;flex-direction:column;height:100%}.adf-pdf-viewer .adf-thumbnails-template__buttons{height:45px;justify-content:flex-end;align-items:flex-end;display:flex;color:var(--adf-theme-foreground-text-color-054)}.adf-pdf-viewer__container{display:flex;height:100%;min-height:1px}.adf-pdf-viewer__content{flex:1 1 auto;position:relative}.adf-pdf-viewer .adf-loader-item{margin:auto;max-height:100px;max-width:300px}.adf-pdf-viewer .adf-loader-item .adf-loader-item-progress-bar{max-width:300px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.adf-pdf-viewer__toolbar{z-index:100;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-pdf-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #000,0 0 2px #0000001f}.adf-pdf-viewer__toolbar-page-selector{padding-left:10px;padding-right:10px;white-space:nowrap;font-size:var(--theme-body-1-font-size)}.adf-pdf-viewer__toolbar-page-selector>input{border:1px solid var(--adf-theme-foreground-text-color-007);background-color:var(--adf-theme-background-card-color);color:inherit;font-size:var(--theme-body-1-font-size);padding:5px;height:24px;line-height:24px;text-align:right;width:33px;margin-right:4px;outline-width:1px;outline-color:gray}.adf-pdf-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: PdfThumbListComponent, selector: "adf-pdf-thumbnails", inputs: ["pdfViewer"], outputs: ["close"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5225
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PdfViewerComponent, isStandalone: true, selector: "adf-pdf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", fileName: "fileName", showToolbar: "showToolbar", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", cacheType: "cacheType" }, outputs: { rendered: "rendered", error: "error", close: "close", pagesLoaded: "pagesLoaded" }, host: { listeners: { "document:keydown": "handleKeyboardEvent($event)" }, classAttribute: "adf-pdf-viewer" }, providers: [RenderingQueueServices], usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-pdf-viewer__container\">\n <ng-container *ngIf=\"showThumbnails\">\n <div class=\"adf-pdf-viewer__thumbnails\">\n <div class=\"adf-thumbnails-template__container\">\n <div class=\"adf-thumbnails-template__buttons\">\n <button mat-icon-button\n data-automation-id='adf-thumbnails-close'\n (click)=\"toggleThumbnails()\"\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS_PANLEL_CLOSE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <ng-container *ngIf=\"thumbnailsTemplate\">\n <ng-container *ngTemplateOutlet=\"thumbnailsTemplate;context:pdfThumbnailsContext\" />\n </ng-container>\n <adf-pdf-thumbnails *ngIf=\"!thumbnailsTemplate && !isPanelDisabled\"\n (close)=\"toggleThumbnails()\"\n [pdfViewer]=\"pdfViewer\" />\n </div>\n </div>\n </ng-container>\n\n <div class=\"adf-pdf-viewer__content\">\n <div [id]=\"randomPdfId + '-viewer-pdf-viewer'\"\n class=\"adf-viewer-pdf-viewer\"\n (window:resize)=\"onResize()\">\n <div [id]=\"randomPdfId + '-viewer-viewerPdf'\"\n class=\"adf-pdfViewer pdfViewer\"\n role=\"document\"\n tabindex=\"0\"\n aria-expanded=\"true\">\n <div id=\"loader-container\" class=\"adf-loader-container\">\n <div class=\"adf-loader-item\">\n <mat-progress-bar [attr.aria-label]=\"'ADF_VIEWER.ARIA.LOADING' | translate\"\n class=\"adf-loader-item-progress-bar\" mode=\"indeterminate\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"adf-pdf-viewer__toolbar\" *ngIf=\"showToolbar\" [ngStyle]=\"documentOverflow && {bottom: '25px'}\">\n <adf-toolbar>\n\n <ng-container *ngIf=\"allowThumbnails\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS' | translate\"\n [attr.aria-expanded]=\"showThumbnails\"\n data-automation-id=\"adf-thumbnails-button\"\n [disabled]=\"isPanelDisabled\"\n (click)=\"toggleThumbnails()\">\n <mat-icon>dashboard</mat-icon>\n </button>\n <adf-toolbar-divider />\n </ng-container>\n\n <button id=\"viewer-previous-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"previousPage()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n </button>\n\n <button id=\"viewer-next-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"nextPage()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n </button>\n\n <div class=\"adf-pdf-viewer__toolbar-page-selector\">\n <label for=\"page-selector\">{{ 'ADF_VIEWER.PAGE_LABEL.SHOWING' | translate }}</label>\n <input #page\n id=\"page-selector\"\n type=\"text\"\n data-automation-id=\"adf-page-selector\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n value=\"{{ displayPage }}\"\n [attr.aria-label]=\"'ADF_VIEWER.PAGE_LABEL.PAGE_SELECTOR_LABEL' | translate\"\n (keyup.enter)=\"inputPage(page.value)\">\n <span>{{ 'ADF_VIEWER.PAGE_LABEL.OF' | translate }} {{ totalPages }}</span>\n </div>\n\n <div class=\"adf-pdf-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n mat-icon-button\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <button id=\"viewer-scale-page-button\"\n role=\"button\" aria-pressed=\"true\"\n title=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"pageFit()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-pdf-viewer .textLayer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1;border:1px solid gray}.adf-pdf-viewer .textLayer>div{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.adf-pdf-viewer .textLayer .adf-highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-begin{border-radius:4px 0 0 4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-end{border-radius:0 4px 4px 0}.adf-pdf-viewer .textLayer .adf-highlight.adf-middle{border-radius:0}.adf-pdf-viewer .textLayer .adf-highlight.adf-selected{background-color:#006400}.adf-pdf-viewer .textLayer::selection{background:#00f}.adf-pdf-viewer .textLayer .adf-endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.adf-pdf-viewer .textLayer .adf-endOfContent.adf-active{top:0}.adf-pdf-viewer .adf-annotationLayer section{position:absolute}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.adf-pdf-viewer .adf-annotationLayer .adf-textAnnotation img{position:absolute;cursor:pointer}.adf-pdf-viewer .adf-annotationLayer .adf-popupWrapper{position:absolute;width:20em}.adf-pdf-viewer .adf-annotationLayer .adf-popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.adf-pdf-viewer .adf-annotationLayer .adf-popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-popup p{padding-top:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-highlightAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-underlineAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-squigglyAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-strikeoutAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-fileAttachmentAnnotation{cursor:pointer}.adf-pdf-viewer .adf-pdfViewer .canvasWrapper{overflow:hidden}.adf-pdf-viewer .adf-pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:1px auto -8px;position:relative;overflow:visible;border:9px solid transparent;background-clip:content-box;background-color:#fff}.adf-pdf-viewer .adf-pdfViewer .page canvas{margin:0;display:block}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon{position:absolute;display:block;width:100px;height:100px;inset:50% 0 0 50%;margin-top:-50px;margin-left:-50px;font-size:5px;text-indent:-9999em;border-top:1.1em solid rgba(3,0,2,.2);border-right:1.1em solid rgba(3,0,2,.2);border-bottom:1.1em solid rgba(3,0,2,.2);border-left:1.1em solid #030002;animation:load8 1.1s infinite linear;border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon:after{border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page *{padding:0;margin:0}.adf-pdf-viewer .adf-pdfViewer.adf-removePageBorders .adf-page{margin:0 auto 10px;border:none}.adf-pdf-viewer .adf-hidden,.adf-pdf-viewer [hidden]{display:none}.adf-viewer-pdf-viewer{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;inset:0;outline:none}html[dir=ltr] .adf-viewer-pdf-viewer{box-shadow:inset 1px 0 #ffffff0d}html[dir=rtl] .adf-viewer-pdf-viewer{box-shadow:inset -1px 0 #ffffff0d}\n", ".adf-pdf-viewer{width:100%;height:100%;margin:0}.adf-pdf-viewer .adf-loader-container{display:flex;flex-direction:row;height:100%}.adf-pdf-viewer__thumbnails{position:relative;height:100%;width:190px;background-color:#0000001f;display:flex;flex-direction:column;padding:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;background:#e6e6e6}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-header{margin-bottom:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content{padding:0;height:100%;overflow:hidden}.adf-pdf-viewer__thumbnails .adf-info-drawer-content{height:100%}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content>*:last-child{height:100%;overflow:hidden}.adf-pdf-viewer .adf-thumbnails-template__container{display:flex;flex-direction:column;height:100%}.adf-pdf-viewer .adf-thumbnails-template__buttons{height:45px;justify-content:flex-end;align-items:flex-end;display:flex}.adf-pdf-viewer__container{display:flex;height:100%;min-height:1px}.adf-pdf-viewer__content{flex:1 1 auto;position:relative}.adf-pdf-viewer .adf-loader-item{margin:auto;max-height:100px;max-width:300px}.adf-pdf-viewer .adf-loader-item .adf-loader-item-progress-bar{max-width:300px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.adf-pdf-viewer__toolbar{z-index:100;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-pdf-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--mat-sys-surface);border-width:0;border-radius:2px;box-shadow:0 2px 2px #000,0 0 2px #0000001f}.adf-pdf-viewer__toolbar-page-selector{padding-left:10px;padding-right:10px;white-space:nowrap}.adf-pdf-viewer__toolbar-page-selector>input{border:1px solid var(--mat-sys-outline);background-color:var(--mat-sys-surface);color:inherit;padding:5px;height:24px;line-height:24px;text-align:right;width:33px;margin-right:4px;outline-width:1px;outline-color:gray}.adf-pdf-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--mat-sys-body-medium-size);border:1px solid var(--mat-sys-outline);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: PdfThumbListComponent, selector: "adf-pdf-thumbnails", inputs: ["pdfViewer"], outputs: ["close"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarDividerComponent, selector: "adf-toolbar-divider" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5226
5226
|
}
|
|
5227
5227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PdfViewerComponent, decorators: [{
|
|
5228
5228
|
type: Component,
|
|
@@ -5237,7 +5237,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
5237
5237
|
NgStyle,
|
|
5238
5238
|
ToolbarComponent,
|
|
5239
5239
|
ToolbarDividerComponent
|
|
5240
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-viewer__container\">\n <ng-container *ngIf=\"showThumbnails\">\n <div class=\"adf-pdf-viewer__thumbnails\">\n <div class=\"adf-thumbnails-template__container\">\n <div class=\"adf-thumbnails-template__buttons\">\n <button mat-icon-button\n data-automation-id='adf-thumbnails-close'\n (click)=\"toggleThumbnails()\"\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS_PANLEL_CLOSE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <ng-container *ngIf=\"thumbnailsTemplate\">\n <ng-container *ngTemplateOutlet=\"thumbnailsTemplate;context:pdfThumbnailsContext\" />\n </ng-container>\n <adf-pdf-thumbnails *ngIf=\"!thumbnailsTemplate && !isPanelDisabled\"\n (close)=\"toggleThumbnails()\"\n [pdfViewer]=\"pdfViewer\" />\n </div>\n </div>\n </ng-container>\n\n <div class=\"adf-pdf-viewer__content\">\n <div [id]=\"randomPdfId + '-viewer-pdf-viewer'\"\n class=\"adf-viewer-pdf-viewer\"\n (window:resize)=\"onResize()\">\n <div [id]=\"randomPdfId + '-viewer-viewerPdf'\"\n class=\"adf-pdfViewer pdfViewer\"\n role=\"document\"\n tabindex=\"0\"\n aria-expanded=\"true\">\n <div id=\"loader-container\" class=\"adf-loader-container\">\n <div class=\"adf-loader-item\">\n <mat-progress-bar [attr.aria-label]=\"'ADF_VIEWER.ARIA.LOADING' | translate\"\n class=\"adf-loader-item-progress-bar\" mode=\"indeterminate\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"adf-pdf-viewer__toolbar\" *ngIf=\"showToolbar\" [ngStyle]=\"documentOverflow && {bottom: '25px'}\">\n <adf-toolbar>\n\n <ng-container *ngIf=\"allowThumbnails\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS' | translate\"\n [attr.aria-expanded]=\"showThumbnails\"\n data-automation-id=\"adf-thumbnails-button\"\n [disabled]=\"isPanelDisabled\"\n (click)=\"toggleThumbnails()\">\n <mat-icon>dashboard</mat-icon>\n </button>\n <adf-toolbar-divider />\n </ng-container>\n\n <button id=\"viewer-previous-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"previousPage()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n </button>\n\n <button id=\"viewer-next-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"nextPage()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n </button>\n\n <div class=\"adf-pdf-viewer__toolbar-page-selector\">\n <label for=\"page-selector\">{{ 'ADF_VIEWER.PAGE_LABEL.SHOWING' | translate }}</label>\n <input #page\n id=\"page-selector\"\n type=\"text\"\n data-automation-id=\"adf-page-selector\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n value=\"{{ displayPage }}\"\n [attr.aria-label]=\"'ADF_VIEWER.PAGE_LABEL.PAGE_SELECTOR_LABEL' | translate\"\n (keyup.enter)=\"inputPage(page.value)\">\n <span>{{ 'ADF_VIEWER.PAGE_LABEL.OF' | translate }} {{ totalPages }}</span>\n </div>\n\n <div class=\"adf-pdf-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n mat-icon-button\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <button id=\"viewer-scale-page-button\"\n role=\"button\" aria-pressed=\"true\"\n title=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"pageFit()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-pdf-viewer .textLayer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1;border:1px solid gray}.adf-pdf-viewer .textLayer>div{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.adf-pdf-viewer .textLayer .adf-highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-begin{border-radius:4px 0 0 4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-end{border-radius:0 4px 4px 0}.adf-pdf-viewer .textLayer .adf-highlight.adf-middle{border-radius:0}.adf-pdf-viewer .textLayer .adf-highlight.adf-selected{background-color:#006400}.adf-pdf-viewer .textLayer::selection{background:#00f}.adf-pdf-viewer .textLayer .adf-endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.adf-pdf-viewer .textLayer .adf-endOfContent.adf-active{top:0}.adf-pdf-viewer .adf-annotationLayer section{position:absolute}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.adf-pdf-viewer .adf-annotationLayer .adf-textAnnotation img{position:absolute;cursor:pointer}.adf-pdf-viewer .adf-annotationLayer .adf-popupWrapper{position:absolute;width:20em}.adf-pdf-viewer .adf-annotationLayer .adf-popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.adf-pdf-viewer .adf-annotationLayer .adf-popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-popup p{padding-top:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-highlightAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-underlineAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-squigglyAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-strikeoutAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-fileAttachmentAnnotation{cursor:pointer}.adf-pdf-viewer .adf-pdfViewer .canvasWrapper{overflow:hidden}.adf-pdf-viewer .adf-pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:1px auto -8px;position:relative;overflow:visible;border:9px solid transparent;background-clip:content-box;background-color:#fff}.adf-pdf-viewer .adf-pdfViewer .page canvas{margin:0;display:block}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon{position:absolute;display:block;width:100px;height:100px;inset:50% 0 0 50%;margin-top:-50px;margin-left:-50px;font-size:5px;text-indent:-9999em;border-top:1.1em solid rgba(3,0,2,.2);border-right:1.1em solid rgba(3,0,2,.2);border-bottom:1.1em solid rgba(3,0,2,.2);border-left:1.1em solid #030002;animation:load8 1.1s infinite linear;border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon:after{border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page *{padding:0;margin:0}.adf-pdf-viewer .adf-pdfViewer.adf-removePageBorders .adf-page{margin:0 auto 10px;border:none}.adf-pdf-viewer .adf-hidden,.adf-pdf-viewer [hidden]{display:none}.adf-viewer-pdf-viewer{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;inset:0;outline:none}html[dir=ltr] .adf-viewer-pdf-viewer{box-shadow:inset 1px 0 #ffffff0d}html[dir=rtl] .adf-viewer-pdf-viewer{box-shadow:inset -1px 0 #ffffff0d}\n", ".adf-pdf-viewer{width:100%;height:100%;margin:0}.adf-pdf-viewer .adf-loader-container{display:flex;flex-direction:row;height:100%}.adf-pdf-viewer__thumbnails{position:relative;height:100%;width:190px;background-color:#0000001f;display:flex;flex-direction:column;padding:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;background:#e6e6e6}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-header{margin-bottom:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content{padding:0;height:100%;overflow:hidden}.adf-pdf-viewer__thumbnails .adf-info-drawer-content{height:100%}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content>*:last-child{height:100%;overflow:hidden}.adf-pdf-viewer .adf-thumbnails-template__container{display:flex;flex-direction:column;height:100%}.adf-pdf-viewer .adf-thumbnails-template__buttons{height:45px;justify-content:flex-end;align-items:flex-end;display:flex;color:var(--adf-theme-foreground-text-color-054)}.adf-pdf-viewer__container{display:flex;height:100%;min-height:1px}.adf-pdf-viewer__content{flex:1 1 auto;position:relative}.adf-pdf-viewer .adf-loader-item{margin:auto;max-height:100px;max-width:300px}.adf-pdf-viewer .adf-loader-item .adf-loader-item-progress-bar{max-width:300px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.adf-pdf-viewer__toolbar{z-index:100;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-pdf-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--adf-theme-background-card-color);border-width:0;border-radius:2px;box-shadow:0 2px 2px #000,0 0 2px #0000001f}.adf-pdf-viewer__toolbar-page-selector{padding-left:10px;padding-right:10px;white-space:nowrap;font-size:var(--theme-body-1-font-size)}.adf-pdf-viewer__toolbar-page-selector>input{border:1px solid var(--adf-theme-foreground-text-color-007);background-color:var(--adf-theme-background-card-color);color:inherit;font-size:var(--theme-body-1-font-size);padding:5px;height:24px;line-height:24px;text-align:right;width:33px;margin-right:4px;outline-width:1px;outline-color:gray}.adf-pdf-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--theme-body-1-font-size);border:1px solid var(--adf-theme-foreground-text-color-007);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"] }]
|
|
5240
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-pdf-viewer__container\">\n <ng-container *ngIf=\"showThumbnails\">\n <div class=\"adf-pdf-viewer__thumbnails\">\n <div class=\"adf-thumbnails-template__container\">\n <div class=\"adf-thumbnails-template__buttons\">\n <button mat-icon-button\n data-automation-id='adf-thumbnails-close'\n (click)=\"toggleThumbnails()\"\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS_PANLEL_CLOSE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <ng-container *ngIf=\"thumbnailsTemplate\">\n <ng-container *ngTemplateOutlet=\"thumbnailsTemplate;context:pdfThumbnailsContext\" />\n </ng-container>\n <adf-pdf-thumbnails *ngIf=\"!thumbnailsTemplate && !isPanelDisabled\"\n (close)=\"toggleThumbnails()\"\n [pdfViewer]=\"pdfViewer\" />\n </div>\n </div>\n </ng-container>\n\n <div class=\"adf-pdf-viewer__content\">\n <div [id]=\"randomPdfId + '-viewer-pdf-viewer'\"\n class=\"adf-viewer-pdf-viewer\"\n (window:resize)=\"onResize()\">\n <div [id]=\"randomPdfId + '-viewer-viewerPdf'\"\n class=\"adf-pdfViewer pdfViewer\"\n role=\"document\"\n tabindex=\"0\"\n aria-expanded=\"true\">\n <div id=\"loader-container\" class=\"adf-loader-container\">\n <div class=\"adf-loader-item\">\n <mat-progress-bar [attr.aria-label]=\"'ADF_VIEWER.ARIA.LOADING' | translate\"\n class=\"adf-loader-item-progress-bar\" mode=\"indeterminate\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"adf-pdf-viewer__toolbar\" *ngIf=\"showToolbar\" [ngStyle]=\"documentOverflow && {bottom: '25px'}\">\n <adf-toolbar>\n\n <ng-container *ngIf=\"allowThumbnails\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ARIA.THUMBNAILS' | translate\"\n [attr.aria-expanded]=\"showThumbnails\"\n data-automation-id=\"adf-thumbnails-button\"\n [disabled]=\"isPanelDisabled\"\n (click)=\"toggleThumbnails()\">\n <mat-icon>dashboard</mat-icon>\n </button>\n <adf-toolbar-divider />\n </ng-container>\n\n <button id=\"viewer-previous-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.PREVIOUS_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"previousPage()\">\n <mat-icon>keyboard_arrow_up</mat-icon>\n </button>\n\n <button id=\"viewer-next-page-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.NEXT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"nextPage()\">\n <mat-icon>keyboard_arrow_down</mat-icon>\n </button>\n\n <div class=\"adf-pdf-viewer__toolbar-page-selector\">\n <label for=\"page-selector\">{{ 'ADF_VIEWER.PAGE_LABEL.SHOWING' | translate }}</label>\n <input #page\n id=\"page-selector\"\n type=\"text\"\n data-automation-id=\"adf-page-selector\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n value=\"{{ displayPage }}\"\n [attr.aria-label]=\"'ADF_VIEWER.PAGE_LABEL.PAGE_SELECTOR_LABEL' | translate\"\n (keyup.enter)=\"inputPage(page.value)\">\n <span>{{ 'ADF_VIEWER.PAGE_LABEL.OF' | translate }} {{ totalPages }}</span>\n </div>\n\n <div class=\"adf-pdf-viewer__toolbar-page-scale\" data-automation-id=\"adf-page-scale\">\n {{ currentScaleText }}\n </div>\n\n <button id=\"viewer-zoom-in-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_IN' | translate }}\"\n mat-icon-button\n (click)=\"zoomIn()\">\n <mat-icon>zoom_in</mat-icon>\n </button>\n\n <button id=\"viewer-zoom-out-button\"\n title=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.ZOOM_OUT' | translate }}\"\n mat-icon-button\n (click)=\"zoomOut()\">\n <mat-icon>zoom_out</mat-icon>\n </button>\n\n <button id=\"viewer-scale-page-button\"\n role=\"button\" aria-pressed=\"true\"\n title=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n attr.aria-label=\"{{ 'ADF_VIEWER.ARIA.FIT_PAGE' | translate }}\"\n mat-icon-button\n (click)=\"pageFit()\">\n <mat-icon>zoom_out_map</mat-icon>\n </button>\n\n </adf-toolbar>\n</div>\n", styles: [".adf-pdf-viewer .textLayer{position:absolute;inset:0;overflow:hidden;opacity:.2;line-height:1;border:1px solid gray}.adf-pdf-viewer .textLayer>div{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.adf-pdf-viewer .textLayer .adf-highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-begin{border-radius:4px 0 0 4px}.adf-pdf-viewer .textLayer .adf-highlight.adf-end{border-radius:0 4px 4px 0}.adf-pdf-viewer .textLayer .adf-highlight.adf-middle{border-radius:0}.adf-pdf-viewer .textLayer .adf-highlight.adf-selected{background-color:#006400}.adf-pdf-viewer .textLayer::selection{background:#00f}.adf-pdf-viewer .textLayer .adf-endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.adf-pdf-viewer .textLayer .adf-endOfContent.adf-active{top:0}.adf-pdf-viewer .adf-annotationLayer section{position:absolute}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat}.adf-pdf-viewer .adf-annotationLayer .adf-linkAnnotation>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.adf-pdf-viewer .adf-annotationLayer .adf-textAnnotation img{position:absolute;cursor:pointer}.adf-pdf-viewer .adf-annotationLayer .adf-popupWrapper{position:absolute;width:20em}.adf-pdf-viewer .adf-annotationLayer .adf-popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.adf-pdf-viewer .adf-annotationLayer .adf-popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-popup p{padding-top:.2em}.adf-pdf-viewer .adf-annotationLayer .adf-highlightAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-underlineAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-squigglyAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-strikeoutAnnotation,.adf-pdf-viewer .adf-annotationLayer .adf-fileAttachmentAnnotation{cursor:pointer}.adf-pdf-viewer .adf-pdfViewer .canvasWrapper{overflow:hidden}.adf-pdf-viewer .adf-pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:1px auto -8px;position:relative;overflow:visible;border:9px solid transparent;background-clip:content-box;background-color:#fff}.adf-pdf-viewer .adf-pdfViewer .page canvas{margin:0;display:block}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon{position:absolute;display:block;width:100px;height:100px;inset:50% 0 0 50%;margin-top:-50px;margin-left:-50px;font-size:5px;text-indent:-9999em;border-top:1.1em solid rgba(3,0,2,.2);border-right:1.1em solid rgba(3,0,2,.2);border-bottom:1.1em solid rgba(3,0,2,.2);border-left:1.1em solid #030002;animation:load8 1.1s infinite linear;border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page .adf-loadingIcon:after{border-radius:50%}.adf-pdf-viewer .adf-pdfViewer .page *{padding:0;margin:0}.adf-pdf-viewer .adf-pdfViewer.adf-removePageBorders .adf-page{margin:0 auto 10px;border:none}.adf-pdf-viewer .adf-hidden,.adf-pdf-viewer [hidden]{display:none}.adf-viewer-pdf-viewer{overflow:auto;-webkit-overflow-scrolling:touch;position:absolute;inset:0;outline:none}html[dir=ltr] .adf-viewer-pdf-viewer{box-shadow:inset 1px 0 #ffffff0d}html[dir=rtl] .adf-viewer-pdf-viewer{box-shadow:inset -1px 0 #ffffff0d}\n", ".adf-pdf-viewer{width:100%;height:100%;margin:0}.adf-pdf-viewer .adf-loader-container{display:flex;flex-direction:row;height:100%}.adf-pdf-viewer__thumbnails{position:relative;height:100%;width:190px;background-color:#0000001f;display:flex;flex-direction:column;padding:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;background:#e6e6e6}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-header{margin-bottom:0}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content{padding:0;height:100%;overflow:hidden}.adf-pdf-viewer__thumbnails .adf-info-drawer-content{height:100%}.adf-pdf-viewer__thumbnails .adf-info-drawer-layout-content>*:last-child{height:100%;overflow:hidden}.adf-pdf-viewer .adf-thumbnails-template__container{display:flex;flex-direction:column;height:100%}.adf-pdf-viewer .adf-thumbnails-template__buttons{height:45px;justify-content:flex-end;align-items:flex-end;display:flex}.adf-pdf-viewer__container{display:flex;height:100%;min-height:1px}.adf-pdf-viewer__content{flex:1 1 auto;position:relative}.adf-pdf-viewer .adf-loader-item{margin:auto;max-height:100px;max-width:300px}.adf-pdf-viewer .adf-loader-item .adf-loader-item-progress-bar{max-width:300px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.adf-pdf-viewer__toolbar{z-index:100;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.adf-pdf-viewer__toolbar .adf-toolbar .mat-toolbar{max-height:48px;background-color:var(--mat-sys-surface);border-width:0;border-radius:2px;box-shadow:0 2px 2px #000,0 0 2px #0000001f}.adf-pdf-viewer__toolbar-page-selector{padding-left:10px;padding-right:10px;white-space:nowrap}.adf-pdf-viewer__toolbar-page-selector>input{border:1px solid var(--mat-sys-outline);background-color:var(--mat-sys-surface);color:inherit;padding:5px;height:24px;line-height:24px;text-align:right;width:33px;margin-right:4px;outline-width:1px;outline-color:gray}.adf-pdf-viewer__toolbar-page-scale{cursor:default;width:79px;height:24px;font-size:var(--mat-sys-body-medium-size);border:1px solid var(--mat-sys-outline);text-align:center;line-height:24px;margin-left:4px;margin-right:4px}\n"] }]
|
|
5241
5241
|
}], ctorParameters: () => [], propDecorators: { urlFile: [{
|
|
5242
5242
|
type: Input
|
|
5243
5243
|
}], blobFile: [{
|
|
@@ -5331,11 +5331,11 @@ class TxtViewerComponent {
|
|
|
5331
5331
|
});
|
|
5332
5332
|
}
|
|
5333
5333
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TxtViewerComponent, deps: [{ token: i1$8.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5334
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TxtViewerComponent, isStandalone: true, selector: "adf-txt-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile" }, outputs: { contentLoaded: "contentLoaded" }, host: { classAttribute: "adf-txt-viewer" }, usesOnChanges: true, ngImport: i0, template: "<pre class=\"adf-txt-viewer-content\">\n {{content}}\n</pre>\n", styles: [".adf-txt-viewer{background-color:var(--
|
|
5334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TxtViewerComponent, isStandalone: true, selector: "adf-txt-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile" }, outputs: { contentLoaded: "contentLoaded" }, host: { classAttribute: "adf-txt-viewer" }, usesOnChanges: true, ngImport: i0, template: "<pre class=\"adf-txt-viewer-content\">\n {{content}}\n</pre>\n", styles: [".adf-txt-viewer{background-color:var(--mat-sys-surface);overflow:auto;height:100%;width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5335
5335
|
}
|
|
5336
5336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TxtViewerComponent, decorators: [{
|
|
5337
5337
|
type: Component,
|
|
5338
|
-
args: [{ selector: 'adf-txt-viewer', host: { class: 'adf-txt-viewer' }, encapsulation: ViewEncapsulation.None, template: "<pre class=\"adf-txt-viewer-content\">\n {{content}}\n</pre>\n", styles: [".adf-txt-viewer{background-color:var(--
|
|
5338
|
+
args: [{ selector: 'adf-txt-viewer', host: { class: 'adf-txt-viewer' }, encapsulation: ViewEncapsulation.None, template: "<pre class=\"adf-txt-viewer-content\">\n {{content}}\n</pre>\n", styles: [".adf-txt-viewer{background-color:var(--mat-sys-surface);overflow:auto;height:100%;width:100%}\n"] }]
|
|
5339
5339
|
}], ctorParameters: () => [{ type: i1$8.HttpClient }, { type: AppConfigService }], propDecorators: { urlFile: [{
|
|
5340
5340
|
type: Input
|
|
5341
5341
|
}], blobFile: [{
|
|
@@ -5362,11 +5362,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
5362
5362
|
*/
|
|
5363
5363
|
class UnknownFormatComponent {
|
|
5364
5364
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnknownFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5365
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnknownFormatComponent, isStandalone: true, selector: "adf-viewer-unknown-format", inputs: { customError: "customError" }, ngImport: i0, template: "<div class=\"adf-viewer__unknown-format-view\">\n <div>\n <mat-icon class=\"icon\">error</mat-icon>\n <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center
|
|
5365
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnknownFormatComponent, isStandalone: true, selector: "adf-viewer-unknown-format", inputs: { customError: "customError" }, ngImport: i0, template: "<div class=\"adf-viewer__unknown-format-view\">\n <div>\n <mat-icon class=\"icon\">error</mat-icon>\n <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5366
5366
|
}
|
|
5367
5367
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnknownFormatComponent, decorators: [{
|
|
5368
5368
|
type: Component,
|
|
5369
|
-
args: [{ selector: 'adf-viewer-unknown-format', imports: [MatIconModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-viewer__unknown-format-view\">\n <div>\n <mat-icon class=\"icon\">error</mat-icon>\n <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center
|
|
5369
|
+
args: [{ selector: 'adf-viewer-unknown-format', imports: [MatIconModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-viewer__unknown-format-view\">\n <div>\n <mat-icon class=\"icon\">error</mat-icon>\n <div class=\"adf-viewer__unknown-label\">{{ customError || 'ADF_VIEWER.UNKNOWN_FORMAT' | translate }}</div>\n </div>\n</div>\n", styles: [".adf-viewer__unknown-format-view{height:90vh;text-align:center;display:flex;flex:1;flex-direction:column;justify-content:center}\n"] }]
|
|
5370
5370
|
}], propDecorators: { customError: [{
|
|
5371
5371
|
type: Input
|
|
5372
5372
|
}] } });
|
|
@@ -5712,7 +5712,7 @@ class ViewerRenderComponent {
|
|
|
5712
5712
|
this.close.next(true);
|
|
5713
5713
|
}
|
|
5714
5714
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerRenderComponent, deps: [{ token: ViewUtilService }, { token: i1$4.AppExtensionService }, { token: i1$7.MatDialog }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5715
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerRenderComponent, isStandalone: true, selector: "adf-viewer-render", inputs: { urlFile: "urlFile", blobFile: "blobFile", allowFullScreen: "allowFullScreen", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", mimeType: "mimeType", fileName: "fileName", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", nodeId: "nodeId", viewerTemplateExtensions: "viewerTemplateExtensions", customError: "customError" }, outputs: { extensionChange: "extensionChange", submitFile: "submitFile", close: "close", isSaving: "isSaving" }, host: { classAttribute: "adf-viewer-render" }, providers: [ViewUtilService], usesOnChanges: true, ngImport: i0, template: "@if (isLoading) {\n <div class=\"adf-viewer-render-main-loader\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n <div class=\"adf-viewer-render__loading-screen\">\n <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n <div>\n <mat-spinner aria-labelledby=\"loading-spinner-label\" class=\"adf-viewer-render__loading-screen__spinner\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n}\n\n@if (urlFile || blobFile) {\n <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n @switch (viewerType) {\n @case ('external') {\n @if (!!externalViewer) {\n <adf-preview-extension\n [id]=\"externalViewer.component\"\n [url]=\"urlFile\"\n [extension]=\"externalViewer.fileExtension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"externalViewer.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n @case ('pdf') {\n <adf-pdf-viewer\n [thumbnailsTemplate]=\"thumbnailsTemplate\"\n [allowThumbnails]=\"allowThumbnails\"\n [blobFile]=\"blobFile\"\n [urlFile]=\"urlFile\"\n [fileName]=\"internalFileName\"\n [cacheType]=\"cacheTypeForContent\"\n (pagesLoaded)=\"markAsLoaded()\"\n (close)=\"onClose()\"\n (error)=\"onUnsupportedFile()\"\n />\n }\n\n @case ('image') {\n <adf-img-viewer\n [urlFile]=\"urlFile\"\n [readOnly]=\"readOnly\"\n [fileName]=\"internalFileName\"\n [allowedEditActions]=\"allowedEditActions\"\n [blobFile]=\"blobFile\"\n (error)=\"onUnsupportedFile()\"\n (submit)=\"onSubmitFile($event)\"\n (imageLoaded)=\"markAsLoaded()\"\n (isSaving)=\"isSaving.emit($event)\"\n />\n }\n\n @case ('media') {\n <adf-media-player\n id=\"adf-mdedia-player\"\n [urlFile]=\"urlFile\"\n [tracks]=\"tracks\"\n [mimeType]=\"mimeType\"\n [blobFile]=\"blobFile\"\n [fileName]=\"internalFileName\"\n (error)=\"onUnsupportedFile()\"\n (canPlay)=\"markAsLoaded()\"\n />\n }\n\n @case ('text') {\n <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n }\n\n @case ('custom') {\n @for (ext of viewerExtensions; track ext.id) {\n @if (checkExtensions(ext.fileExtension)) {\n <adf-preview-extension\n [id]=\"ext.component\"\n [url]=\"urlFile\"\n [extension]=\"extension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"ext.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n @if (extensionTemplate.isVisible) {\n <span class=\"adf-viewer-render-custom-content\">\n <ng-template\n [ngTemplateOutlet]=\"extensionTemplate.template\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n />\n </span>\n }\n </ng-container>\n }\n\n @default {\n <adf-viewer-unknown-format [customError]=\"customError\" />\n }\n }\n </div>\n </div>\n </div>\n}\n\n@if (viewerTemplateExtensions) {\n <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n [ngTemplateOutletInjector]=\"injector\" />\n}\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--
|
|
5715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerRenderComponent, isStandalone: true, selector: "adf-viewer-render", inputs: { urlFile: "urlFile", blobFile: "blobFile", allowFullScreen: "allowFullScreen", allowThumbnails: "allowThumbnails", thumbnailsTemplate: "thumbnailsTemplate", mimeType: "mimeType", fileName: "fileName", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", nodeId: "nodeId", viewerTemplateExtensions: "viewerTemplateExtensions", customError: "customError" }, outputs: { extensionChange: "extensionChange", submitFile: "submitFile", close: "close", isSaving: "isSaving" }, host: { classAttribute: "adf-viewer-render" }, providers: [ViewUtilService], usesOnChanges: true, ngImport: i0, template: "@if (isLoading) {\n <div class=\"adf-viewer-render-main-loader\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n <div class=\"adf-viewer-render__loading-screen\">\n <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n <div>\n <mat-spinner aria-labelledby=\"loading-spinner-label\" class=\"adf-viewer-render__loading-screen__spinner\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n}\n\n@if (urlFile || blobFile) {\n <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n @switch (viewerType) {\n @case ('external') {\n @if (!!externalViewer) {\n <adf-preview-extension\n [id]=\"externalViewer.component\"\n [url]=\"urlFile\"\n [extension]=\"externalViewer.fileExtension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"externalViewer.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n @case ('pdf') {\n <adf-pdf-viewer\n [thumbnailsTemplate]=\"thumbnailsTemplate\"\n [allowThumbnails]=\"allowThumbnails\"\n [blobFile]=\"blobFile\"\n [urlFile]=\"urlFile\"\n [fileName]=\"internalFileName\"\n [cacheType]=\"cacheTypeForContent\"\n (pagesLoaded)=\"markAsLoaded()\"\n (close)=\"onClose()\"\n (error)=\"onUnsupportedFile()\"\n />\n }\n\n @case ('image') {\n <adf-img-viewer\n [urlFile]=\"urlFile\"\n [readOnly]=\"readOnly\"\n [fileName]=\"internalFileName\"\n [allowedEditActions]=\"allowedEditActions\"\n [blobFile]=\"blobFile\"\n (error)=\"onUnsupportedFile()\"\n (submit)=\"onSubmitFile($event)\"\n (imageLoaded)=\"markAsLoaded()\"\n (isSaving)=\"isSaving.emit($event)\"\n />\n }\n\n @case ('media') {\n <adf-media-player\n id=\"adf-mdedia-player\"\n [urlFile]=\"urlFile\"\n [tracks]=\"tracks\"\n [mimeType]=\"mimeType\"\n [blobFile]=\"blobFile\"\n [fileName]=\"internalFileName\"\n (error)=\"onUnsupportedFile()\"\n (canPlay)=\"markAsLoaded()\"\n />\n }\n\n @case ('text') {\n <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n }\n\n @case ('custom') {\n @for (ext of viewerExtensions; track ext.id) {\n @if (checkExtensions(ext.fileExtension)) {\n <adf-preview-extension\n [id]=\"ext.component\"\n [url]=\"urlFile\"\n [extension]=\"extension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"ext.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n @if (extensionTemplate.isVisible) {\n <span class=\"adf-viewer-render-custom-content\">\n <ng-template\n [ngTemplateOutlet]=\"extensionTemplate.template\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n />\n </span>\n }\n </ng-container>\n }\n\n @default {\n <adf-viewer-unknown-format [customError]=\"customError\" />\n }\n }\n </div>\n </div>\n </div>\n}\n\n@if (viewerTemplateExtensions) {\n <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n [ngTemplateOutletInjector]=\"injector\" />\n}\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--mat-sys-surface)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--mat-sys-surface);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: PdfViewerComponent, selector: "adf-pdf-viewer", inputs: ["urlFile", "blobFile", "fileName", "showToolbar", "allowThumbnails", "thumbnailsTemplate", "cacheType"], outputs: ["rendered", "error", "close", "pagesLoaded"] }, { kind: "component", type: ImgViewerComponent, selector: "adf-img-viewer", inputs: ["showToolbar", "readOnly", "allowedEditActions", "urlFile", "blobFile", "fileName"], outputs: ["error", "submit", "isSaving", "imageLoaded"] }, { kind: "component", type: MediaPlayerComponent, selector: "adf-media-player", inputs: ["urlFile", "blobFile", "mimeType", "fileName", "tracks"], outputs: ["error", "canPlay"] }, { kind: "component", type: TxtViewerComponent, selector: "adf-txt-viewer", inputs: ["urlFile", "blobFile"], outputs: ["contentLoaded"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: UnknownFormatComponent, selector: "adf-viewer-unknown-format", inputs: ["customError"] }, { kind: "ngmodule", type: ExtensionsModule }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: PreviewExtensionComponent, selector: "adf-preview-extension", inputs: ["id", "nodeId", "url", "extension"], outputs: ["contentLoaded"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5716
5716
|
}
|
|
5717
5717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerRenderComponent, decorators: [{
|
|
5718
5718
|
type: Component,
|
|
@@ -5728,7 +5728,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
5728
5728
|
ExtensionsModule,
|
|
5729
5729
|
NgForOf,
|
|
5730
5730
|
PreviewExtensionComponent
|
|
5731
|
-
], providers: [ViewUtilService], template: "@if (isLoading) {\n <div class=\"adf-viewer-render-main-loader\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n <div class=\"adf-viewer-render__loading-screen\">\n <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n <div>\n <mat-spinner aria-labelledby=\"loading-spinner-label\" class=\"adf-viewer-render__loading-screen__spinner\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n}\n\n@if (urlFile || blobFile) {\n <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n @switch (viewerType) {\n @case ('external') {\n @if (!!externalViewer) {\n <adf-preview-extension\n [id]=\"externalViewer.component\"\n [url]=\"urlFile\"\n [extension]=\"externalViewer.fileExtension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"externalViewer.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n @case ('pdf') {\n <adf-pdf-viewer\n [thumbnailsTemplate]=\"thumbnailsTemplate\"\n [allowThumbnails]=\"allowThumbnails\"\n [blobFile]=\"blobFile\"\n [urlFile]=\"urlFile\"\n [fileName]=\"internalFileName\"\n [cacheType]=\"cacheTypeForContent\"\n (pagesLoaded)=\"markAsLoaded()\"\n (close)=\"onClose()\"\n (error)=\"onUnsupportedFile()\"\n />\n }\n\n @case ('image') {\n <adf-img-viewer\n [urlFile]=\"urlFile\"\n [readOnly]=\"readOnly\"\n [fileName]=\"internalFileName\"\n [allowedEditActions]=\"allowedEditActions\"\n [blobFile]=\"blobFile\"\n (error)=\"onUnsupportedFile()\"\n (submit)=\"onSubmitFile($event)\"\n (imageLoaded)=\"markAsLoaded()\"\n (isSaving)=\"isSaving.emit($event)\"\n />\n }\n\n @case ('media') {\n <adf-media-player\n id=\"adf-mdedia-player\"\n [urlFile]=\"urlFile\"\n [tracks]=\"tracks\"\n [mimeType]=\"mimeType\"\n [blobFile]=\"blobFile\"\n [fileName]=\"internalFileName\"\n (error)=\"onUnsupportedFile()\"\n (canPlay)=\"markAsLoaded()\"\n />\n }\n\n @case ('text') {\n <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n }\n\n @case ('custom') {\n @for (ext of viewerExtensions; track ext.id) {\n @if (checkExtensions(ext.fileExtension)) {\n <adf-preview-extension\n [id]=\"ext.component\"\n [url]=\"urlFile\"\n [extension]=\"extension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"ext.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n @if (extensionTemplate.isVisible) {\n <span class=\"adf-viewer-render-custom-content\">\n <ng-template\n [ngTemplateOutlet]=\"extensionTemplate.template\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n />\n </span>\n }\n </ng-container>\n }\n\n @default {\n <adf-viewer-unknown-format [customError]=\"customError\" />\n }\n }\n </div>\n </div>\n </div>\n}\n\n@if (viewerTemplateExtensions) {\n <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n [ngTemplateOutletInjector]=\"injector\" />\n}\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--
|
|
5731
|
+
], providers: [ViewUtilService], template: "@if (isLoading) {\n <div class=\"adf-viewer-render-main-loader\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n <div class=\"adf-viewer-render__loading-screen\">\n <h2 id=\"loading-spinner-label\">{{ 'ADF_VIEWER.LOADING' | translate }}</h2>\n <div>\n <mat-spinner aria-labelledby=\"loading-spinner-label\" class=\"adf-viewer-render__loading-screen__spinner\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n}\n\n@if (urlFile || blobFile) {\n <div [style.visibility]=\"isLoading ? 'hidden' : 'visible'\" class=\"adf-viewer-render-main\">\n <div class=\"adf-viewer-render-layout-content adf-viewer__fullscreen-container\">\n <div class=\"adf-viewer-render-content-container\">\n @switch (viewerType) {\n @case ('external') {\n @if (!!externalViewer) {\n <adf-preview-extension\n [id]=\"externalViewer.component\"\n [url]=\"urlFile\"\n [extension]=\"externalViewer.fileExtension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"externalViewer.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n @case ('pdf') {\n <adf-pdf-viewer\n [thumbnailsTemplate]=\"thumbnailsTemplate\"\n [allowThumbnails]=\"allowThumbnails\"\n [blobFile]=\"blobFile\"\n [urlFile]=\"urlFile\"\n [fileName]=\"internalFileName\"\n [cacheType]=\"cacheTypeForContent\"\n (pagesLoaded)=\"markAsLoaded()\"\n (close)=\"onClose()\"\n (error)=\"onUnsupportedFile()\"\n />\n }\n\n @case ('image') {\n <adf-img-viewer\n [urlFile]=\"urlFile\"\n [readOnly]=\"readOnly\"\n [fileName]=\"internalFileName\"\n [allowedEditActions]=\"allowedEditActions\"\n [blobFile]=\"blobFile\"\n (error)=\"onUnsupportedFile()\"\n (submit)=\"onSubmitFile($event)\"\n (imageLoaded)=\"markAsLoaded()\"\n (isSaving)=\"isSaving.emit($event)\"\n />\n }\n\n @case ('media') {\n <adf-media-player\n id=\"adf-mdedia-player\"\n [urlFile]=\"urlFile\"\n [tracks]=\"tracks\"\n [mimeType]=\"mimeType\"\n [blobFile]=\"blobFile\"\n [fileName]=\"internalFileName\"\n (error)=\"onUnsupportedFile()\"\n (canPlay)=\"markAsLoaded()\"\n />\n }\n\n @case ('text') {\n <adf-txt-viewer [urlFile]=\"urlFile\" [blobFile]=\"blobFile\" (contentLoaded)=\"markAsLoaded()\" />\n }\n\n @case ('custom') {\n @for (ext of viewerExtensions; track ext.id) {\n @if (checkExtensions(ext.fileExtension)) {\n <adf-preview-extension\n [id]=\"ext.component\"\n [url]=\"urlFile\"\n [extension]=\"extension\"\n [nodeId]=\"nodeId\"\n [attr.data-automation-id]=\"ext.component\"\n (contentLoaded)=\"markAsLoaded()\"\n />\n }\n }\n\n <ng-container *ngFor=\"let extensionTemplate of extensionTemplates\">\n @if (extensionTemplate.isVisible) {\n <span class=\"adf-viewer-render-custom-content\">\n <ng-template\n [ngTemplateOutlet]=\"extensionTemplate.template\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n />\n </span>\n }\n </ng-container>\n }\n\n @default {\n <adf-viewer-unknown-format [customError]=\"customError\" />\n }\n }\n </div>\n </div>\n </div>\n}\n\n@if (viewerTemplateExtensions) {\n <ng-template [ngTemplateOutlet]=\"viewerTemplateExtensions\"\n [ngTemplateOutletContext]=\"{ urlFile: urlFile, extension: extension, markAsLoaded: markAsLoaded.bind(this) }\"\n [ngTemplateOutletInjector]=\"injector\" />\n}\n", styles: [".adf-full-screen,.adf-viewer-render-layout-content{width:100%;height:100%;background-color:var(--mat-sys-surface)}.adf-viewer-render-main-loader{position:fixed;top:64px;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.adf-viewer-render-main{width:0;order:1;flex:1 1 auto}.adf-viewer-render-content-container{display:flex;justify-content:center}.adf-viewer-render-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--mat-sys-surface);display:flex;flex-flow:row wrap;flex:1}.adf-viewer-render-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:93vh;width:100%}.adf-viewer-render-overlay-container .adf-viewer-render-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-render__loading-screen{display:flex;flex:1 1 auto;align-items:center;justify-content:center;flex-direction:column;height:85vh}.adf-viewer-render__loading-screen__spinner{margin:0 auto}.adf-viewer-render-custom-content{width:100vw}.adf-viewer-render-unknown-content{align-items:center;display:flex}.adf-viewer-render-pdf{display:contents}\n"] }]
|
|
5732
5732
|
}], ctorParameters: () => [{ type: ViewUtilService }, { type: i1$4.AppExtensionService }, { type: i1$7.MatDialog }, { type: i0.Injector }], propDecorators: { urlFile: [{
|
|
5733
5733
|
type: Input
|
|
5734
5734
|
}], blobFile: [{
|
|
@@ -5831,11 +5831,11 @@ class DownloadPromptDialogComponent {
|
|
|
5831
5831
|
this.DownloadPromptActions = DownloadPromptActions;
|
|
5832
5832
|
}
|
|
5833
5833
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DownloadPromptDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5834
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DownloadPromptDialogComponent, isStandalone: true, selector: "adf-download-prompt-dialog", ngImport: i0, template: "<div mat-dialog-title>\n <h3>{{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.DOWNLOAD\">\n {{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n mat-button\n id=\"waitButton\"\n
|
|
5834
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DownloadPromptDialogComponent, isStandalone: true, selector: "adf-download-prompt-dialog", ngImport: i0, template: "<div mat-dialog-title>\n <h3>{{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.DOWNLOAD\">\n {{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n mat-button\n id=\"waitButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.WAIT' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.WAIT\">\n {{ 'ADF_VIEWER.ACTIONS.WAIT' | translate }}\n </button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
5835
5835
|
}
|
|
5836
5836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DownloadPromptDialogComponent, decorators: [{
|
|
5837
5837
|
type: Component,
|
|
5838
|
-
args: [{ selector: 'adf-download-prompt-dialog', imports: [MatDialogModule, TranslatePipe, MatButtonModule], template: "<div mat-dialog-title>\n <h3>{{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.DOWNLOAD\">\n {{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n mat-button\n id=\"waitButton\"\n
|
|
5838
|
+
args: [{ selector: 'adf-download-prompt-dialog', imports: [MatDialogModule, TranslatePipe, MatButtonModule], template: "<div mat-dialog-title>\n <h3>{{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF_VIEWER.NON_RESPONSIVE_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.DOWNLOAD\">\n {{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n mat-button\n id=\"waitButton\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.WAIT' | translate\"\n [mat-dialog-close]=\"DownloadPromptActions.WAIT\">\n {{ 'ADF_VIEWER.ACTIONS.WAIT' | translate }}\n </button>\n</mat-dialog-actions>\n" }]
|
|
5839
5839
|
}] });
|
|
5840
5840
|
|
|
5841
5841
|
/*!
|
|
@@ -6292,7 +6292,7 @@ class ViewerComponent {
|
|
|
6292
6292
|
this.blobFile = null;
|
|
6293
6293
|
}
|
|
6294
6294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerComponent, deps: [{ token: i0.ElementRef }, { token: i1$7.MatDialog }, { token: ViewUtilService }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6295
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerComponent, isStandalone: true, selector: "adf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", showViewer: "showViewer", allowGoBack: "allowGoBack", allowFullScreen: "allowFullScreen", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", mimeType: "mimeType", sidebarRightTemplateContext: "sidebarRightTemplateContext", sidebarLeftTemplateContext: "sidebarLeftTemplateContext", closeButtonPosition: "closeButtonPosition", hideInfoButton: "hideInfoButton", viewerExtensions: "viewerExtensions", nodeId: "nodeId", nodeMimeType: "nodeMimeType", customError: "customError", showToolbarDividers: "showToolbarDividers", title: "title", fileName: "fileName" }, outputs: { downloadFile: "downloadFile", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange", submitFile: "submitFile" }, host: { listeners: { "document:keyup": "handleKeyboardEvent($event)" }, properties: { "class.adf-viewer-inline": "this.isInline" }, classAttribute: "adf-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "mnuOpenWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "mnuMoreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "viewerTemplateExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showViewer\"\n class=\"adf-viewer-container\"\n [class.adf-viewer-overlay-container]=\"overlayMode\"\n [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n <div class=\"adf-viewer-content\"\n [cdkTrapFocus]=\"overlayMode\"\n cdkTrapFocusAutoCapture>\n <ng-content select=\"adf-viewer-toolbar\" />\n <ng-container *ngIf=\"showToolbar && !toolbar\">\n <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n <adf-toolbar-title>\n <ng-container *ngIf=\"allowLeftSidebar\">\n <button mat-icon-button\n [attr.aria-expanded]=\"showLeftSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-left-sidebar\"\n [color]=\"showLeftSidebar ? 'accent' : null\"\n (click)=\"toggleLeftSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n </ng-container>\n\n <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-left-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar-title>\n\n <div class=\"adf-viewer__file-title\">\n <button *ngIf=\"allowNavigate && canNavigateBefore\"\n data-automation-id=\"adf-toolbar-pref-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n (click)=\"onNavigateBeforeClick($event)\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n <img class=\"adf-viewer__mimeicon\"\n [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n [src]=\"mimeTypeIconUrl\"\n data-automation-id=\"adf-file-thumbnail\">\n @if (displayTitle) {\n <div class=\"adf-viewer__title-display-name-container\"\n id=\"adf-viewer-title-display-name\"\n [title]=\"displayTitle\">\n <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n </div>\n } @else {\n <div class=\"adf-viewer__display-name\"\n id=\"adf-viewer-display-name\"\n [title]=\"fileName\">\n <span>{{ displayName }}</span>\n </div>\n }\n <button *ngIf=\"allowNavigate && canNavigateNext\"\n data-automation-id=\"adf-toolbar-next-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n (click)=\"onNavigateNextClick($event)\">\n <mat-icon>navigate_next</mat-icon>\n </button>\n </div>\n\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n <ng-container *ngIf=\"mnuOpenWith\"\n data-automation-id='adf-toolbar-custom-btn'>\n <button id=\"adf-viewer-openwith\"\n mat-button\n [matMenuTriggerFor]=\"mnuOpenWith\"\n data-automation-id=\"adf-toolbar-open-with\">\n <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n <mat-menu #mnuOpenWith=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-open-with\" />\n </mat-menu>\n </ng-container>\n\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n\n <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n <button id=\"adf-viewer-fullscreen\"\n *ngIf=\"allowFullScreen\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n data-automation-id=\"adf-toolbar-fullscreen\"\n (click)=\"enterFullScreen()\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n\n <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n <adf-toolbar-divider />\n\n <button mat-icon-button\n [attr.aria-expanded]=\"showRightSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-sidebar\"\n [color]=\"showRightSidebar ? 'accent' : null\"\n (click)=\"toggleRightSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n\n </ng-container>\n\n <ng-container *ngIf=\"mnuMoreActions\">\n <button id=\"adf-viewer-moreactions\"\n mat-icon-button\n [matMenuTriggerFor]=\"mnuMoreActions\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n data-automation-id=\"adf-toolbar-more-actions\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #mnuMoreActions=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </mat-menu>\n </ng-container>\n\n <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n <button class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n\n </adf-toolbar>\n </ng-container>\n\n <div class=\"adf-viewer-sidebars\">\n\n <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n id=\"adf-right-sidebar\">\n <ng-container *ngIf=\"sidebarRightTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarRightTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n id=\"adf-left-sidebar\">\n <ng-container *ngIf=\"sidebarLeftTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarLeftTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <adf-viewer-render (close)=\"onClose()\"\n [mimeType]=\"mimeType\"\n [fileName]=\"fileName\"\n [blobFile]=\"blobFile\"\n [readOnly]=\"readOnly\"\n (submitFile)=\"onSubmitFile($event)\"\n [allowedEditActions]=\"allowedEditActions\"\n [urlFile]=\"urlFile\"\n (isSaving)=\"allowNavigate = !$event\"\n [tracks]=\"tracks\"\n [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n [nodeId]=\"nodeId\"\n [customError]=\"customError\" />\n\n </div>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i7.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: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ViewerRenderComponent, selector: "adf-viewer-render", inputs: ["urlFile", "blobFile", "allowFullScreen", "allowThumbnails", "thumbnailsTemplate", "mimeType", "fileName", "readOnly", "allowedEditActions", "tracks", "nodeId", "viewerTemplateExtensions", "customError"], outputs: ["extensionChange", "submitFile", "close", "isSaving"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6295
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ViewerComponent, isStandalone: true, selector: "adf-viewer", inputs: { urlFile: "urlFile", blobFile: "blobFile", showViewer: "showViewer", allowGoBack: "allowGoBack", allowFullScreen: "allowFullScreen", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", allowedEditActions: "allowedEditActions", tracks: "tracks", mimeType: "mimeType", sidebarRightTemplateContext: "sidebarRightTemplateContext", sidebarLeftTemplateContext: "sidebarLeftTemplateContext", closeButtonPosition: "closeButtonPosition", hideInfoButton: "hideInfoButton", viewerExtensions: "viewerExtensions", nodeId: "nodeId", nodeMimeType: "nodeMimeType", customError: "customError", showToolbarDividers: "showToolbarDividers", title: "title", fileName: "fileName" }, outputs: { downloadFile: "downloadFile", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange", submitFile: "submitFile" }, host: { listeners: { "document:keyup": "handleKeyboardEvent($event)" }, properties: { "class.adf-viewer-inline": "this.isInline" }, classAttribute: "adf-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "mnuOpenWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "mnuMoreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "viewerTemplateExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showViewer\"\n class=\"adf-viewer-container\"\n [class.adf-viewer-overlay-container]=\"overlayMode\"\n [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n <div class=\"adf-viewer-content\"\n [cdkTrapFocus]=\"overlayMode\"\n cdkTrapFocusAutoCapture>\n <ng-content select=\"adf-viewer-toolbar\" />\n <ng-container *ngIf=\"showToolbar && !toolbar\">\n <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n <adf-toolbar-title>\n <ng-container *ngIf=\"allowLeftSidebar\">\n <button mat-icon-button\n [attr.aria-expanded]=\"showLeftSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-left-sidebar\"\n [color]=\"showLeftSidebar ? 'accent' : null\"\n (click)=\"toggleLeftSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n </ng-container>\n\n <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-left-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar-title>\n\n <div class=\"adf-viewer__file-title\">\n <button *ngIf=\"allowNavigate && canNavigateBefore\"\n data-automation-id=\"adf-toolbar-pref-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n (click)=\"onNavigateBeforeClick($event)\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n <img class=\"adf-viewer__mimeicon\"\n [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n [src]=\"mimeTypeIconUrl\"\n data-automation-id=\"adf-file-thumbnail\">\n @if (displayTitle) {\n <div class=\"adf-viewer__title-display-name-container\"\n id=\"adf-viewer-title-display-name\"\n [title]=\"displayTitle\">\n <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n </div>\n } @else {\n <div class=\"adf-viewer__display-name\"\n id=\"adf-viewer-display-name\"\n [title]=\"fileName\">\n <span>{{ displayName }}</span>\n </div>\n }\n <button *ngIf=\"allowNavigate && canNavigateNext\"\n data-automation-id=\"adf-toolbar-next-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n (click)=\"onNavigateNextClick($event)\">\n <mat-icon>navigate_next</mat-icon>\n </button>\n </div>\n\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n <ng-container *ngIf=\"mnuOpenWith\"\n data-automation-id='adf-toolbar-custom-btn'>\n <button id=\"adf-viewer-openwith\"\n mat-button\n [matMenuTriggerFor]=\"mnuOpenWith\"\n data-automation-id=\"adf-toolbar-open-with\">\n <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n <mat-menu #mnuOpenWith=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-open-with\" />\n </mat-menu>\n </ng-container>\n\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n\n <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n <button id=\"adf-viewer-fullscreen\"\n *ngIf=\"allowFullScreen\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n data-automation-id=\"adf-toolbar-fullscreen\"\n (click)=\"enterFullScreen()\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n\n <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n <adf-toolbar-divider />\n\n <button mat-icon-button\n [attr.aria-expanded]=\"showRightSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-sidebar\"\n [color]=\"showRightSidebar ? 'accent' : null\"\n (click)=\"toggleRightSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n\n </ng-container>\n\n <ng-container *ngIf=\"mnuMoreActions\">\n <button id=\"adf-viewer-moreactions\"\n mat-icon-button\n [matMenuTriggerFor]=\"mnuMoreActions\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n data-automation-id=\"adf-toolbar-more-actions\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #mnuMoreActions=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </mat-menu>\n </ng-container>\n\n <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n <button class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n\n </adf-toolbar>\n </ng-container>\n\n <div class=\"adf-viewer-sidebars\">\n\n <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n id=\"adf-right-sidebar\">\n <ng-container *ngIf=\"sidebarRightTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarRightTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n id=\"adf-left-sidebar\">\n <ng-container *ngIf=\"sidebarLeftTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarLeftTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <adf-viewer-render (close)=\"onClose()\"\n [mimeType]=\"mimeType\"\n [fileName]=\"fileName\"\n [blobFile]=\"blobFile\"\n [readOnly]=\"readOnly\"\n (submitFile)=\"onSubmitFile($event)\"\n [allowedEditActions]=\"allowedEditActions\"\n [urlFile]=\"urlFile\"\n (isSaving)=\"allowNavigate = !$event\"\n [tracks]=\"tracks\"\n [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n [nodeId]=\"nodeId\"\n [customError]=\"customError\" />\n\n </div>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--mat-sys-surface)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--mat-sys-title-small-size);line-height:1.5;vertical-align:middle;white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--mat-sys-body-medium-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--mat-sys-surface);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--mat-sys-surface);box-shadow:var(--mat-sys-level2);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--mat-sys-outline);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--mat-sys-outline);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i3$3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i7.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: ToolbarDividerComponent, selector: "adf-toolbar-divider" }, { kind: "component", type: ViewerRenderComponent, selector: "adf-viewer-render", inputs: ["urlFile", "blobFile", "allowFullScreen", "allowThumbnails", "thumbnailsTemplate", "mimeType", "fileName", "readOnly", "allowedEditActions", "tracks", "nodeId", "viewerTemplateExtensions", "customError"], outputs: ["extensionChange", "submitFile", "close", "isSaving"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6296
6296
|
}
|
|
6297
6297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ViewerComponent, decorators: [{
|
|
6298
6298
|
type: Component,
|
|
@@ -6313,7 +6313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
6313
6313
|
ViewerToolbarActionsComponent,
|
|
6314
6314
|
ViewerToolbarCustomActionsComponent,
|
|
6315
6315
|
IconComponent
|
|
6316
|
-
], providers: [ViewUtilService], template: "<div *ngIf=\"showViewer\"\n class=\"adf-viewer-container\"\n [class.adf-viewer-overlay-container]=\"overlayMode\"\n [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n <div class=\"adf-viewer-content\"\n [cdkTrapFocus]=\"overlayMode\"\n cdkTrapFocusAutoCapture>\n <ng-content select=\"adf-viewer-toolbar\" />\n <ng-container *ngIf=\"showToolbar && !toolbar\">\n <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n <adf-toolbar-title>\n <ng-container *ngIf=\"allowLeftSidebar\">\n <button mat-icon-button\n [attr.aria-expanded]=\"showLeftSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-left-sidebar\"\n [color]=\"showLeftSidebar ? 'accent' : null\"\n (click)=\"toggleLeftSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n </ng-container>\n\n <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-left-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar-title>\n\n <div class=\"adf-viewer__file-title\">\n <button *ngIf=\"allowNavigate && canNavigateBefore\"\n data-automation-id=\"adf-toolbar-pref-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n (click)=\"onNavigateBeforeClick($event)\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n <img class=\"adf-viewer__mimeicon\"\n [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n [src]=\"mimeTypeIconUrl\"\n data-automation-id=\"adf-file-thumbnail\">\n @if (displayTitle) {\n <div class=\"adf-viewer__title-display-name-container\"\n id=\"adf-viewer-title-display-name\"\n [title]=\"displayTitle\">\n <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n </div>\n } @else {\n <div class=\"adf-viewer__display-name\"\n id=\"adf-viewer-display-name\"\n [title]=\"fileName\">\n <span>{{ displayName }}</span>\n </div>\n }\n <button *ngIf=\"allowNavigate && canNavigateNext\"\n data-automation-id=\"adf-toolbar-next-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n (click)=\"onNavigateNextClick($event)\">\n <mat-icon>navigate_next</mat-icon>\n </button>\n </div>\n\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n <ng-container *ngIf=\"mnuOpenWith\"\n data-automation-id='adf-toolbar-custom-btn'>\n <button id=\"adf-viewer-openwith\"\n mat-button\n [matMenuTriggerFor]=\"mnuOpenWith\"\n data-automation-id=\"adf-toolbar-open-with\">\n <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n <mat-menu #mnuOpenWith=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-open-with\" />\n </mat-menu>\n </ng-container>\n\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n\n <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n <button id=\"adf-viewer-fullscreen\"\n *ngIf=\"allowFullScreen\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n data-automation-id=\"adf-toolbar-fullscreen\"\n (click)=\"enterFullScreen()\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n\n <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n <adf-toolbar-divider />\n\n <button mat-icon-button\n [attr.aria-expanded]=\"showRightSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-sidebar\"\n [color]=\"showRightSidebar ? 'accent' : null\"\n (click)=\"toggleRightSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n\n </ng-container>\n\n <ng-container *ngIf=\"mnuMoreActions\">\n <button id=\"adf-viewer-moreactions\"\n mat-icon-button\n [matMenuTriggerFor]=\"mnuMoreActions\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n data-automation-id=\"adf-toolbar-more-actions\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #mnuMoreActions=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </mat-menu>\n </ng-container>\n\n <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n <button class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n\n </adf-toolbar>\n </ng-container>\n\n <div class=\"adf-viewer-sidebars\">\n\n <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n id=\"adf-right-sidebar\">\n <ng-container *ngIf=\"sidebarRightTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarRightTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n id=\"adf-left-sidebar\">\n <ng-container *ngIf=\"sidebarLeftTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarLeftTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <adf-viewer-render (close)=\"onClose()\"\n [mimeType]=\"mimeType\"\n [fileName]=\"fileName\"\n [blobFile]=\"blobFile\"\n [readOnly]=\"readOnly\"\n (submitFile)=\"onSubmitFile($event)\"\n [allowedEditActions]=\"allowedEditActions\"\n [urlFile]=\"urlFile\"\n (isSaving)=\"allowNavigate = !$event\"\n [tracks]=\"tracks\"\n [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n [nodeId]=\"nodeId\"\n [customError]=\"customError\" />\n\n </div>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--adf-theme-background-card-color)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .mat-toolbar{color:var(--adf-theme-foreground-text-color-054)}.adf-viewer .mat-toolbar .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer-toolbar .mat-toolbar{background-color:var(--adf-theme-background-card-color-087)}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--theme-subheading-2-font-size);line-height:1.5;vertical-align:middle;color:var(--adf-theme-foreground-text-color);white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--theme-body-1-font-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--theme-background-color);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--theme-background-color);box-shadow:0 2px 4px 0 var(--adf-theme-foreground-text-color-027);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--adf-theme-foreground-text-color-007);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--adf-theme-foreground-text-color-007);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
|
|
6316
|
+
], providers: [ViewUtilService], template: "<div *ngIf=\"showViewer\"\n class=\"adf-viewer-container\"\n [class.adf-viewer-overlay-container]=\"overlayMode\"\n [class.adf-viewer-inline-container]=\"!overlayMode\">\n\n <div class=\"adf-viewer-content\"\n [cdkTrapFocus]=\"overlayMode\"\n cdkTrapFocusAutoCapture>\n <ng-content select=\"adf-viewer-toolbar\" />\n <ng-container *ngIf=\"showToolbar && !toolbar\">\n <adf-toolbar id=\"adf-viewer-toolbar\" class=\"adf-viewer-toolbar\">\n <adf-toolbar-title>\n <ng-container *ngIf=\"allowLeftSidebar\">\n <button mat-icon-button\n [attr.aria-expanded]=\"showLeftSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-left-sidebar\"\n [color]=\"showLeftSidebar ? 'accent' : null\"\n (click)=\"toggleLeftSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n </ng-container>\n\n <button *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Left\"\n class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-left-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </adf-toolbar-title>\n\n <div class=\"adf-viewer__file-title\">\n <button *ngIf=\"allowNavigate && canNavigateBefore\"\n data-automation-id=\"adf-toolbar-pref-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PREV_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PREV_FILE' | translate }}\"\n (click)=\"onNavigateBeforeClick($event)\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n <img class=\"adf-viewer__mimeicon\"\n [alt]=\"'ADF_VIEWER.ARIA.MIME_TYPE_ICON' | translate\"\n [src]=\"mimeTypeIconUrl\"\n data-automation-id=\"adf-file-thumbnail\">\n @if (displayTitle) {\n <div class=\"adf-viewer__title-display-name-container\"\n id=\"adf-viewer-title-display-name\"\n [title]=\"displayTitle\">\n <p class=\"adf-viewer__title-value\">{{ displayTitle }}</p>\n <p class=\"adf-viewer__display-name-value\">{{ displayName }}</p>\n </div>\n } @else {\n <div class=\"adf-viewer__display-name\"\n id=\"adf-viewer-display-name\"\n [title]=\"fileName\">\n <span>{{ displayName }}</span>\n </div>\n }\n <button *ngIf=\"allowNavigate && canNavigateNext\"\n data-automation-id=\"adf-toolbar-next-file\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.NEXT_FILE' | translate }}\"\n (click)=\"onNavigateNextClick($event)\">\n <mat-icon>navigate_next</mat-icon>\n </button>\n </div>\n\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n\n <ng-container *ngIf=\"mnuOpenWith\"\n data-automation-id='adf-toolbar-custom-btn'>\n <button id=\"adf-viewer-openwith\"\n mat-button\n [matMenuTriggerFor]=\"mnuOpenWith\"\n data-automation-id=\"adf-toolbar-open-with\">\n <span>{{ 'ADF_VIEWER.ACTIONS.OPEN_WITH' | translate }}</span>\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n <mat-menu #mnuOpenWith=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-open-with\" />\n </mat-menu>\n </ng-container>\n\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n\n <ng-content select=\"adf-viewer-toolbar-custom-actions\" />\n\n <button id=\"adf-viewer-fullscreen\"\n *ngIf=\"allowFullScreen\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.FULLSCREEN' | translate }}\"\n data-automation-id=\"adf-toolbar-fullscreen\"\n (click)=\"enterFullScreen()\">\n <mat-icon>fullscreen</mat-icon>\n </button>\n\n <ng-container *ngIf=\"allowRightSidebar && !hideInfoButton\">\n <adf-toolbar-divider />\n\n <button mat-icon-button\n [attr.aria-expanded]=\"showRightSidebar\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.INFO' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.INFO' | translate }}\"\n data-automation-id=\"adf-toolbar-sidebar\"\n [color]=\"showRightSidebar ? 'accent' : null\"\n (click)=\"toggleRightSidebar()\">\n <mat-icon>info_outline</mat-icon>\n </button>\n\n </ng-container>\n\n <ng-container *ngIf=\"mnuMoreActions\">\n <button id=\"adf-viewer-moreactions\"\n mat-icon-button\n [matMenuTriggerFor]=\"mnuMoreActions\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.MORE_ACTIONS' | translate }}\"\n data-automation-id=\"adf-toolbar-more-actions\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #mnuMoreActions=\"matMenu\"\n [overlapTrigger]=\"false\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </mat-menu>\n </ng-container>\n\n <ng-container *ngIf=\"allowGoBack && closeButtonPosition === CloseButtonPosition.Right\">\n @if (showToolbarDividers) {\n <adf-toolbar-divider />\n }\n <button class=\"adf-viewer-close-button\"\n data-automation-id=\"adf-toolbar-right-back\"\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.CLOSE' | translate\"\n mat-icon-button\n title=\"{{ 'ADF_VIEWER.ACTIONS.CLOSE' | translate }}\"\n (click)=\"onClose()\">\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n\n </adf-toolbar>\n </ng-container>\n\n <div class=\"adf-viewer-sidebars\">\n\n <ng-container *ngIf=\"allowRightSidebar && showRightSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__right\"\n id=\"adf-right-sidebar\">\n <ng-container *ngIf=\"sidebarRightTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarRightTemplate;context:sidebarRightTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarRightTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"allowLeftSidebar && showLeftSidebar\">\n <div class=\"adf-viewer__sidebar adf-viewer__sidebar__left\"\n id=\"adf-left-sidebar\">\n <ng-container *ngIf=\"sidebarLeftTemplate\">\n <ng-container *ngTemplateOutlet=\"sidebarLeftTemplate;context:sidebarLeftTemplateContext\" />\n </ng-container>\n <ng-content *ngIf=\"!sidebarLeftTemplate\"\n select=\"adf-viewer-sidebar\" />\n </div>\n </ng-container>\n\n <adf-viewer-render (close)=\"onClose()\"\n [mimeType]=\"mimeType\"\n [fileName]=\"fileName\"\n [blobFile]=\"blobFile\"\n [readOnly]=\"readOnly\"\n (submitFile)=\"onSubmitFile($event)\"\n [allowedEditActions]=\"allowedEditActions\"\n [urlFile]=\"urlFile\"\n (isSaving)=\"allowNavigate = !$event\"\n [tracks]=\"tracks\"\n [viewerTemplateExtensions]=\"viewerExtensions ?? viewerTemplateExtensions\"\n [nodeId]=\"nodeId\"\n [customError]=\"customError\" />\n\n </div>\n </div>\n</div>\n", styles: [".adf-full-screen,.adf-viewer-inline-container,.adf-viewer-container .adf-viewer-content,.adf-viewer-container .adf-viewer-layout,.adf-viewer-container .adf-viewer-layout-content{width:100%;height:100%;background-color:var(--mat-sys-surface)}.adf-viewer{position:absolute;width:100%;height:100%}.adf-viewer .adf-toolbar-title{width:auto}.adf-viewer-main{width:0}.adf-viewer__mimeicon{vertical-align:middle;height:18px;width:18px;margin-left:4px;margin-right:4px}.adf-viewer__file-title{text-align:center;flex:1 1 auto;position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:row;align-items:center}@media screen and (width <= 1450px){.adf-viewer__file-title{left:30%}}.adf-viewer__title-display-name-container,.adf-viewer__display-name{font-size:var(--mat-sys-title-small-size);line-height:1.5;vertical-align:middle;white-space:nowrap}.adf-viewer__display-name-value,.adf-viewer__title-value{margin-top:0;margin-bottom:0;text-align:left}.adf-viewer__display-name-value{font-size:var(--mat-sys-body-medium-size)}.adf-viewer-container .adf-viewer-layout-content{position:relative;overflow:hidden;z-index:1;background-color:var(--mat-sys-surface);display:flex;flex-direction:row;flex-wrap:wrap;flex:1}.adf-viewer-container .adf-viewer-layout-content>div{display:flex;flex-flow:row wrap;margin:0 auto;align-items:stretch;height:100%}.adf-viewer-container .adf-viewer-layout{display:flex;flex-direction:row;overflow:hidden auto;position:relative}.adf-viewer-container .adf-viewer-content{flex:1;flex-direction:column;display:flex}.adf-viewer-container .adf-viewer-content>div{height:0}.adf-viewer-overlay-container .adf-viewer-content{position:fixed;top:0;left:0;z-index:1000}.adf-viewer-sidebars{display:flex;flex:1 1 auto}.adf-viewer-sidebars .adf-viewer__sidebar{width:350px;display:block;padding:0;background-color:var(--mat-sys-surface);box-shadow:var(--mat-sys-level2);overflow:auto}.adf-viewer-sidebars .adf-viewer__sidebar__right{border-left:1px solid var(--mat-sys-outline);order:4}.adf-viewer-sidebars .adf-viewer__sidebar__left{border-right:1px solid var(--mat-sys-outline);order:1}.adf-viewer-sidebars adf-viewer-render{order:1;flex:1 1 auto;display:flex}\n"] }]
|
|
6317
6317
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$7.MatDialog }, { type: ViewUtilService }, { type: AppConfigService }], propDecorators: { isInline: [{
|
|
6318
6318
|
type: HostBinding,
|
|
6319
6319
|
args: ['class.adf-viewer-inline']
|
|
@@ -6612,11 +6612,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
6612
6612
|
*/
|
|
6613
6613
|
class NavbarItemComponent {
|
|
6614
6614
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6615
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NavbarItemComponent, isStandalone: true, selector: "adf-navbar-item", inputs: { label: "label", routerLink: "routerLink" }, host: { classAttribute: "adf-navbar-item" }, ngImport: i0, template: "<button *ngIf=\"routerLink; else noRouterLink\" class=\"adf-navbar-item-btn\"\n [routerLink]=\"routerLink\"\n routerLinkActive=\"adf-navbar-item-active\"\n mat-button>{{ label }}\n</button>\n<ng-template #noRouterLink>\n <button class=\"adf-navbar-item-btn\" mat-button>\n {{ label }}\n </button>\n</ng-template>\n", styles: [".adf-navbar-item .adf-navbar-item-btn{height:
|
|
6615
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NavbarItemComponent, isStandalone: true, selector: "adf-navbar-item", inputs: { label: "label", routerLink: "routerLink" }, host: { classAttribute: "adf-navbar-item" }, ngImport: i0, template: "<button *ngIf=\"routerLink; else noRouterLink\" class=\"adf-navbar-item-btn\"\n [routerLink]=\"routerLink\"\n routerLinkActive=\"adf-navbar-item-active\"\n mat-flat-button>{{ label }}\n</button>\n<ng-template #noRouterLink>\n <button class=\"adf-navbar-item-btn\" mat-button>\n {{ label }}\n </button>\n</ng-template>\n", styles: [".adf-navbar-item .adf-navbar-item-btn{height:100%;box-sizing:border-box}.adf-navbar-item .adf-navbar-item-active{border-radius:0;opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6616
6616
|
}
|
|
6617
6617
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NavbarItemComponent, decorators: [{
|
|
6618
6618
|
type: Component,
|
|
6619
|
-
args: [{ selector: 'adf-navbar-item', encapsulation: ViewEncapsulation.None, imports: [MatButtonModule, CommonModule, RouterModule], host: { class: 'adf-navbar-item' }, template: "<button *ngIf=\"routerLink; else noRouterLink\" class=\"adf-navbar-item-btn\"\n [routerLink]=\"routerLink\"\n routerLinkActive=\"adf-navbar-item-active\"\n mat-button>{{ label }}\n</button>\n<ng-template #noRouterLink>\n <button class=\"adf-navbar-item-btn\" mat-button>\n {{ label }}\n </button>\n</ng-template>\n", styles: [".adf-navbar-item .adf-navbar-item-btn{height:
|
|
6619
|
+
args: [{ selector: 'adf-navbar-item', encapsulation: ViewEncapsulation.None, imports: [MatButtonModule, CommonModule, RouterModule], host: { class: 'adf-navbar-item' }, template: "<button *ngIf=\"routerLink; else noRouterLink\" class=\"adf-navbar-item-btn\"\n [routerLink]=\"routerLink\"\n routerLinkActive=\"adf-navbar-item-active\"\n mat-flat-button>{{ label }}\n</button>\n<ng-template #noRouterLink>\n <button class=\"adf-navbar-item-btn\" mat-button>\n {{ label }}\n </button>\n</ng-template>\n", styles: [".adf-navbar-item .adf-navbar-item-btn{height:100%;box-sizing:border-box}.adf-navbar-item .adf-navbar-item-active{border-radius:0;opacity:1}\n"] }]
|
|
6620
6620
|
}], propDecorators: { label: [{
|
|
6621
6621
|
type: Input
|
|
6622
6622
|
}], routerLink: [{
|
|
@@ -6681,11 +6681,11 @@ class HeaderComponent {
|
|
|
6681
6681
|
return this.variant === 'extended' ? '100%' : 'auto';
|
|
6682
6682
|
}
|
|
6683
6683
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6684
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HeaderComponent, isStandalone: true, selector: "adf-header", inputs: { variant: "variant", headerHeight: "headerHeight", logoSrc: "logoSrc", logoAlt: "logoAlt", logoHeight: "logoHeight", logoWidth: "logoWidth", title: "title", color: "color", navbarItems: "navbarItems" }, host: { properties: { "style.--adf-toolbar-title-width": "this.width", "style.--adf-header-height": "this.headerHeight", "style.--adf-header-logo-height": "this.logoHeight", "style.--adf-header-logo-width": "this.logoWidth" }, classAttribute: "adf-header" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"'minimal'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n <div class=\"adf-toolbar--spacer\"></div>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'extended'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n <adf-toolbar [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n </adf-toolbar>\n </ng-container>\n</ng-container>\n\n<ng-template #toolbarTitleContent>\n <img *ngIf=\"logoSrc\" [src]=\"logoSrc\" [alt]=\"logoAlt\" class=\"adf-toolbar-logo\"/>\n <span *ngIf=\"variant==='extended'\">{{ title }}</span>\n</ng-template>\n\n<ng-template #toolbarActions>\n <div class=\"adf-toolbar-actions\">\n <ng-content select=\"[adf-toolbar-actions]\" />\n </div>\n</ng-template>\n\n<ng-template #navbarTemplate>\n <adf-navbar [items]=\"navbarItems\">\n <ng-content select=\"adf-navbar-item\" />\n </adf-navbar>\n</ng-template>\n\n\n", styles: [".adf-header{display:flex;flex-direction:column;width:
|
|
6684
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HeaderComponent, isStandalone: true, selector: "adf-header", inputs: { variant: "variant", headerHeight: "headerHeight", logoSrc: "logoSrc", logoAlt: "logoAlt", logoHeight: "logoHeight", logoWidth: "logoWidth", title: "title", color: "color", navbarItems: "navbarItems" }, host: { properties: { "style.--adf-toolbar-title-width": "this.width", "style.--adf-header-height": "this.headerHeight", "style.--adf-header-logo-height": "this.logoHeight", "style.--adf-header-logo-width": "this.logoWidth" }, classAttribute: "adf-header" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"'minimal'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n <div class=\"adf-toolbar--spacer\"></div>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'extended'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n <adf-toolbar [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n </adf-toolbar>\n </ng-container>\n</ng-container>\n\n<ng-template #toolbarTitleContent>\n <img *ngIf=\"logoSrc\" [src]=\"logoSrc\" [alt]=\"logoAlt\" class=\"adf-toolbar-logo\"/>\n <span *ngIf=\"variant==='extended'\">{{ title }}</span>\n</ng-template>\n\n<ng-template #toolbarActions>\n <div class=\"adf-toolbar-actions\">\n <ng-content select=\"[adf-toolbar-actions]\" />\n </div>\n</ng-template>\n\n<ng-template #navbarTemplate>\n <adf-navbar [items]=\"navbarItems\">\n <ng-content select=\"adf-navbar-item\" />\n </adf-navbar>\n</ng-template>\n\n\n", styles: [".adf-header{display:flex;flex-direction:column;width:100%;height:100%}.adf-header .adf-toolbar{width:100%;height:100%}.adf-header .adf-toolbar .adf-toolbar-title{width:100%;align-items:center;font-size:var(--mat-sys-title-medium-size);font-weight:var(--mat-sys-title-medium-weight);color:var(--mat-sys-on-surface);gap:25px}.adf-header .adf-toolbar .adf-toolbar-logo{height:36px;width:36px}.adf-header .adf-toolbar .adf-toolbar-actions>*{display:flex;align-items:center;gap:10px}.adf-header .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{height:100%;column-gap:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "component", type: NavbarComponent, selector: "adf-navbar", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6685
6685
|
}
|
|
6686
6686
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
6687
6687
|
type: Component,
|
|
6688
|
-
args: [{ selector: 'adf-header', imports: [CommonModule, ...TOOLBAR_DIRECTIVES, NavbarComponent], host: { class: 'adf-header' }, encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"'minimal'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n <div class=\"adf-toolbar--spacer\"></div>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'extended'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n <adf-toolbar [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n </adf-toolbar>\n </ng-container>\n</ng-container>\n\n<ng-template #toolbarTitleContent>\n <img *ngIf=\"logoSrc\" [src]=\"logoSrc\" [alt]=\"logoAlt\" class=\"adf-toolbar-logo\"/>\n <span *ngIf=\"variant==='extended'\">{{ title }}</span>\n</ng-template>\n\n<ng-template #toolbarActions>\n <div class=\"adf-toolbar-actions\">\n <ng-content select=\"[adf-toolbar-actions]\" />\n </div>\n</ng-template>\n\n<ng-template #navbarTemplate>\n <adf-navbar [items]=\"navbarItems\">\n <ng-content select=\"adf-navbar-item\" />\n </adf-navbar>\n</ng-template>\n\n\n", styles: [".adf-header{display:flex;flex-direction:column;width:
|
|
6688
|
+
args: [{ selector: 'adf-header', imports: [CommonModule, ...TOOLBAR_DIRECTIVES, NavbarComponent], host: { class: 'adf-header' }, encapsulation: ViewEncapsulation.None, template: "<ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"'minimal'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n <div class=\"adf-toolbar--spacer\"></div>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'extended'\">\n <adf-toolbar [color]=\"color\">\n <adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarTitleContent\" />\n </adf-toolbar-title>\n <ng-container *ngTemplateOutlet=\"toolbarActions\" />\n </adf-toolbar>\n <adf-toolbar [color]=\"color\">\n <ng-container *ngTemplateOutlet=\"navbarTemplate\" />\n </adf-toolbar>\n </ng-container>\n</ng-container>\n\n<ng-template #toolbarTitleContent>\n <img *ngIf=\"logoSrc\" [src]=\"logoSrc\" [alt]=\"logoAlt\" class=\"adf-toolbar-logo\"/>\n <span *ngIf=\"variant==='extended'\">{{ title }}</span>\n</ng-template>\n\n<ng-template #toolbarActions>\n <div class=\"adf-toolbar-actions\">\n <ng-content select=\"[adf-toolbar-actions]\" />\n </div>\n</ng-template>\n\n<ng-template #navbarTemplate>\n <adf-navbar [items]=\"navbarItems\">\n <ng-content select=\"adf-navbar-item\" />\n </adf-navbar>\n</ng-template>\n\n\n", styles: [".adf-header{display:flex;flex-direction:column;width:100%;height:100%}.adf-header .adf-toolbar{width:100%;height:100%}.adf-header .adf-toolbar .adf-toolbar-title{width:100%;align-items:center;font-size:var(--mat-sys-title-medium-size);font-weight:var(--mat-sys-title-medium-weight);color:var(--mat-sys-on-surface);gap:25px}.adf-header .adf-toolbar .adf-toolbar-logo{height:36px;width:36px}.adf-header .adf-toolbar .adf-toolbar-actions>*{display:flex;align-items:center;gap:10px}.adf-header .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{height:100%;column-gap:10px}\n"] }]
|
|
6689
6689
|
}], propDecorators: { variant: [{
|
|
6690
6690
|
type: Input
|
|
6691
6691
|
}], width: [{
|
|
@@ -7005,11 +7005,11 @@ class PaginationComponent {
|
|
|
7005
7005
|
}
|
|
7006
7006
|
}
|
|
7007
7007
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: UserPreferencesService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7008
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PaginationComponent, isStandalone: true, selector: "adf-pagination", inputs: { target: "target", supportedPageSizes: "supportedPageSizes", pagination: "pagination" }, outputs: { change: "change", changePageNumber: "changePageNumber", changePageSize: "changePageSize", nextPage: "nextPage", prevPage: "prevPage" }, host: { classAttribute: "adf-pagination" }, ngImport: i0, template: "<ng-container *ngIf=\"hasItems\">\n <div class=\"adf-pagination__block adf-pagination__range-block\" aria-live=\"polite\">\n <span class=\"adf-pagination__range\">\n {{ itemRangeText }}\n </span>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__perpage-block\">\n <span>\n {{ 'CORE.PAGINATION.ITEMS_PER_PAGE' | translate }}\n </span>\n\n <span class=\"adf-pagination__max-items\">\n {{ pagination.maxItems }}\n </span>\n\n <button\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.ITEMS_PER_PAGE' | translate\"\n [matMenuTriggerFor]=\"pageSizeMenu\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <mat-menu #pageSizeMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageSize of supportedPageSizes\"\n (click)=\"onChangePageSize(pageSize)\">\n {{ pageSize }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__actualinfo-block\">\n <span class=\"adf-pagination__current-page\">\n {{ 'CORE.PAGINATION.CURRENT_PAGE' | translate: { number: current } }}\n </span>\n\n <button\n mat-icon-button\n data-automation-id=\"page-selector\"\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.CURRENT_PAGE' | translate\"\n [matMenuTriggerFor]=\"pagesMenu\"\n *ngIf=\"lastPage > 1\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <div *ngIf=\"pagination.totalItems\">\n <span class=\"adf-pagination__total-pages\">\n {{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: lastPage } }}\n </span>\n </div>\n\n <mat-menu #pagesMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageNumber of limitedPages\"\n (click)=\"onChangePageNumber(pageNumber)\">\n {{ pageNumber }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__controls-block\">\n <button\n class=\"adf-pagination__previous-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.PREVIOUS_PAGE' | translate\"\n [disabled]=\"isFirstPage\"\n (click)=\"goPrevious()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button\n class=\"adf-pagination__next-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.NEXT_PAGE' | translate\"\n [disabled]=\"isLastPage\"\n (click)=\"goNext()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n </div>\n</ng-container>\n", styles: [".adf-pagination{display:flex;border-top:none;height:48px;line-height:20px
|
|
7008
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: PaginationComponent, isStandalone: true, selector: "adf-pagination", inputs: { target: "target", supportedPageSizes: "supportedPageSizes", pagination: "pagination" }, outputs: { change: "change", changePageNumber: "changePageNumber", changePageSize: "changePageSize", nextPage: "nextPage", prevPage: "prevPage" }, host: { classAttribute: "adf-pagination" }, ngImport: i0, template: "<ng-container *ngIf=\"hasItems\">\n <div class=\"adf-pagination__block adf-pagination__range-block\" aria-live=\"polite\">\n <span class=\"adf-pagination__range\">\n {{ itemRangeText }}\n </span>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__perpage-block\">\n <span>\n {{ 'CORE.PAGINATION.ITEMS_PER_PAGE' | translate }}\n </span>\n\n <span class=\"adf-pagination__max-items\">\n {{ pagination.maxItems }}\n </span>\n\n <button\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.ITEMS_PER_PAGE' | translate\"\n [matMenuTriggerFor]=\"pageSizeMenu\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <mat-menu #pageSizeMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageSize of supportedPageSizes\"\n (click)=\"onChangePageSize(pageSize)\">\n {{ pageSize }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__actualinfo-block\">\n <span class=\"adf-pagination__current-page\">\n {{ 'CORE.PAGINATION.CURRENT_PAGE' | translate: { number: current } }}\n </span>\n\n <button\n mat-icon-button\n data-automation-id=\"page-selector\"\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.CURRENT_PAGE' | translate\"\n [matMenuTriggerFor]=\"pagesMenu\"\n *ngIf=\"lastPage > 1\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <div *ngIf=\"pagination.totalItems\">\n <span class=\"adf-pagination__total-pages\">\n {{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: lastPage } }}\n </span>\n </div>\n\n <mat-menu #pagesMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageNumber of limitedPages\"\n (click)=\"onChangePageNumber(pageNumber)\">\n {{ pageNumber }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__controls-block\">\n <button\n class=\"adf-pagination__previous-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.PREVIOUS_PAGE' | translate\"\n [disabled]=\"isFirstPage\"\n (click)=\"goPrevious()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button\n class=\"adf-pagination__next-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.NEXT_PAGE' | translate\"\n [disabled]=\"isLastPage\"\n (click)=\"goNext()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n </div>\n</ng-container>\n", styles: [".adf-pagination{display:flex;border-top:none;height:48px;line-height:20px}.adf-pagination__block{display:flex;align-items:center;padding:0 8px;border-right:none}.adf-pagination__block:first-child{flex:1 1 auto;padding-left:24px}.adf-pagination__block:last-child{border-right-width:0}@media (max-width: 599.9px){.adf-pagination{flex-wrap:wrap;padding:0 16px;justify-content:space-between}.adf-pagination__range-block,.adf-pagination__perpage-block{display:none}.adf-pagination__actualinfo-block{border-right:none}.adf-pagination__controls-block{padding-right:0}}.adf-pagination__max-items{margin-left:10px}.adf-pagination__max-items,.adf-pagination__current-page{margin-right:5px}.adf-pagination__max-items+button,.adf-pagination__current-page+button{margin-left:-10px}.adf-pagination__previous-button,.adf-pagination__next-button{margin:0 5px}.adf-pagination__page-selector{max-height:250px}.adf-pagination.adf-pagination__empty{border-top:none;height:48px}.adf-pagination button[mat-icon-button]{line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7009
7009
|
}
|
|
7010
7010
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
7011
7011
|
type: Component,
|
|
7012
|
-
args: [{ selector: 'adf-pagination', host: { class: 'adf-pagination' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatMenuModule], template: "<ng-container *ngIf=\"hasItems\">\n <div class=\"adf-pagination__block adf-pagination__range-block\" aria-live=\"polite\">\n <span class=\"adf-pagination__range\">\n {{ itemRangeText }}\n </span>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__perpage-block\">\n <span>\n {{ 'CORE.PAGINATION.ITEMS_PER_PAGE' | translate }}\n </span>\n\n <span class=\"adf-pagination__max-items\">\n {{ pagination.maxItems }}\n </span>\n\n <button\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.ITEMS_PER_PAGE' | translate\"\n [matMenuTriggerFor]=\"pageSizeMenu\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <mat-menu #pageSizeMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageSize of supportedPageSizes\"\n (click)=\"onChangePageSize(pageSize)\">\n {{ pageSize }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__actualinfo-block\">\n <span class=\"adf-pagination__current-page\">\n {{ 'CORE.PAGINATION.CURRENT_PAGE' | translate: { number: current } }}\n </span>\n\n <button\n mat-icon-button\n data-automation-id=\"page-selector\"\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.CURRENT_PAGE' | translate\"\n [matMenuTriggerFor]=\"pagesMenu\"\n *ngIf=\"lastPage > 1\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <div *ngIf=\"pagination.totalItems\">\n <span class=\"adf-pagination__total-pages\">\n {{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: lastPage } }}\n </span>\n </div>\n\n <mat-menu #pagesMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageNumber of limitedPages\"\n (click)=\"onChangePageNumber(pageNumber)\">\n {{ pageNumber }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__controls-block\">\n <button\n class=\"adf-pagination__previous-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.PREVIOUS_PAGE' | translate\"\n [disabled]=\"isFirstPage\"\n (click)=\"goPrevious()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button\n class=\"adf-pagination__next-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.NEXT_PAGE' | translate\"\n [disabled]=\"isLastPage\"\n (click)=\"goNext()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n </div>\n</ng-container>\n", styles: [".adf-pagination{display:flex;border-top:none;height:48px;line-height:20px
|
|
7012
|
+
args: [{ selector: 'adf-pagination', host: { class: 'adf-pagination' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatMenuModule], template: "<ng-container *ngIf=\"hasItems\">\n <div class=\"adf-pagination__block adf-pagination__range-block\" aria-live=\"polite\">\n <span class=\"adf-pagination__range\">\n {{ itemRangeText }}\n </span>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__perpage-block\">\n <span>\n {{ 'CORE.PAGINATION.ITEMS_PER_PAGE' | translate }}\n </span>\n\n <span class=\"adf-pagination__max-items\">\n {{ pagination.maxItems }}\n </span>\n\n <button\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.ITEMS_PER_PAGE' | translate\"\n [matMenuTriggerFor]=\"pageSizeMenu\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <mat-menu #pageSizeMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageSize of supportedPageSizes\"\n (click)=\"onChangePageSize(pageSize)\">\n {{ pageSize }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__actualinfo-block\">\n <span class=\"adf-pagination__current-page\">\n {{ 'CORE.PAGINATION.CURRENT_PAGE' | translate: { number: current } }}\n </span>\n\n <button\n mat-icon-button\n data-automation-id=\"page-selector\"\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.CURRENT_PAGE' | translate\"\n [matMenuTriggerFor]=\"pagesMenu\"\n *ngIf=\"lastPage > 1\">\n <mat-icon>arrow_drop_down</mat-icon>\n </button>\n\n <div *ngIf=\"pagination.totalItems\">\n <span class=\"adf-pagination__total-pages\">\n {{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: lastPage } }}\n </span>\n </div>\n\n <mat-menu #pagesMenu=\"matMenu\" class=\"adf-pagination__page-selector\">\n <button\n mat-menu-item\n *ngFor=\"let pageNumber of limitedPages\"\n (click)=\"onChangePageNumber(pageNumber)\">\n {{ pageNumber }}\n </button>\n </mat-menu>\n </div>\n\n <div class=\"adf-pagination__block adf-pagination__controls-block\">\n <button\n class=\"adf-pagination__previous-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.PREVIOUS_PAGE' | translate\"\n [disabled]=\"isFirstPage\"\n (click)=\"goPrevious()\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button\n class=\"adf-pagination__next-button\"\n mat-icon-button\n [attr.aria-label]=\"'CORE.PAGINATION.ARIA.NEXT_PAGE' | translate\"\n [disabled]=\"isLastPage\"\n (click)=\"goNext()\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n </div>\n</ng-container>\n", styles: [".adf-pagination{display:flex;border-top:none;height:48px;line-height:20px}.adf-pagination__block{display:flex;align-items:center;padding:0 8px;border-right:none}.adf-pagination__block:first-child{flex:1 1 auto;padding-left:24px}.adf-pagination__block:last-child{border-right-width:0}@media (max-width: 599.9px){.adf-pagination{flex-wrap:wrap;padding:0 16px;justify-content:space-between}.adf-pagination__range-block,.adf-pagination__perpage-block{display:none}.adf-pagination__actualinfo-block{border-right:none}.adf-pagination__controls-block{padding-right:0}}.adf-pagination__max-items{margin-left:10px}.adf-pagination__max-items,.adf-pagination__current-page{margin-right:5px}.adf-pagination__max-items+button,.adf-pagination__current-page+button{margin-left:-10px}.adf-pagination__previous-button,.adf-pagination__next-button{margin:0 5px}.adf-pagination__page-selector{max-height:250px}.adf-pagination.adf-pagination__empty{border-top:none;height:48px}.adf-pagination button[mat-icon-button]{line-height:20px}\n"] }]
|
|
7013
7013
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: UserPreferencesService }, { type: i1$1.TranslateService }], propDecorators: { target: [{
|
|
7014
7014
|
type: Input
|
|
7015
7015
|
}], supportedPageSizes: [{
|
|
@@ -7110,7 +7110,7 @@ class InfinitePaginationComponent {
|
|
|
7110
7110
|
}
|
|
7111
7111
|
}
|
|
7112
7112
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfinitePaginationComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7113
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfinitePaginationComponent, isStandalone: true, selector: "adf-infinite-pagination", inputs: { target: "target", pageSize: "pageSize", isLoading: ["loading", "isLoading"] }, outputs: { loadMore: "loadMore" }, host: { classAttribute: "infinite-adf-pagination" }, ngImport: i0, template: "<div *ngIf=\"pagination?.hasMoreItems || isLoading\" class=\"adf-infinite-pagination\">\n\n <button mat-button\n *ngIf=\"!isLoading\"\n class=\"adf-infinite-pagination-load-more\"\n (click)=\"onLoadMore()\"\n data-automation-id=\"adf-infinite-pagination-button\">\n <ng-content />\n </button>\n\n <mat-progress-bar *ngIf=\"isLoading\"\n mode=\"indeterminate\"\n class=\"adf-infinite-pagination-spinner\"\n data-automation-id=\"adf-infinite-pagination-spinner\"\n [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n</div>\n", styles: [".adf-infinite-pagination{display:flex;justify-content:space-around;min-height:56px}.adf-infinite-pagination-load-more{margin-bottom:10px;margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
7113
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfinitePaginationComponent, isStandalone: true, selector: "adf-infinite-pagination", inputs: { target: "target", pageSize: "pageSize", isLoading: ["loading", "isLoading"] }, outputs: { loadMore: "loadMore" }, host: { classAttribute: "infinite-adf-pagination" }, ngImport: i0, template: "<div *ngIf=\"pagination?.hasMoreItems || isLoading\" class=\"adf-infinite-pagination\">\n\n <button mat-button\n *ngIf=\"!isLoading\"\n class=\"adf-infinite-pagination-load-more\"\n (click)=\"onLoadMore()\"\n data-automation-id=\"adf-infinite-pagination-button\">\n <ng-content />\n </button>\n\n <mat-progress-bar *ngIf=\"isLoading\"\n mode=\"indeterminate\"\n class=\"adf-infinite-pagination-spinner\"\n data-automation-id=\"adf-infinite-pagination-spinner\"\n [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n</div>\n", styles: [".adf-infinite-pagination{display:flex;justify-content:space-around;min-height:56px}.adf-infinite-pagination-load-more{margin-bottom:10px;margin-top:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7114
7114
|
}
|
|
7115
7115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfinitePaginationComponent, decorators: [{
|
|
7116
7116
|
type: Component,
|
|
@@ -7982,7 +7982,7 @@ class ContentAuth {
|
|
|
7982
7982
|
deleteTicket() {
|
|
7983
7983
|
return this.adfHttpClient.delete(this.basePath + '/tickets/-me-');
|
|
7984
7984
|
}
|
|
7985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentAuth, deps: [{ token: AppConfigService }, { token: i2$
|
|
7985
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentAuth, deps: [{ token: AppConfigService }, { token: i2$4.AdfHttpClient }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
7986
7986
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentAuth, providedIn: 'root' }); }
|
|
7987
7987
|
}
|
|
7988
7988
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentAuth, decorators: [{
|
|
@@ -7990,7 +7990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
7990
7990
|
args: [{
|
|
7991
7991
|
providedIn: 'root'
|
|
7992
7992
|
}]
|
|
7993
|
-
}], ctorParameters: () => [{ type: AppConfigService }, { type: i2$
|
|
7993
|
+
}], ctorParameters: () => [{ type: AppConfigService }, { type: i2$4.AdfHttpClient }, { type: StorageService }] });
|
|
7994
7994
|
|
|
7995
7995
|
/*!
|
|
7996
7996
|
* @license
|
|
@@ -8166,7 +8166,7 @@ class ProcessAuth {
|
|
|
8166
8166
|
isLoggedIn() {
|
|
8167
8167
|
return !!this.ticket;
|
|
8168
8168
|
}
|
|
8169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessAuth, deps: [{ token: AppConfigService }, { token: i2$
|
|
8169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessAuth, deps: [{ token: AppConfigService }, { token: i2$4.AdfHttpClient }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8170
8170
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessAuth, providedIn: 'root' }); }
|
|
8171
8171
|
}
|
|
8172
8172
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ProcessAuth, decorators: [{
|
|
@@ -8174,7 +8174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
8174
8174
|
args: [{
|
|
8175
8175
|
providedIn: 'root'
|
|
8176
8176
|
}]
|
|
8177
|
-
}], ctorParameters: () => [{ type: AppConfigService }, { type: i2$
|
|
8177
|
+
}], ctorParameters: () => [{ type: AppConfigService }, { type: i2$4.AdfHttpClient }, { type: StorageService }] });
|
|
8178
8178
|
|
|
8179
8179
|
/*!
|
|
8180
8180
|
* @license
|
|
@@ -9608,13 +9608,13 @@ class OAuth2Service {
|
|
|
9608
9608
|
httpMethod: 'DELETE'
|
|
9609
9609
|
});
|
|
9610
9610
|
}
|
|
9611
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: OAuth2Service, deps: [{ token: i2$
|
|
9611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: OAuth2Service, deps: [{ token: i2$4.AdfHttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9612
9612
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: OAuth2Service, providedIn: 'root' }); }
|
|
9613
9613
|
}
|
|
9614
9614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: OAuth2Service, decorators: [{
|
|
9615
9615
|
type: Injectable,
|
|
9616
9616
|
args: [{ providedIn: 'root' }]
|
|
9617
|
-
}], ctorParameters: () => [{ type: i2$
|
|
9617
|
+
}], ctorParameters: () => [{ type: i2$4.AdfHttpClient }] });
|
|
9618
9618
|
|
|
9619
9619
|
/*!
|
|
9620
9620
|
* @license
|
|
@@ -11389,7 +11389,7 @@ class LoginComponent {
|
|
|
11389
11389
|
this.initFormError();
|
|
11390
11390
|
}
|
|
11391
11391
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginComponent, deps: [{ token: i4.UntypedFormBuilder }, { token: AuthenticationService }, { token: BasicAlfrescoAuthService }, { token: OidcAuthenticationService }, { token: TranslationService }, { token: i1$9.Router }, { token: AppConfigService }, { token: UserPreferencesService }, { token: i1$9.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoginComponent, isStandalone: true, selector: "adf-login", inputs: { showRememberMe: "showRememberMe", showLoginActions: "showLoginActions", needHelpLink: "needHelpLink", registerLink: "registerLink", logoImageUrl: "logoImageUrl", backgroundImageUrl: "backgroundImageUrl", copyrightText: "copyrightText", fieldsValidation: "fieldsValidation", successRoute: "successRoute" }, outputs: { success: "success", error: "error", executeSubmit: "executeSubmit" }, host: { classAttribute: "adf-login" }, ngImport: i0, template: "<div class=\"adf-login-content\" [style.background-image]=\"'url(' + backgroundImageUrl + ')'\">\n <div class=\"adf-ie11FixerParent\">\n <div class=\"adf-ie11FixerChild\">\n\n <mat-card class=\"adf-login-card-wide\">\n <form id=\"adf-login-form\"\n [formGroup]=\"form\"\n autocomplete=\"off\"\n (submit)=\"onSubmit(form.value)\">\n <mat-card-header class=\"adf-login-card-header-text\">\n <mat-card-title>\n <div class=\"adf-alfresco-logo\">\n <!--HEADER TEMPLATE-->\n <ng-template *ngIf=\"headerTemplate\"\n ngFor\n [ngForOf]=\"[data]\"\n [ngForTemplate]=\"headerTemplate\" />\n <img *ngIf=\"!headerTemplate\"\n id=\"adf-login-img-logo\"\n class=\"adf-img-logo\"\n [src]=\"logoImageUrl\"\n alt=\"{{ 'LOGIN.LOGO' | translate }}\">\n </div>\n </mat-card-title>\n </mat-card-header>\n\n <mat-card-content class=\"adf-login-controls\">\n\n <!--ERRORS AREA-->\n <div class=\"adf-error-container\">\n <div *ngIf=\"isError\"\n id=\"login-error\"\n data-automation-id=\"login-error\"\n class=\"adf-error adf-error-message\">\n <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n <span class=\"adf-login-error-message\">\n {{ errorMsg | translate }}\n </span>\n </div>\n </div>\n\n <div *ngIf=\"!ssoLogin\">\n\n <!--USERNAME FIELD-->\n <div class=\"adf-login__field adf-login-container\"\n [ngClass]=\"{'adf-is-invalid': isErrorStyle(form.controls.username)}\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\"\n color=\"primary\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.USERNAME' | translate }}\n </mat-label>\n <input matInput\n type=\"text\"\n class=\"adf-login-input\"\n formControlName=\"username\"\n id=\"username\"\n data-automation-id=\"username\"\n autocapitalize=\"none\"\n (blur)=\"trimUsername($event)\">\n </mat-form-field>\n <span *ngIf=\"formError['username']\"\n class=\"adf-login-validation\"\n for=\"username\">\n <span id=\"username-error\"\n class=\"adf-login-error\"\n data-automation-id=\"username-error\">\n {{ formError['username'] | translate }}\n </span>\n </span>\n </div>\n\n <!--PASSWORD FIELD-->\n <div class=\"adf-login__field\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\"\n color=\"primary\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.PASSWORD' | translate }}\n </mat-label>\n <input matInput\n [type]=\"isPasswordShow ? 'text' : 'password'\"\n formControlName=\"password\"\n class=\"adf-login-input\"\n id=\"password\"\n data-automation-id=\"password\">\n <button matSuffix\n mat-icon-button\n type=\"button\"\n [attr.aria-label]=\"(isPasswordShow ? 'LOGIN.ARIA-LABEL.HIDE-PASSWORD' : 'LOGIN.ARIA-LABEL.SHOW-PASSWORD') | translate\"\n (click)=\"toggleShowPassword($event)\"\n (keyup.enter)=\"toggleShowPassword($event)\"\n [attr.data-automation-id]=\"isPasswordShow ? 'hide_password' : 'show_password'\">\n <mat-icon class=\"adf-login-form-password-icon adf-login-password-icon\">\n {{ isPasswordShow ? 'visibility' : 'visibility_off' }}\n </mat-icon>\n </button>\n </mat-form-field>\n <span class=\"adf-login-validation\"\n for=\"password\"\n *ngIf=\"formError['password']\">\n <span id=\"password-required\"\n class=\"adf-login-error\"\n data-automation-id=\"password-required\">\n {{ formError['password'] | translate }}\n </span>\n </span>\n </div>\n\n <!--CUSTOM CONTENT-->\n <ng-content />\n\n <br>\n <button type=\"submit\"\n id=\"login-button\"\n class=\"adf-login-button\"\n mat-raised-button\n color=\"accent\"\n [class.adf-isChecking]=\"actualLoginStep === LoginSteps.Checking\"\n [class.adf-isWelcome]=\"actualLoginStep === LoginSteps.Welcome\"\n data-automation-id=\"login-button\"\n [disabled]=\"!form.valid\"\n [attr.aria-label]=\"'LOGIN.BUTTON.LOGIN' | translate\">\n <span *ngIf=\"actualLoginStep === LoginSteps.Landing\"\n class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.LOGIN' | translate }}\n </span>\n <div *ngIf=\"actualLoginStep === LoginSteps.Checking\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.CHECKING' | translate }}\n </span>\n <div class=\"adf-login-spinner-container\">\n <mat-spinner id=\"checking-spinner\"\n class=\"adf-login-checking-spinner\"\n [strokeWidth]=\"4\"\n [diameter]=\"25\" />\n </div>\n </div>\n <div *ngIf=\"actualLoginStep === LoginSteps.Welcome\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.WELCOME' | translate }}\n </span>\n <mat-icon class=\"adf-welcome-icon\">done</mat-icon>\n </div>\n </button>\n <div *ngIf=\"showRememberMe\" class=\"adf-login__remember-me\">\n <mat-checkbox id=\"adf-login-remember\"\n color=\"primary\"\n class=\"adf-login-remember-me\"\n [checked]=\"rememberMe\"\n (change)=\"rememberMe = !rememberMe\">\n <div class=\"adf-login-remember-me-label\">\n {{ 'LOGIN.LABEL.REMEMBER' | translate }}\n </div>\n </mat-checkbox>\n </div>\n </div>\n <div *ngIf=\"ssoLogin\">\n <button type=\"button\"\n (click)=\"implicitLogin()\"\n id=\"login-button-sso\"\n [attr.aria-label]=\"'LOGIN.BUTTON.SSO' | translate\"\n class=\"adf-login-button\"\n mat-raised-button color=\"primary\"\n data-automation-id=\"login-button-sso\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.SSO' | translate }}\n </span>\n </button>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"footerTemplate || showLoginActions\">\n\n <div class=\"adf-login-action-container\">\n <!--FOOTER TEMPLATE-->\n <ng-template *ngIf=\"footerTemplate\"\n ngFor\n [ngForOf]=\"[data]\"\n [ngForTemplate]=\"footerTemplate\" />\n <div class=\"adf-login-action\" *ngIf=\"!footerTemplate && showLoginActions\">\n <div id=\"adf-login-action-left\" class=\"adf-login-action-left\">\n <a href=\"{{ needHelpLink }}\">{{ 'LOGIN.ACTION.HELP' | translate }}</a>\n </div>\n <div id=\"adf-login-action-right\" class=\"adf-login-action-right\">\n <a href=\"{{ registerLink }}\">{{ 'LOGIN.ACTION.REGISTER' | translate }}</a>\n </div>\n </div>\n </div>\n </mat-card-actions>\n </form>\n </mat-card>\n\n <div class=\"adf-copyright\" data-automation-id=\"login-copyright\">\n {{ copyrightText }}\n </div>\n\n </div>\n </div>\n</div>\n", styles: [".adf-login{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-login-content{background-size:cover;background-position:center;min-height:100%;min-width:320px;display:flex;justify-content:center;flex-direction:column}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content{display:table;width:100%;height:100%}}.adf-login-content .adf-ie11FixerParent{margin:16px 0;min-width:320px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content .adf-ie11FixerParent{display:table-cell;vertical-align:middle;width:100%;padding-top:16px}}.adf-login-content .adf-ie11FixerChild{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.adf-login-content .adf-icon-inline{position:absolute;display:block;top:31%;left:82%;width:30px;overflow:hidden}.adf-login-content .adf-login-card-wide{border-radius:8px;background-color:var(--adf-theme-background-dialog-color);box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;width:450px;min-width:320px;padding:21px 64px 34px;box-sizing:border-box}@media screen and (width <= 482px){.adf-login-content .adf-login-card-wide{width:calc(100% - 32px)}}.adf-login-content .adf-error-container{height:45px}.adf-login-content .adf-error-message{display:flex;flex-direction:row;justify-content:flex-start;color:var(--theme-warn-color);padding:0;margin-bottom:4px;font-size:var(--theme-caption-font-size)}.adf-login-content .adf-error-message .adf-error-icon{margin-right:10px}.adf-login-content .adf-login-card-header-text{padding-bottom:42px;padding-top:0;margin:0 auto}.adf-login-content .adf-img-logo{display:block;margin-left:auto;margin-right:auto}.adf-login-content .adf-alfresco-logo{padding:24px 16px}.adf-login-content .adf-alfresco-logo img{max-height:58px}.adf-login-content .adf-login-button{width:100%;height:36px;line-height:normal;box-shadow:none}.adf-login-content .adf-login-button-label{color:var(--theme-accent-color-default-contrast);font-weight:bolder}.adf-login-content .adf-login-button.adf-isChecking{background-color:#e0f7fa}.adf-login-content .adf-login-button.adf-isChecking .adf-login-button-label{color:var(--theme-primary-color)}.adf-login-content .adf-login-button.adf-isWelcome{background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast)}.adf-login-content .adf-login-button.adf-isWelcome .adf-welcome-icon{margin:5px 0 0 10px}.adf-login-content .adf-interactive-login-label{display:flex;flex-direction:row;line-height:38px;justify-content:center}.adf-login-content .adf-login-spinner-container{margin-left:15px;margin-top:5px}.adf-login-content .adf-login-action{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}.adf-login-content .adf-login-action-left a,.adf-login-content .adf-login-action-right a{text-decoration:none}.adf-login-content .adf-is-active{background-color:transparent;font-size:var(--theme-caption-font-size);font-weight:400;line-height:1.33;color:var(--theme-warn-color)}.adf-login-content .adf-copyright{min-width:320px;text-align:center;padding:16px 0;font-size:var(--theme-caption-font-size);opacity:.54}.adf-login-content .adf-login-input:is(input){font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-form-field .adf-login-password-icon.adf-login-form-password-icon{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-subheading-2-font-size);top:9px;position:relative;left:7px}.adf-login-content .adf-login-controls:has(div){padding:0 0 26px;overflow:visible;width:100%;margin-bottom:16px}.adf-login-content .adf-login-controls:has(div) .adf-login-container{margin-bottom:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field{display:block;padding-bottom:16px;font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix{min-height:0;padding-bottom:3px;padding-top:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix .adf-login-form-input-label{font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix .mdc-floating-label--required:after{font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--adf-theme-background-dialog-color) inset;-webkit-text-fill-color:var(--adf-theme-foreground-text-color)}.adf-login-content .adf-login-validation{background-color:transparent;color:var(--theme-warn-color);font-size:var(--theme-caption-font-size)}.adf-login-content .adf-login-error{color:var(--theme-warn-color);position:absolute;font-size:var(--theme-caption-font-size);margin-top:-12px;display:block}.adf-login-content .adf-full-width{width:100%}.adf-login-content .adf-login__remember-me{padding-top:22px}.adf-login-content .adf-login__remember-me .adf-login-remember-me-label{opacity:.87}.adf-login-content .adf-login-remember-me:has(.adf-login-remember-me-label){color:var(--adf-theme-foreground-text-color)}.adf-login-content .adf-login-action-container{border-top:1px solid rgba(0,0,0,.1);margin-top:23px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i9.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11392
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LoginComponent, isStandalone: true, selector: "adf-login", inputs: { showRememberMe: "showRememberMe", showLoginActions: "showLoginActions", needHelpLink: "needHelpLink", registerLink: "registerLink", logoImageUrl: "logoImageUrl", backgroundImageUrl: "backgroundImageUrl", copyrightText: "copyrightText", fieldsValidation: "fieldsValidation", successRoute: "successRoute" }, outputs: { success: "success", error: "error", executeSubmit: "executeSubmit" }, host: { classAttribute: "adf-login" }, ngImport: i0, template: "<div class=\"adf-login-content\" [style.background-image]=\"'url(' + backgroundImageUrl + ')'\">\n <div class=\"adf-ie11FixerParent\">\n <div class=\"adf-ie11FixerChild\">\n\n <mat-card class=\"adf-login-card-wide\">\n <form id=\"adf-login-form\" [formGroup]=\"form\" autocomplete=\"off\"\n (submit)=\"onSubmit(form.value)\">\n <mat-card-header class=\"adf-login-card-header-text\">\n <mat-card-title>\n <div class=\"adf-alfresco-logo\">\n <!--HEADER TEMPLATE-->\n <ng-template *ngIf=\"headerTemplate\" ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"headerTemplate\" />\n <img *ngIf=\"!headerTemplate\" id=\"adf-login-img-logo\"\n class=\"adf-img-logo\" [src]=\"logoImageUrl\"\n alt=\"{{ 'LOGIN.LOGO' | translate }}\">\n </div>\n </mat-card-title>\n </mat-card-header>\n\n <mat-card-content class=\"adf-login-controls\">\n\n <!--ERRORS AREA-->\n <div class=\"adf-error-container\">\n <div *ngIf=\"isError\" id=\"login-error\" data-automation-id=\"login-error\"\n class=\"adf-error adf-error-message\">\n <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n <span class=\"adf-login-error-message\">\n {{ errorMsg | translate }}\n </span>\n </div>\n </div>\n\n <div *ngIf=\"!ssoLogin\">\n\n <!--USERNAME FIELD-->\n <div class=\"adf-login__field adf-login-container\"\n [ngClass]=\"{'adf-is-invalid': isErrorStyle(form.controls.username)}\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.USERNAME' | translate }}\n </mat-label>\n <input matInput type=\"text\" class=\"adf-login-input\"\n formControlName=\"username\" id=\"username\"\n data-automation-id=\"username\" autocapitalize=\"none\"\n (blur)=\"trimUsername($event)\">\n </mat-form-field>\n <span *ngIf=\"formError['username']\" class=\"adf-login-validation\"\n for=\"username\">\n <span id=\"username-error\" class=\"adf-login-error\"\n data-automation-id=\"username-error\">\n {{ formError['username'] | translate }}\n </span>\n </span>\n </div>\n\n <!--PASSWORD FIELD-->\n <div class=\"adf-login__field\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.PASSWORD' | translate }}\n </mat-label>\n <input matInput [type]=\"isPasswordShow ? 'text' : 'password'\"\n formControlName=\"password\" class=\"adf-login-input\"\n id=\"password\" data-automation-id=\"password\">\n <button matSuffix mat-icon-button type=\"button\"\n [attr.aria-label]=\"(isPasswordShow ? 'LOGIN.ARIA-LABEL.HIDE-PASSWORD' : 'LOGIN.ARIA-LABEL.SHOW-PASSWORD') | translate\"\n (click)=\"toggleShowPassword($event)\"\n (keyup.enter)=\"toggleShowPassword($event)\"\n [attr.data-automation-id]=\"isPasswordShow ? 'hide_password' : 'show_password'\">\n <mat-icon\n class=\"adf-login-form-password-icon adf-login-password-icon\">\n {{ isPasswordShow ? 'visibility' : 'visibility_off' }}\n </mat-icon>\n </button>\n </mat-form-field>\n <span class=\"adf-login-validation\" for=\"password\"\n *ngIf=\"formError['password']\">\n <span id=\"password-required\" class=\"adf-login-error\"\n data-automation-id=\"password-required\">\n {{ formError['password'] | translate }}\n </span>\n </span>\n </div>\n\n <!--CUSTOM CONTENT-->\n <ng-content />\n\n <br>\n <button type=\"submit\" id=\"login-button\" class=\"adf-login-button\"\n mat-flat-button\n [class.adf-isChecking]=\"actualLoginStep === LoginSteps.Checking\"\n [class.adf-isWelcome]=\"actualLoginStep === LoginSteps.Welcome\"\n data-automation-id=\"login-button\" [disabled]=\"!form.valid\"\n [attr.aria-label]=\"'LOGIN.BUTTON.LOGIN' | translate\">\n <span *ngIf=\"actualLoginStep === LoginSteps.Landing\"\n class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.LOGIN' | translate }}\n </span>\n <div *ngIf=\"actualLoginStep === LoginSteps.Checking\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.CHECKING' | translate }}\n </span>\n <div class=\"adf-login-spinner-container\">\n <mat-spinner id=\"checking-spinner\"\n class=\"adf-login-checking-spinner\" [strokeWidth]=\"4\"\n [diameter]=\"25\" />\n </div>\n </div>\n <div *ngIf=\"actualLoginStep === LoginSteps.Welcome\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.WELCOME' | translate }}\n </span>\n <mat-icon class=\"adf-welcome-icon\">done</mat-icon>\n </div>\n </button>\n <div *ngIf=\"showRememberMe\" class=\"adf-login__remember-me\">\n <mat-checkbox id=\"adf-login-remember\" class=\"adf-login-remember-me\"\n [checked]=\"rememberMe\" (change)=\"rememberMe = !rememberMe\">\n <div class=\"adf-login-remember-me-label\">\n {{ 'LOGIN.LABEL.REMEMBER' | translate }}\n </div>\n </mat-checkbox>\n </div>\n </div>\n <div *ngIf=\"ssoLogin\">\n <button type=\"button\" (click)=\"implicitLogin()\" id=\"login-button-sso\"\n [attr.aria-label]=\"'LOGIN.BUTTON.SSO' | translate\"\n class=\"adf-login-button\" mat-flat-button\n data-automation-id=\"login-button-sso\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.SSO' | translate }}\n </span>\n </button>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"footerTemplate || showLoginActions\">\n\n <div class=\"adf-login-action-container\">\n <!--FOOTER TEMPLATE-->\n <ng-template *ngIf=\"footerTemplate\" ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"footerTemplate\" />\n <div class=\"adf-login-action\"\n *ngIf=\"!footerTemplate && showLoginActions\">\n <div id=\"adf-login-action-left\" class=\"adf-login-action-left\">\n <a href=\"{{ needHelpLink }}\">{{ 'LOGIN.ACTION.HELP' | translate\n }}</a>\n </div>\n <div id=\"adf-login-action-right\" class=\"adf-login-action-right\">\n <a href=\"{{ registerLink }}\">{{ 'LOGIN.ACTION.REGISTER' |\n translate }}</a>\n </div>\n </div>\n </div>\n </mat-card-actions>\n </form>\n </mat-card>\n\n <div class=\"adf-copyright\" data-automation-id=\"login-copyright\">\n {{ copyrightText }}\n </div>\n\n </div>\n </div>\n</div>\n", styles: [".adf-login{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-login-content{background-size:cover;background-position:center;min-height:100%;min-width:320px;display:flex;justify-content:center;flex-direction:column}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content{display:table;width:100%;height:100%}}.adf-login-content .adf-ie11FixerParent{margin:16px 0;min-width:320px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content .adf-ie11FixerParent{display:table-cell;vertical-align:middle;width:100%;padding-top:16px}}.adf-login-content .adf-ie11FixerChild{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.adf-login-content .adf-icon-inline{position:absolute;display:block;top:31%;left:82%;width:30px;overflow:hidden}.adf-login-content .adf-login-card-wide{border-radius:8px;box-shadow:var(--mat-sys-level2);width:450px;min-width:320px;padding:21px 64px 34px;box-sizing:border-box}@media screen and (width <= 482px){.adf-login-content .adf-login-card-wide{width:calc(100% - 32px)}}.adf-login-content .adf-error-container{height:45px}.adf-login-content .adf-error-message{display:flex;flex-direction:row;justify-content:flex-start;color:var(--mat-sys-error);padding:0;margin-bottom:4px;font-size:var(--mat-sys-body-small-size)}.adf-login-content .adf-error-message .adf-error-icon{margin-right:10px}.adf-login-content .adf-login-card-header-text{padding-bottom:42px;padding-top:0;margin:0 auto}.adf-login-content .adf-img-logo{display:block;margin-left:auto;margin-right:auto}.adf-login-content .adf-alfresco-logo{padding:24px 16px}.adf-login-content .adf-alfresco-logo img{max-height:58px}.adf-login-content .adf-login-button{width:100%;height:36px}.adf-login-content .adf-login-button.adf-isWelcome .adf-welcome-icon{margin:5px 0 0 10px}.adf-login-content .adf-interactive-login-label{display:flex;flex-direction:row;line-height:38px;justify-content:center}.adf-login-content .adf-login-spinner-container{margin-left:15px;margin-top:5px}.adf-login-content .adf-login-action{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}.adf-login-content .adf-login-action-left a,.adf-login-content .adf-login-action-right a{text-decoration:none}.adf-login-content .adf-is-active{background-color:transparent;font-size:var(--mat-sys-body-small-size);font-weight:400;line-height:1.33;color:var(--mat-sys-error)}.adf-login-content .adf-copyright{min-width:320px;text-align:center;padding:16px 0;font-size:var(--mat-sys-body-small-size);opacity:.54}.adf-login-content .adf-login-controls:has(div){padding:0 0 26px;overflow:visible;width:100%;margin-bottom:16px}.adf-login-content .adf-login-controls:has(div) .adf-login-container{margin-bottom:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field{display:block;padding-bottom:16px}.adf-login-content .adf-login-validation{background-color:transparent;color:var(--mat-sys-error);font-size:var(--mat-sys-body-small-size)}.adf-login-content .adf-login-error{color:var(--mat-sys-error);position:absolute;font-size:var(--mat-sys-body-small-size);margin-top:-12px;display:block}.adf-login-content .adf-full-width{width:100%}.adf-login-content .adf-login__remember-me{padding-top:22px}.adf-login-content .adf-login__remember-me .adf-login-remember-me-label{opacity:.87}.adf-login-content .adf-login-remember-me:has(.adf-login-remember-me-label){color:var(--mat-sys-on-surface)}.adf-login-content .adf-login-action-container{border-top:1px solid rgba(0,0,0,.1);margin-top:23px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i9.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11393
11393
|
}
|
|
11394
11394
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LoginComponent, decorators: [{
|
|
11395
11395
|
type: Component,
|
|
@@ -11404,7 +11404,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
11404
11404
|
MatButtonModule,
|
|
11405
11405
|
MatProgressSpinnerModule,
|
|
11406
11406
|
MatCheckboxModule
|
|
11407
|
-
], host: { class: 'adf-login' }, template: "<div class=\"adf-login-content\" [style.background-image]=\"'url(' + backgroundImageUrl + ')'\">\n <div class=\"adf-ie11FixerParent\">\n <div class=\"adf-ie11FixerChild\">\n\n <mat-card class=\"adf-login-card-wide\">\n <form id=\"adf-login-form\"\n [formGroup]=\"form\"\n autocomplete=\"off\"\n (submit)=\"onSubmit(form.value)\">\n <mat-card-header class=\"adf-login-card-header-text\">\n <mat-card-title>\n <div class=\"adf-alfresco-logo\">\n <!--HEADER TEMPLATE-->\n <ng-template *ngIf=\"headerTemplate\"\n ngFor\n [ngForOf]=\"[data]\"\n [ngForTemplate]=\"headerTemplate\" />\n <img *ngIf=\"!headerTemplate\"\n id=\"adf-login-img-logo\"\n class=\"adf-img-logo\"\n [src]=\"logoImageUrl\"\n alt=\"{{ 'LOGIN.LOGO' | translate }}\">\n </div>\n </mat-card-title>\n </mat-card-header>\n\n <mat-card-content class=\"adf-login-controls\">\n\n <!--ERRORS AREA-->\n <div class=\"adf-error-container\">\n <div *ngIf=\"isError\"\n id=\"login-error\"\n data-automation-id=\"login-error\"\n class=\"adf-error adf-error-message\">\n <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n <span class=\"adf-login-error-message\">\n {{ errorMsg | translate }}\n </span>\n </div>\n </div>\n\n <div *ngIf=\"!ssoLogin\">\n\n <!--USERNAME FIELD-->\n <div class=\"adf-login__field adf-login-container\"\n [ngClass]=\"{'adf-is-invalid': isErrorStyle(form.controls.username)}\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\"\n color=\"primary\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.USERNAME' | translate }}\n </mat-label>\n <input matInput\n type=\"text\"\n class=\"adf-login-input\"\n formControlName=\"username\"\n id=\"username\"\n data-automation-id=\"username\"\n autocapitalize=\"none\"\n (blur)=\"trimUsername($event)\">\n </mat-form-field>\n <span *ngIf=\"formError['username']\"\n class=\"adf-login-validation\"\n for=\"username\">\n <span id=\"username-error\"\n class=\"adf-login-error\"\n data-automation-id=\"username-error\">\n {{ formError['username'] | translate }}\n </span>\n </span>\n </div>\n\n <!--PASSWORD FIELD-->\n <div class=\"adf-login__field\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\"\n color=\"primary\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.PASSWORD' | translate }}\n </mat-label>\n <input matInput\n [type]=\"isPasswordShow ? 'text' : 'password'\"\n formControlName=\"password\"\n class=\"adf-login-input\"\n id=\"password\"\n data-automation-id=\"password\">\n <button matSuffix\n mat-icon-button\n type=\"button\"\n [attr.aria-label]=\"(isPasswordShow ? 'LOGIN.ARIA-LABEL.HIDE-PASSWORD' : 'LOGIN.ARIA-LABEL.SHOW-PASSWORD') | translate\"\n (click)=\"toggleShowPassword($event)\"\n (keyup.enter)=\"toggleShowPassword($event)\"\n [attr.data-automation-id]=\"isPasswordShow ? 'hide_password' : 'show_password'\">\n <mat-icon class=\"adf-login-form-password-icon adf-login-password-icon\">\n {{ isPasswordShow ? 'visibility' : 'visibility_off' }}\n </mat-icon>\n </button>\n </mat-form-field>\n <span class=\"adf-login-validation\"\n for=\"password\"\n *ngIf=\"formError['password']\">\n <span id=\"password-required\"\n class=\"adf-login-error\"\n data-automation-id=\"password-required\">\n {{ formError['password'] | translate }}\n </span>\n </span>\n </div>\n\n <!--CUSTOM CONTENT-->\n <ng-content />\n\n <br>\n <button type=\"submit\"\n id=\"login-button\"\n class=\"adf-login-button\"\n mat-raised-button\n color=\"accent\"\n [class.adf-isChecking]=\"actualLoginStep === LoginSteps.Checking\"\n [class.adf-isWelcome]=\"actualLoginStep === LoginSteps.Welcome\"\n data-automation-id=\"login-button\"\n [disabled]=\"!form.valid\"\n [attr.aria-label]=\"'LOGIN.BUTTON.LOGIN' | translate\">\n <span *ngIf=\"actualLoginStep === LoginSteps.Landing\"\n class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.LOGIN' | translate }}\n </span>\n <div *ngIf=\"actualLoginStep === LoginSteps.Checking\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.CHECKING' | translate }}\n </span>\n <div class=\"adf-login-spinner-container\">\n <mat-spinner id=\"checking-spinner\"\n class=\"adf-login-checking-spinner\"\n [strokeWidth]=\"4\"\n [diameter]=\"25\" />\n </div>\n </div>\n <div *ngIf=\"actualLoginStep === LoginSteps.Welcome\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.WELCOME' | translate }}\n </span>\n <mat-icon class=\"adf-welcome-icon\">done</mat-icon>\n </div>\n </button>\n <div *ngIf=\"showRememberMe\" class=\"adf-login__remember-me\">\n <mat-checkbox id=\"adf-login-remember\"\n color=\"primary\"\n class=\"adf-login-remember-me\"\n [checked]=\"rememberMe\"\n (change)=\"rememberMe = !rememberMe\">\n <div class=\"adf-login-remember-me-label\">\n {{ 'LOGIN.LABEL.REMEMBER' | translate }}\n </div>\n </mat-checkbox>\n </div>\n </div>\n <div *ngIf=\"ssoLogin\">\n <button type=\"button\"\n (click)=\"implicitLogin()\"\n id=\"login-button-sso\"\n [attr.aria-label]=\"'LOGIN.BUTTON.SSO' | translate\"\n class=\"adf-login-button\"\n mat-raised-button color=\"primary\"\n data-automation-id=\"login-button-sso\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.SSO' | translate }}\n </span>\n </button>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"footerTemplate || showLoginActions\">\n\n <div class=\"adf-login-action-container\">\n <!--FOOTER TEMPLATE-->\n <ng-template *ngIf=\"footerTemplate\"\n ngFor\n [ngForOf]=\"[data]\"\n [ngForTemplate]=\"footerTemplate\" />\n <div class=\"adf-login-action\" *ngIf=\"!footerTemplate && showLoginActions\">\n <div id=\"adf-login-action-left\" class=\"adf-login-action-left\">\n <a href=\"{{ needHelpLink }}\">{{ 'LOGIN.ACTION.HELP' | translate }}</a>\n </div>\n <div id=\"adf-login-action-right\" class=\"adf-login-action-right\">\n <a href=\"{{ registerLink }}\">{{ 'LOGIN.ACTION.REGISTER' | translate }}</a>\n </div>\n </div>\n </div>\n </mat-card-actions>\n </form>\n </mat-card>\n\n <div class=\"adf-copyright\" data-automation-id=\"login-copyright\">\n {{ copyrightText }}\n </div>\n\n </div>\n </div>\n</div>\n", styles: [".adf-login{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-login-content{background-size:cover;background-position:center;min-height:100%;min-width:320px;display:flex;justify-content:center;flex-direction:column}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content{display:table;width:100%;height:100%}}.adf-login-content .adf-ie11FixerParent{margin:16px 0;min-width:320px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content .adf-ie11FixerParent{display:table-cell;vertical-align:middle;width:100%;padding-top:16px}}.adf-login-content .adf-ie11FixerChild{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.adf-login-content .adf-icon-inline{position:absolute;display:block;top:31%;left:82%;width:30px;overflow:hidden}.adf-login-content .adf-login-card-wide{border-radius:8px;background-color:var(--adf-theme-background-dialog-color);box-shadow:0 2px 2px #0000003d,0 0 2px #0000001f;width:450px;min-width:320px;padding:21px 64px 34px;box-sizing:border-box}@media screen and (width <= 482px){.adf-login-content .adf-login-card-wide{width:calc(100% - 32px)}}.adf-login-content .adf-error-container{height:45px}.adf-login-content .adf-error-message{display:flex;flex-direction:row;justify-content:flex-start;color:var(--theme-warn-color);padding:0;margin-bottom:4px;font-size:var(--theme-caption-font-size)}.adf-login-content .adf-error-message .adf-error-icon{margin-right:10px}.adf-login-content .adf-login-card-header-text{padding-bottom:42px;padding-top:0;margin:0 auto}.adf-login-content .adf-img-logo{display:block;margin-left:auto;margin-right:auto}.adf-login-content .adf-alfresco-logo{padding:24px 16px}.adf-login-content .adf-alfresco-logo img{max-height:58px}.adf-login-content .adf-login-button{width:100%;height:36px;line-height:normal;box-shadow:none}.adf-login-content .adf-login-button-label{color:var(--theme-accent-color-default-contrast);font-weight:bolder}.adf-login-content .adf-login-button.adf-isChecking{background-color:#e0f7fa}.adf-login-content .adf-login-button.adf-isChecking .adf-login-button-label{color:var(--theme-primary-color)}.adf-login-content .adf-login-button.adf-isWelcome{background-color:var(--theme-primary-color);color:var(--theme-primary-color-default-contrast)}.adf-login-content .adf-login-button.adf-isWelcome .adf-welcome-icon{margin:5px 0 0 10px}.adf-login-content .adf-interactive-login-label{display:flex;flex-direction:row;line-height:38px;justify-content:center}.adf-login-content .adf-login-spinner-container{margin-left:15px;margin-top:5px}.adf-login-content .adf-login-action{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}.adf-login-content .adf-login-action-left a,.adf-login-content .adf-login-action-right a{text-decoration:none}.adf-login-content .adf-is-active{background-color:transparent;font-size:var(--theme-caption-font-size);font-weight:400;line-height:1.33;color:var(--theme-warn-color)}.adf-login-content .adf-copyright{min-width:320px;text-align:center;padding:16px 0;font-size:var(--theme-caption-font-size);opacity:.54}.adf-login-content .adf-login-input:is(input){font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-form-field .adf-login-password-icon.adf-login-form-password-icon{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-subheading-2-font-size);top:9px;position:relative;left:7px}.adf-login-content .adf-login-controls:has(div){padding:0 0 26px;overflow:visible;width:100%;margin-bottom:16px}.adf-login-content .adf-login-controls:has(div) .adf-login-container{margin-bottom:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field{display:block;padding-bottom:16px;font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix{min-height:0;padding-bottom:3px;padding-top:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix .adf-login-form-input-label{font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field .mat-mdc-form-field-infix .mdc-floating-label--required:after{font-size:var(--theme-subheading-2-font-size)}.adf-login-content .adf-login-controls:has(div) .adf-login__field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--adf-theme-background-dialog-color) inset;-webkit-text-fill-color:var(--adf-theme-foreground-text-color)}.adf-login-content .adf-login-validation{background-color:transparent;color:var(--theme-warn-color);font-size:var(--theme-caption-font-size)}.adf-login-content .adf-login-error{color:var(--theme-warn-color);position:absolute;font-size:var(--theme-caption-font-size);margin-top:-12px;display:block}.adf-login-content .adf-full-width{width:100%}.adf-login-content .adf-login__remember-me{padding-top:22px}.adf-login-content .adf-login__remember-me .adf-login-remember-me-label{opacity:.87}.adf-login-content .adf-login-remember-me:has(.adf-login-remember-me-label){color:var(--adf-theme-foreground-text-color)}.adf-login-content .adf-login-action-container{border-top:1px solid rgba(0,0,0,.1);margin-top:23px}\n"] }]
|
|
11407
|
+
], host: { class: 'adf-login' }, template: "<div class=\"adf-login-content\" [style.background-image]=\"'url(' + backgroundImageUrl + ')'\">\n <div class=\"adf-ie11FixerParent\">\n <div class=\"adf-ie11FixerChild\">\n\n <mat-card class=\"adf-login-card-wide\">\n <form id=\"adf-login-form\" [formGroup]=\"form\" autocomplete=\"off\"\n (submit)=\"onSubmit(form.value)\">\n <mat-card-header class=\"adf-login-card-header-text\">\n <mat-card-title>\n <div class=\"adf-alfresco-logo\">\n <!--HEADER TEMPLATE-->\n <ng-template *ngIf=\"headerTemplate\" ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"headerTemplate\" />\n <img *ngIf=\"!headerTemplate\" id=\"adf-login-img-logo\"\n class=\"adf-img-logo\" [src]=\"logoImageUrl\"\n alt=\"{{ 'LOGIN.LOGO' | translate }}\">\n </div>\n </mat-card-title>\n </mat-card-header>\n\n <mat-card-content class=\"adf-login-controls\">\n\n <!--ERRORS AREA-->\n <div class=\"adf-error-container\">\n <div *ngIf=\"isError\" id=\"login-error\" data-automation-id=\"login-error\"\n class=\"adf-error adf-error-message\">\n <mat-icon class=\"adf-error-icon\">warning</mat-icon>\n <span class=\"adf-login-error-message\">\n {{ errorMsg | translate }}\n </span>\n </div>\n </div>\n\n <div *ngIf=\"!ssoLogin\">\n\n <!--USERNAME FIELD-->\n <div class=\"adf-login__field adf-login-container\"\n [ngClass]=\"{'adf-is-invalid': isErrorStyle(form.controls.username)}\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.USERNAME' | translate }}\n </mat-label>\n <input matInput type=\"text\" class=\"adf-login-input\"\n formControlName=\"username\" id=\"username\"\n data-automation-id=\"username\" autocapitalize=\"none\"\n (blur)=\"trimUsername($event)\">\n </mat-form-field>\n <span *ngIf=\"formError['username']\" class=\"adf-login-validation\"\n for=\"username\">\n <span id=\"username-error\" class=\"adf-login-error\"\n data-automation-id=\"username-error\">\n {{ formError['username'] | translate }}\n </span>\n </span>\n </div>\n\n <!--PASSWORD FIELD-->\n <div class=\"adf-login__field\">\n <mat-form-field class=\"adf-full-width adf-login-form-field\"\n floatPlaceholder=\"never\">\n <mat-label class=\"adf-login-form-input-label\">\n {{'LOGIN.LABEL.PASSWORD' | translate }}\n </mat-label>\n <input matInput [type]=\"isPasswordShow ? 'text' : 'password'\"\n formControlName=\"password\" class=\"adf-login-input\"\n id=\"password\" data-automation-id=\"password\">\n <button matSuffix mat-icon-button type=\"button\"\n [attr.aria-label]=\"(isPasswordShow ? 'LOGIN.ARIA-LABEL.HIDE-PASSWORD' : 'LOGIN.ARIA-LABEL.SHOW-PASSWORD') | translate\"\n (click)=\"toggleShowPassword($event)\"\n (keyup.enter)=\"toggleShowPassword($event)\"\n [attr.data-automation-id]=\"isPasswordShow ? 'hide_password' : 'show_password'\">\n <mat-icon\n class=\"adf-login-form-password-icon adf-login-password-icon\">\n {{ isPasswordShow ? 'visibility' : 'visibility_off' }}\n </mat-icon>\n </button>\n </mat-form-field>\n <span class=\"adf-login-validation\" for=\"password\"\n *ngIf=\"formError['password']\">\n <span id=\"password-required\" class=\"adf-login-error\"\n data-automation-id=\"password-required\">\n {{ formError['password'] | translate }}\n </span>\n </span>\n </div>\n\n <!--CUSTOM CONTENT-->\n <ng-content />\n\n <br>\n <button type=\"submit\" id=\"login-button\" class=\"adf-login-button\"\n mat-flat-button\n [class.adf-isChecking]=\"actualLoginStep === LoginSteps.Checking\"\n [class.adf-isWelcome]=\"actualLoginStep === LoginSteps.Welcome\"\n data-automation-id=\"login-button\" [disabled]=\"!form.valid\"\n [attr.aria-label]=\"'LOGIN.BUTTON.LOGIN' | translate\">\n <span *ngIf=\"actualLoginStep === LoginSteps.Landing\"\n class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.LOGIN' | translate }}\n </span>\n <div *ngIf=\"actualLoginStep === LoginSteps.Checking\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.CHECKING' | translate }}\n </span>\n <div class=\"adf-login-spinner-container\">\n <mat-spinner id=\"checking-spinner\"\n class=\"adf-login-checking-spinner\" [strokeWidth]=\"4\"\n [diameter]=\"25\" />\n </div>\n </div>\n <div *ngIf=\"actualLoginStep === LoginSteps.Welcome\"\n class=\"adf-interactive-login-label\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.WELCOME' | translate }}\n </span>\n <mat-icon class=\"adf-welcome-icon\">done</mat-icon>\n </div>\n </button>\n <div *ngIf=\"showRememberMe\" class=\"adf-login__remember-me\">\n <mat-checkbox id=\"adf-login-remember\" class=\"adf-login-remember-me\"\n [checked]=\"rememberMe\" (change)=\"rememberMe = !rememberMe\">\n <div class=\"adf-login-remember-me-label\">\n {{ 'LOGIN.LABEL.REMEMBER' | translate }}\n </div>\n </mat-checkbox>\n </div>\n </div>\n <div *ngIf=\"ssoLogin\">\n <button type=\"button\" (click)=\"implicitLogin()\" id=\"login-button-sso\"\n [attr.aria-label]=\"'LOGIN.BUTTON.SSO' | translate\"\n class=\"adf-login-button\" mat-flat-button\n data-automation-id=\"login-button-sso\">\n <span class=\"adf-login-button-label\">\n {{ 'LOGIN.BUTTON.SSO' | translate }}\n </span>\n </button>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"footerTemplate || showLoginActions\">\n\n <div class=\"adf-login-action-container\">\n <!--FOOTER TEMPLATE-->\n <ng-template *ngIf=\"footerTemplate\" ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"footerTemplate\" />\n <div class=\"adf-login-action\"\n *ngIf=\"!footerTemplate && showLoginActions\">\n <div id=\"adf-login-action-left\" class=\"adf-login-action-left\">\n <a href=\"{{ needHelpLink }}\">{{ 'LOGIN.ACTION.HELP' | translate\n }}</a>\n </div>\n <div id=\"adf-login-action-right\" class=\"adf-login-action-right\">\n <a href=\"{{ registerLink }}\">{{ 'LOGIN.ACTION.REGISTER' |\n translate }}</a>\n </div>\n </div>\n </div>\n </mat-card-actions>\n </form>\n </mat-card>\n\n <div class=\"adf-copyright\" data-automation-id=\"login-copyright\">\n {{ copyrightText }}\n </div>\n\n </div>\n </div>\n</div>\n", styles: [".adf-login{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-login-content{background-size:cover;background-position:center;min-height:100%;min-width:320px;display:flex;justify-content:center;flex-direction:column}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content{display:table;width:100%;height:100%}}.adf-login-content .adf-ie11FixerParent{margin:16px 0;min-width:320px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.adf-login-content .adf-ie11FixerParent{display:table-cell;vertical-align:middle;width:100%;padding-top:16px}}.adf-login-content .adf-ie11FixerChild{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.adf-login-content .adf-icon-inline{position:absolute;display:block;top:31%;left:82%;width:30px;overflow:hidden}.adf-login-content .adf-login-card-wide{border-radius:8px;box-shadow:var(--mat-sys-level2);width:450px;min-width:320px;padding:21px 64px 34px;box-sizing:border-box}@media screen and (width <= 482px){.adf-login-content .adf-login-card-wide{width:calc(100% - 32px)}}.adf-login-content .adf-error-container{height:45px}.adf-login-content .adf-error-message{display:flex;flex-direction:row;justify-content:flex-start;color:var(--mat-sys-error);padding:0;margin-bottom:4px;font-size:var(--mat-sys-body-small-size)}.adf-login-content .adf-error-message .adf-error-icon{margin-right:10px}.adf-login-content .adf-login-card-header-text{padding-bottom:42px;padding-top:0;margin:0 auto}.adf-login-content .adf-img-logo{display:block;margin-left:auto;margin-right:auto}.adf-login-content .adf-alfresco-logo{padding:24px 16px}.adf-login-content .adf-alfresco-logo img{max-height:58px}.adf-login-content .adf-login-button{width:100%;height:36px}.adf-login-content .adf-login-button.adf-isWelcome .adf-welcome-icon{margin:5px 0 0 10px}.adf-login-content .adf-interactive-login-label{display:flex;flex-direction:row;line-height:38px;justify-content:center}.adf-login-content .adf-login-spinner-container{margin-left:15px;margin-top:5px}.adf-login-content .adf-login-action{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between}.adf-login-content .adf-login-action-left a,.adf-login-content .adf-login-action-right a{text-decoration:none}.adf-login-content .adf-is-active{background-color:transparent;font-size:var(--mat-sys-body-small-size);font-weight:400;line-height:1.33;color:var(--mat-sys-error)}.adf-login-content .adf-copyright{min-width:320px;text-align:center;padding:16px 0;font-size:var(--mat-sys-body-small-size);opacity:.54}.adf-login-content .adf-login-controls:has(div){padding:0 0 26px;overflow:visible;width:100%;margin-bottom:16px}.adf-login-content .adf-login-controls:has(div) .adf-login-container{margin-bottom:20px}.adf-login-content .adf-login-controls:has(div) .adf-login__field{display:block;padding-bottom:16px}.adf-login-content .adf-login-validation{background-color:transparent;color:var(--mat-sys-error);font-size:var(--mat-sys-body-small-size)}.adf-login-content .adf-login-error{color:var(--mat-sys-error);position:absolute;font-size:var(--mat-sys-body-small-size);margin-top:-12px;display:block}.adf-login-content .adf-full-width{width:100%}.adf-login-content .adf-login__remember-me{padding-top:22px}.adf-login-content .adf-login__remember-me .adf-login-remember-me-label{opacity:.87}.adf-login-content .adf-login-remember-me:has(.adf-login-remember-me-label){color:var(--mat-sys-on-surface)}.adf-login-content .adf-login-action-container{border-top:1px solid rgba(0,0,0,.1);margin-top:23px}\n"] }]
|
|
11408
11408
|
}], ctorParameters: () => [{ type: i4.UntypedFormBuilder }, { type: AuthenticationService }, { type: BasicAlfrescoAuthService }, { type: OidcAuthenticationService }, { type: TranslationService }, { type: i1$9.Router }, { type: AppConfigService }, { type: UserPreferencesService }, { type: i1$9.ActivatedRoute }], propDecorators: { showRememberMe: [{
|
|
11409
11409
|
type: Input
|
|
11410
11410
|
}], showLoginActions: [{
|
|
@@ -11906,11 +11906,11 @@ class InfoDrawerLayoutComponent {
|
|
|
11906
11906
|
this.showHeader = true;
|
|
11907
11907
|
}
|
|
11908
11908
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11909
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerLayoutComponent, isStandalone: true, selector: "adf-info-drawer-layout", inputs: { showHeader: "showHeader" }, host: { classAttribute: "adf-info-drawer-layout" }, ngImport: i0, template: "<div *ngIf=\"showHeader\" class=\"adf-info-drawer-layout-header\">\n <div class=\"adf-info-drawer-layout-header-title\">\n <ng-content select=\"[info-drawer-node-icon]\" />\n <ng-content select=\"[info-drawer-title]\" />\n </div>\n <div class=\"adf-info-drawer-layout-header-buttons\">\n <ng-content select=\"[info-drawer-buttons]\" />\n </div>\n</div>\n<div class=\"adf-info-drawer-layout-content\">\n <ng-content select=\"[info-drawer-content]\" />\n</div>\n", styles: [".adf-info-drawer{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;overflow:auto;width:100%;
|
|
11909
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerLayoutComponent, isStandalone: true, selector: "adf-info-drawer-layout", inputs: { showHeader: "showHeader" }, host: { classAttribute: "adf-info-drawer-layout" }, ngImport: i0, template: "<div *ngIf=\"showHeader\" class=\"adf-info-drawer-layout-header\">\n <div class=\"adf-info-drawer-layout-header-title\">\n <ng-content select=\"[info-drawer-node-icon]\" />\n <ng-content select=\"[info-drawer-title]\" />\n </div>\n <div class=\"adf-info-drawer-layout-header-buttons\">\n <ng-content select=\"[info-drawer-buttons]\" />\n </div>\n</div>\n<div class=\"adf-info-drawer-layout-content\">\n <ng-content select=\"[info-drawer-content]\" />\n</div>\n", styles: [".adf-info-drawer{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;overflow:auto;width:100%;box-shadow:0 2px 4px #00000045}.adf-info-drawer-layout .mdc-tab__text-label{font-weight:700;text-align:left;opacity:1}.adf-info-drawer-layout .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:inherit}.adf-info-drawer-layout-header{padding:8px 0 0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;margin-bottom:40px}.adf-info-drawer-layout-header-buttons mat-icon{cursor:pointer}.adf-info-drawer-layout-header-title{display:flex;font-size:var(--mat-sys-title-medium-size);line-height:28px;letter-spacing:.15px;text-align:left;align-items:center;overflow:hidden}.adf-info-drawer-layout-header-title>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adf-info-drawer-layout-content{padding:10px}.adf-info-drawer-layout-content>*{margin-bottom:20px;display:block}.adf-info-drawer-layout-content>*:last-child{margin-bottom:0}.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-empty,.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-no-permission{margin:0;padding:24px;text-align:center;display:flex;flex-direction:column}.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-empty-icon,.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-no-permission-icon{width:48px;height:48px;font-size:48px;margin:0 auto 24px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11910
11910
|
}
|
|
11911
11911
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerLayoutComponent, decorators: [{
|
|
11912
11912
|
type: Component,
|
|
11913
|
-
args: [{ selector: 'adf-info-drawer-layout', imports: [CommonModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer-layout' }, template: "<div *ngIf=\"showHeader\" class=\"adf-info-drawer-layout-header\">\n <div class=\"adf-info-drawer-layout-header-title\">\n <ng-content select=\"[info-drawer-node-icon]\" />\n <ng-content select=\"[info-drawer-title]\" />\n </div>\n <div class=\"adf-info-drawer-layout-header-buttons\">\n <ng-content select=\"[info-drawer-buttons]\" />\n </div>\n</div>\n<div class=\"adf-info-drawer-layout-content\">\n <ng-content select=\"[info-drawer-content]\" />\n</div>\n", styles: [".adf-info-drawer{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;overflow:auto;width:100%;
|
|
11913
|
+
args: [{ selector: 'adf-info-drawer-layout', imports: [CommonModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer-layout' }, template: "<div *ngIf=\"showHeader\" class=\"adf-info-drawer-layout-header\">\n <div class=\"adf-info-drawer-layout-header-title\">\n <ng-content select=\"[info-drawer-node-icon]\" />\n <ng-content select=\"[info-drawer-title]\" />\n </div>\n <div class=\"adf-info-drawer-layout-header-buttons\">\n <ng-content select=\"[info-drawer-buttons]\" />\n </div>\n</div>\n<div class=\"adf-info-drawer-layout-content\">\n <ng-content select=\"[info-drawer-content]\" />\n</div>\n", styles: [".adf-info-drawer{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-info-drawer-layout{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;overflow:auto;width:100%;box-shadow:0 2px 4px #00000045}.adf-info-drawer-layout .mdc-tab__text-label{font-weight:700;text-align:left;opacity:1}.adf-info-drawer-layout .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label{color:inherit}.adf-info-drawer-layout-header{padding:8px 0 0 24px;display:flex;align-items:center;justify-content:space-between;height:56px;margin-bottom:40px}.adf-info-drawer-layout-header-buttons mat-icon{cursor:pointer}.adf-info-drawer-layout-header-title{display:flex;font-size:var(--mat-sys-title-medium-size);line-height:28px;letter-spacing:.15px;text-align:left;align-items:center;overflow:hidden}.adf-info-drawer-layout-header-title>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adf-info-drawer-layout-content{padding:10px}.adf-info-drawer-layout-content>*{margin-bottom:20px;display:block}.adf-info-drawer-layout-content>*:last-child{margin-bottom:0}.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-empty,.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-no-permission{margin:0;padding:24px;text-align:center;display:flex;flex-direction:column}.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-empty-icon,.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content .adf-manage-versions-no-permission-icon{width:48px;height:48px;font-size:48px;margin:0 auto 24px;display:block}\n"] }]
|
|
11914
11914
|
}], propDecorators: { showHeader: [{
|
|
11915
11915
|
type: Input
|
|
11916
11916
|
}] } });
|
|
@@ -12014,7 +12014,7 @@ class InfoDrawerComponent {
|
|
|
12014
12014
|
this.currentTab.emit(event.index);
|
|
12015
12015
|
}
|
|
12016
12016
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12017
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs
|
|
12017
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px;outline-offset:-2px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--mat-sys-primary);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{border-bottom:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InfoDrawerLayoutComponent, selector: "adf-info-drawer-layout", inputs: ["showHeader"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$6.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i2$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: InfoDrawerTitleDirective, selector: "[adf-info-drawer-title], [info-drawer-title]" }, { kind: "directive", type: InfoDrawerContentDirective, selector: "[adf-info-drawer-content], [info-drawer-content]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12018
12018
|
}
|
|
12019
12019
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoDrawerComponent, decorators: [{
|
|
12020
12020
|
type: Component,
|
|
@@ -12028,7 +12028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
12028
12028
|
InfoDrawerTitleDirective,
|
|
12029
12029
|
InfoDrawerContentDirective,
|
|
12030
12030
|
InfoDrawerTabComponent
|
|
12031
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs
|
|
12031
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-card-content{overflow:auto}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px;outline-offset:-2px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--mat-sys-primary);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{border-bottom:unset}\n"] }]
|
|
12032
12032
|
}], propDecorators: { title: [{
|
|
12033
12033
|
type: Input
|
|
12034
12034
|
}], icon: [{
|
|
@@ -12821,11 +12821,11 @@ class IdentityUserInfoComponent {
|
|
|
12821
12821
|
return this.isLoggedIn && !!this.identityUser;
|
|
12822
12822
|
}
|
|
12823
12823
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IdentityUserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12824
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IdentityUserInfoComponent, isStandalone: true, selector: "adf-identity-user-info", inputs: { isLoggedIn: "isLoggedIn", identityUser: "identityUser", bpmBackgroundImage: "bpmBackgroundImage", menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", showName: "showName", namePosition: "namePosition" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--
|
|
12824
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: IdentityUserInfoComponent, isStandalone: true, selector: "adf-identity-user-info", inputs: { isLoggedIn: "isLoggedIn", identityUser: "identityUser", bpmBackgroundImage: "bpmBackgroundImage", menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", showName: "showName", namePosition: "namePosition" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--mat-sys-primary);display:inline-block;width:40px;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--mat-sys-title-large-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-userinfo-profile-container{display:inline-block}.adf-userinfo-menu_button.adf-identity-userinfo-button{margin-right:0;border-radius:90%;padding:0;min-width:40px;height:40px}.adf-userinfo-card-header{align-items:center;display:flex;justify-content:stretch;line-height:normal;height:100px;box-sizing:border-box}.adf-userinfo-card.adf-identity-userinfo-card{padding:0}.adf-userinfo-supporting-text{overflow:hidden;padding:32px;column-count:2;display:flex;flex-direction:column}@media (max-width: 599.9px){.adf-userinfo-supporting-text{padding:10px}}.adf-userinfo__detail-title{text-overflow:ellipsis}.adf-userinfo-profile-picture{background:var(--mat-sys-primary);background-size:cover;border-radius:50%;height:80px;width:80px;margin-left:0;margin-right:8px}.adf-userinfo-button-profile{display:inline-block;border:0;vertical-align:middle}@media only screen and (device-width >= 480px){.adf-identity-userinfo-menu.adf-userinfo-menu{max-height:450px;min-width:450px;overflow:auto;padding:0}}.adf-identity-userinfo-menu.adf-userinfo-menu>div{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FullNamePipe, name: "fullName" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatCardHeader, selector: "mat-card-header" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12825
12825
|
}
|
|
12826
12826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IdentityUserInfoComponent, decorators: [{
|
|
12827
12827
|
type: Component,
|
|
12828
|
-
args: [{ selector: 'adf-identity-user-info', imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--
|
|
12828
|
+
args: [{ selector: 'adf-identity-user-info', imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--mat-sys-primary);display:inline-block;width:40px;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--mat-sys-title-large-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-userinfo-profile-container{display:inline-block}.adf-userinfo-menu_button.adf-identity-userinfo-button{margin-right:0;border-radius:90%;padding:0;min-width:40px;height:40px}.adf-userinfo-card-header{align-items:center;display:flex;justify-content:stretch;line-height:normal;height:100px;box-sizing:border-box}.adf-userinfo-card.adf-identity-userinfo-card{padding:0}.adf-userinfo-supporting-text{overflow:hidden;padding:32px;column-count:2;display:flex;flex-direction:column}@media (max-width: 599.9px){.adf-userinfo-supporting-text{padding:10px}}.adf-userinfo__detail-title{text-overflow:ellipsis}.adf-userinfo-profile-picture{background:var(--mat-sys-primary);background-size:cover;border-radius:50%;height:80px;width:80px;margin-left:0;margin-right:8px}.adf-userinfo-button-profile{display:inline-block;border:0;vertical-align:middle}@media only screen and (device-width >= 480px){.adf-identity-userinfo-menu.adf-userinfo-menu{max-height:450px;min-width:450px;overflow:auto;padding:0}}.adf-identity-userinfo-menu.adf-userinfo-menu>div{padding:0}\n"] }]
|
|
12829
12829
|
}], propDecorators: { trigger: [{
|
|
12830
12830
|
type: ViewChild,
|
|
12831
12831
|
args: [MatMenuTrigger]
|
|
@@ -13251,7 +13251,7 @@ class SnackbarContentComponent {
|
|
|
13251
13251
|
this.data.callActionOnIconClick ? this.snackBarRef.dismissWithAction() : this.snackBarRef.dismiss();
|
|
13252
13252
|
}
|
|
13253
13253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SnackbarContentComponent, deps: [{ token: i1$b.MatSnackBarRef }, { token: MAT_SNACK_BAR_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13254
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SnackbarContentComponent, isStandalone: true, selector: "adf-snackbar-content", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n @if (data.decorativeIcon) {\n <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n }\n {{ data.message }}\n</p>\n\n@if (data.showAction) {\n <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n @if (data.actionLabel) {\n <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n data-automation-id=\"adf-snackbar-message-content-action-button\">\n {{data.actionLabel}}\n </button>\n }\n @if (data.actionIcon) {\n <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n <mat-icon>{{ data.actionIcon }}</mat-icon>\n </button>\n }\n </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0;overflow-wrap:anywhere;gap:8px}:host .adf-snackbar-message-content mat-icon{flex:0 0 auto;align-self:flex-start}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
13254
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SnackbarContentComponent, isStandalone: true, selector: "adf-snackbar-content", host: { classAttribute: "mat-simple-snackbar" }, ngImport: i0, template: "<p class=\"adf-snackbar-message-content\" data-automation-id=\"adf-snackbar-message-content\" aria-hidden=\"true\">\n @if (data.decorativeIcon) {\n <mat-icon data-automation-id=\"adf-snackbar-decorative-icon\">{{ data.decorativeIcon }}</mat-icon>\n }\n {{ data.message }}\n</p>\n\n@if (data.showAction) {\n <div class=\"adf-snackbar-message-content-action\" aria-hidden=\"true\">\n @if (data.actionLabel) {\n <button mat-button (click)=\"snackBarRef.dismissWithAction()\" class=\"adf-snackbar-message-content-action-button\"\n data-automation-id=\"adf-snackbar-message-content-action-button\">\n {{data.actionLabel}}\n </button>\n }\n @if (data.actionIcon) {\n <button mat-button (click)=\"onIconClicked()\" class=\"adf-snackbar-message-content-action-icon\"\n [attr.aria-label]=\"data.actionIconAriaLabel | translate\">\n <mat-icon>{{ data.actionIcon }}</mat-icon>\n </button>\n }\n </div>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:space-between}:host .adf-snackbar-message-content{display:flex;align-items:center;margin:0;overflow-wrap:anywhere;gap:8px}:host .adf-snackbar-message-content mat-icon{flex:0 0 auto;align-self:flex-start}:host .adf-snackbar-message-content-action{margin-left:24px;display:flex;flex-direction:row}:host .adf-snackbar-message-content-action .mat-mdc-button{min-width:0;margin:-8px;height:unset}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-button{margin-right:8px;padding-left:16px;padding-right:16px;width:auto;-webkit-font-smoothing:subpixel-antialiased}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon{padding:0;width:auto}:host .adf-snackbar-message-content-action .mat-mdc-button.adf-snackbar-message-content-action-icon mat-icon{height:24px;width:24px;font-size:24px;margin-right:0;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
13255
13255
|
}
|
|
13256
13256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SnackbarContentComponent, decorators: [{
|
|
13257
13257
|
type: Component,
|
|
@@ -13644,8 +13644,8 @@ class ClipboardDirective {
|
|
|
13644
13644
|
copyContentToClipboard(content) {
|
|
13645
13645
|
this.clipboardService.copyContentToClipboard(content, this.message);
|
|
13646
13646
|
}
|
|
13647
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, deps: [{ token: ClipboardService }, { token: i0.ViewContainerRef }, { token: i2$
|
|
13648
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ClipboardDirective, isStandalone: true, selector: "[adf-clipboard]", inputs: { placeholder: ["adf-clipboard", "placeholder"], target: "target", message: ["clipboard-notification", "message"] }, host: { listeners: { "mouseenter": "showTooltip()", "mouseleave": "closeTooltip()", "keydown.enter": "copyToClipboard($event)", "click": "copyToClipboard($event)" } }, exportAs: ["adfClipboard"], hostDirectives: [{ directive: i2$
|
|
13647
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, deps: [{ token: ClipboardService }, { token: i0.ViewContainerRef }, { token: i2$7.MatTooltip, self: true }, { token: i1$1.TranslateService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
13648
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: ClipboardDirective, isStandalone: true, selector: "[adf-clipboard]", inputs: { placeholder: ["adf-clipboard", "placeholder"], target: "target", message: ["clipboard-notification", "message"] }, host: { listeners: { "mouseenter": "showTooltip()", "mouseleave": "closeTooltip()", "keydown.enter": "copyToClipboard($event)", "click": "copyToClipboard($event)" } }, exportAs: ["adfClipboard"], hostDirectives: [{ directive: i2$7.MatTooltip }], ngImport: i0 }); }
|
|
13649
13649
|
}
|
|
13650
13650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClipboardDirective, decorators: [{
|
|
13651
13651
|
type: Directive,
|
|
@@ -13655,7 +13655,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
13655
13655
|
standalone: true,
|
|
13656
13656
|
hostDirectives: [MatTooltip]
|
|
13657
13657
|
}]
|
|
13658
|
-
}], ctorParameters: () => [{ type: ClipboardService }, { type: i0.ViewContainerRef }, { type: i2$
|
|
13658
|
+
}], ctorParameters: () => [{ type: ClipboardService }, { type: i0.ViewContainerRef }, { type: i2$7.MatTooltip, decorators: [{
|
|
13659
13659
|
type: Self
|
|
13660
13660
|
}] }, { type: i1$1.TranslateService, decorators: [{
|
|
13661
13661
|
type: Optional
|
|
@@ -14024,7 +14024,7 @@ class ColumnsSelectorComponent {
|
|
|
14024
14024
|
return columns;
|
|
14025
14025
|
}
|
|
14026
14026
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ColumnsSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14027
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ColumnsSelectorComponent, isStandalone: true, selector: "adf-datatable-column-selector", inputs: { columns: "columns", mainMenuTrigger: "mainMenuTrigger", columnsSorting: "columnsSorting", maxColumnsVisible: "maxColumnsVisible" }, outputs: { submitColumnsVisibility: "submitColumnsVisibility" }, ngImport: i0, template: "<div\n class=\"adf-columns-selector\"\n role=\"presentation\"\n data-automation-id=\"adf-columns-selector\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation();\"\n>\n <div class=\"adf-columns-selector-header\">\n <span class=\"adf-columns-selector-header-label\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n </span>\n\n <button\n data-automation-id=\"adf-columns-selector-close-button\"\n mat-icon-button\n [attr.aria-label]=\"'CLOSE' | translate\"\n (click)=\"closeMenu()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-search-input-container\">\n <mat-icon\n class=\"adf-columns-selector-search-input-icon\">\n search\n </mat-icon>\n\n <input\n [formControl]=\"searchInputControl\"\n class=\"adf-columns-selector-search-input\"\n data-automation-id=\"adf-columns-selector-search-input\"\n type=\"text\"\n [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n </div>\n\n <mat-selection-list\n class=\"adf-columns-selector-list-container\"\n (selectionChange)=\"changeColumnVisibility($event)\"\n [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n <mat-list-option\n
|
|
14027
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ColumnsSelectorComponent, isStandalone: true, selector: "adf-datatable-column-selector", inputs: { columns: "columns", mainMenuTrigger: "mainMenuTrigger", columnsSorting: "columnsSorting", maxColumnsVisible: "maxColumnsVisible" }, outputs: { submitColumnsVisibility: "submitColumnsVisibility" }, ngImport: i0, template: "<div\n class=\"adf-columns-selector\"\n role=\"presentation\"\n data-automation-id=\"adf-columns-selector\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation();\"\n>\n <div class=\"adf-columns-selector-header\">\n <span class=\"adf-columns-selector-header-label\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n </span>\n\n <button\n data-automation-id=\"adf-columns-selector-close-button\"\n mat-icon-button\n [attr.aria-label]=\"'CLOSE' | translate\"\n (click)=\"closeMenu()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-search-input-container\">\n <mat-icon\n class=\"adf-columns-selector-search-input-icon\">\n search\n </mat-icon>\n\n <input\n [formControl]=\"searchInputControl\"\n class=\"adf-columns-selector-search-input\"\n data-automation-id=\"adf-columns-selector-search-input\"\n type=\"text\"\n [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n </div>\n\n <mat-selection-list\n class=\"adf-columns-selector-list-container\"\n (selectionChange)=\"changeColumnVisibility($event)\"\n [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n <mat-list-option\n class=\"adf-columns-selector-column-checkbox\"\n [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n [selected]=\"!column.isHidden\"\n [disabled]=\"isCheckboxDisabled(column)\"\n [value]=\"column.id\">\n <div class=\"adf-columns-selector-list-content\">\n {{column.title | translate}}\n </div>\n <div\n *ngIf=\"column.subtitle\"\n class=\"\n adf-columns-selector-list-content\n adf-columns-selector-subtitle\n \"\n >\n <span>\n {{column.subtitle | translate}}\n </span>\n </div>\n </mat-list-option>\n </div>\n </mat-selection-list>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-footer\">\n <button\n mat-flat-button\n data-automation-id=\"adf-columns-selector-apply-button\"\n (click)=\"apply()\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n </button>\n </div>\n</div>\n", styles: ["adf-datatable-column-selector .adf-columns-selector{padding:12px 0;min-width:277px}adf-datatable-column-selector .adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}adf-datatable-column-selector .adf-columns-selector-header-label{font:var(--mat-sys-body-medium)}adf-datatable-column-selector .adf-columns-selector-list-container{max-height:350px;overflow:hidden auto;margin-left:-16px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item{margin-top:10px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item{display:flex;flex-direction:row-reverse;padding-left:0;height:24px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item .mdc-list-item__end{margin-right:-5px}adf-datatable-column-selector .adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px;color:var(--theme-secondary-text)}adf-datatable-column-selector .adf-columns-selector-subtitle{color:var(--mat-sys-on-surface);font-size:var(--mat-sys-body-small-size);opacity:.6;display:flex;column-gap:3px;align-items:center}adf-datatable-column-selector .adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--mat-sys-label-medium-size);width:var(--mat-sys-label-medium-size);font-size:var(--mat-sys-label-medium-size)}adf-datatable-column-selector .adf-columns-selector-column-checkbox{padding:0 20px}adf-datatable-column-selector .adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}adf-datatable-column-selector .adf-columns-selector-divider{margin:16px 0}adf-datatable-column-selector .adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:9px}adf-datatable-column-selector .adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--mat-sys-surface);background:var(--mat-sys-surface)}adf-datatable-column-selector .adf-columns-selector-search-input:focus{outline:none}adf-datatable-column-selector .adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--mat-sys-label-large-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "pipe", type: ColumnsSearchFilterPipe, name: "columnsSearchFilter" }, { kind: "component", type: MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14028
14028
|
}
|
|
14029
14029
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ColumnsSelectorComponent, decorators: [{
|
|
14030
14030
|
type: Component,
|
|
@@ -14039,7 +14039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
14039
14039
|
ColumnsSearchFilterPipe,
|
|
14040
14040
|
MatSelectionList,
|
|
14041
14041
|
MatListOption
|
|
14042
|
-
], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-columns-selector\"\n role=\"presentation\"\n data-automation-id=\"adf-columns-selector\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation();\"\n>\n <div class=\"adf-columns-selector-header\">\n <span class=\"adf-columns-selector-header-label\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n </span>\n\n <button\n data-automation-id=\"adf-columns-selector-close-button\"\n mat-icon-button\n [attr.aria-label]=\"'CLOSE' | translate\"\n (click)=\"closeMenu()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-search-input-container\">\n <mat-icon\n class=\"adf-columns-selector-search-input-icon\">\n search\n </mat-icon>\n\n <input\n [formControl]=\"searchInputControl\"\n class=\"adf-columns-selector-search-input\"\n data-automation-id=\"adf-columns-selector-search-input\"\n type=\"text\"\n [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n </div>\n\n <mat-selection-list\n class=\"adf-columns-selector-list-container\"\n (selectionChange)=\"changeColumnVisibility($event)\"\n [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n <mat-list-option\n
|
|
14042
|
+
], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-columns-selector\"\n role=\"presentation\"\n data-automation-id=\"adf-columns-selector\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation();\"\n>\n <div class=\"adf-columns-selector-header\">\n <span class=\"adf-columns-selector-header-label\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS\" | translate}}\n </span>\n\n <button\n data-automation-id=\"adf-columns-selector-close-button\"\n mat-icon-button\n [attr.aria-label]=\"'CLOSE' | translate\"\n (click)=\"closeMenu()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-search-input-container\">\n <mat-icon\n class=\"adf-columns-selector-search-input-icon\">\n search\n </mat-icon>\n\n <input\n [formControl]=\"searchInputControl\"\n class=\"adf-columns-selector-search-input\"\n data-automation-id=\"adf-columns-selector-search-input\"\n type=\"text\"\n [placeholder]='\"ADF-DATATABLE.COLUMNS_SELECTOR.SEARCH\" | translate'>\n </div>\n\n <mat-selection-list\n class=\"adf-columns-selector-list-container\"\n (selectionChange)=\"changeColumnVisibility($event)\"\n [attr.aria-label]='\"ADF-DATATABLE.COLUMNS_SELECTOR.COLUMNS_VISIBILITY\" | translate'>\n <div *ngFor=\"let column of (columnItems | columnsSearchFilter: searchQuery)\" class=\"adf-columns-selector-list-item\">\n <mat-list-option\n class=\"adf-columns-selector-column-checkbox\"\n [attr.data-automation-id]=\"'adf-columns-selector-column-checkbox-' + column.title\"\n [selected]=\"!column.isHidden\"\n [disabled]=\"isCheckboxDisabled(column)\"\n [value]=\"column.id\">\n <div class=\"adf-columns-selector-list-content\">\n {{column.title | translate}}\n </div>\n <div\n *ngIf=\"column.subtitle\"\n class=\"\n adf-columns-selector-list-content\n adf-columns-selector-subtitle\n \"\n >\n <span>\n {{column.subtitle | translate}}\n </span>\n </div>\n </mat-list-option>\n </div>\n </mat-selection-list>\n\n <mat-divider class=\"adf-columns-selector-divider\" />\n\n <div class=\"adf-columns-selector-footer\">\n <button\n mat-flat-button\n data-automation-id=\"adf-columns-selector-apply-button\"\n (click)=\"apply()\">\n {{\"ADF-DATATABLE.COLUMNS_SELECTOR.APPLY\" | translate}}\n </button>\n </div>\n</div>\n", styles: ["adf-datatable-column-selector .adf-columns-selector{padding:12px 0;min-width:277px}adf-datatable-column-selector .adf-columns-selector-header{padding:0 12px;display:flex;justify-content:space-between;align-items:center}adf-datatable-column-selector .adf-columns-selector-header-label{font:var(--mat-sys-body-medium)}adf-datatable-column-selector .adf-columns-selector-list-container{max-height:350px;overflow:hidden auto;margin-left:-16px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item{margin-top:10px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item{display:flex;flex-direction:row-reverse;padding-left:0;height:24px}adf-datatable-column-selector .adf-columns-selector .adf-columns-selector-list-item .mdc-list-item .mdc-list-item__end{margin-right:-5px}adf-datatable-column-selector .adf-columns-selector-list-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:210px;color:var(--theme-secondary-text)}adf-datatable-column-selector .adf-columns-selector-subtitle{color:var(--mat-sys-on-surface);font-size:var(--mat-sys-body-small-size);opacity:.6;display:flex;column-gap:3px;align-items:center}adf-datatable-column-selector .adf-columns-selector-subtitle-icon{margin-top:3px;height:var(--mat-sys-label-medium-size);width:var(--mat-sys-label-medium-size);font-size:var(--mat-sys-label-medium-size)}adf-datatable-column-selector .adf-columns-selector-column-checkbox{padding:0 20px}adf-datatable-column-selector .adf-columns-selector-footer{padding:0 12px;display:flex;justify-content:flex-end}adf-datatable-column-selector .adf-columns-selector-divider{margin:16px 0}adf-datatable-column-selector .adf-columns-selector-search-input-container{padding:0 12px;position:relative;display:flex;align-items:center;margin-bottom:9px}adf-datatable-column-selector .adf-columns-selector-search-input{padding:10px 10px 10px 29px;width:100%;outline:0;border-radius:6px;border:1px solid var(--mat-sys-surface);background:var(--mat-sys-surface)}adf-datatable-column-selector .adf-columns-selector-search-input:focus{outline:none}adf-datatable-column-selector .adf-columns-selector-search-input-icon{position:absolute;left:17px;top:10px;font-size:var(--mat-sys-label-large-size)}\n"] }]
|
|
14043
14043
|
}], propDecorators: { columns: [{
|
|
14044
14044
|
type: Input
|
|
14045
14045
|
}], mainMenuTrigger: [{
|
|
@@ -14908,7 +14908,7 @@ class TooltipCardComponent {
|
|
|
14908
14908
|
return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
|
|
14909
14909
|
}
|
|
14910
14910
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TooltipCardComponent, deps: [{ token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipCardComponent, isStandalone: true, selector: "adf-tooltip-card-component", inputs: { image: "image", text: "text", htmlContent: "htmlContent", width: "width" }, ngImport: i0, template: "<div @tooltip class=\"adf-tooltip-card\" [style.width.px]=\"width\">\n <img *ngIf=\"image \" [src]=\"image\" [width]=\"width\" alt=\"{{text}}\">\n <hr *ngIf=\"image\" />\n <p *ngIf=\"text\">{{text}}</p>\n <div *ngIf=\"htmlContent\" [innerHTML]=\"sanitizedHtmlContent()\" class=\"adf-tooltip-card-content\"></div>\n</div>\n", styles: [":host{display:block}div.adf-tooltip-card{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
|
|
14911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TooltipCardComponent, isStandalone: true, selector: "adf-tooltip-card-component", inputs: { image: "image", text: "text", htmlContent: "htmlContent", width: "width" }, ngImport: i0, template: "<div @tooltip class=\"adf-tooltip-card\" [style.width.px]=\"width\">\n <img *ngIf=\"image \" [src]=\"image\" [width]=\"width\" alt=\"{{text}}\">\n <hr *ngIf=\"image\" />\n <p *ngIf=\"text\">{{text}}</p>\n <div *ngIf=\"htmlContent\" [innerHTML]=\"sanitizedHtmlContent()\" class=\"adf-tooltip-card-content\"></div>\n</div>\n", styles: [":host{display:block}div.adf-tooltip-card{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;border:1px solid var(--mat-sys-primary);padding:12px;border-radius:6px}div.adf-tooltip-card p,div.adf-tooltip-card div{font-size:var(--mat-sys-body-small-size);margin:0}div.adf-tooltip-card hr{border:1px solid var(--mat-sys-primary);margin:6px 0}div.adf-tooltip-card img{border-radius:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
14912
14912
|
trigger('tooltip', [
|
|
14913
14913
|
transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
|
|
14914
14914
|
transition(':leave', [animate(200, style({ opacity: 0 }))])
|
|
@@ -14922,7 +14922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
14922
14922
|
transition(':enter', [style({ opacity: 0 }), animate(200, style({ opacity: 1 }))]),
|
|
14923
14923
|
transition(':leave', [animate(200, style({ opacity: 0 }))])
|
|
14924
14924
|
])
|
|
14925
|
-
], template: "<div @tooltip class=\"adf-tooltip-card\" [style.width.px]=\"width\">\n <img *ngIf=\"image \" [src]=\"image\" [width]=\"width\" alt=\"{{text}}\">\n <hr *ngIf=\"image\" />\n <p *ngIf=\"text\">{{text}}</p>\n <div *ngIf=\"htmlContent\" [innerHTML]=\"sanitizedHtmlContent()\" class=\"adf-tooltip-card-content\"></div>\n</div>\n", styles: [":host{display:block}div.adf-tooltip-card{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;
|
|
14925
|
+
], template: "<div @tooltip class=\"adf-tooltip-card\" [style.width.px]=\"width\">\n <img *ngIf=\"image \" [src]=\"image\" [width]=\"width\" alt=\"{{text}}\">\n <hr *ngIf=\"image\" />\n <p *ngIf=\"text\">{{text}}</p>\n <div *ngIf=\"htmlContent\" [innerHTML]=\"sanitizedHtmlContent()\" class=\"adf-tooltip-card-content\"></div>\n</div>\n", styles: [":host{display:block}div.adf-tooltip-card{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;border:1px solid var(--mat-sys-primary);padding:12px;border-radius:6px}div.adf-tooltip-card p,div.adf-tooltip-card div{font-size:var(--mat-sys-body-small-size);margin:0}div.adf-tooltip-card hr{border:1px solid var(--mat-sys-primary);margin:6px 0}div.adf-tooltip-card img{border-radius:6px}\n"] }]
|
|
14926
14926
|
}], ctorParameters: () => [{ type: i1$5.DomSanitizer }], propDecorators: { image: [{
|
|
14927
14927
|
type: Input
|
|
14928
14928
|
}], text: [{
|
|
@@ -15146,7 +15146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
15146
15146
|
args: [{
|
|
15147
15147
|
selector: '[adf-infinite-select-scroll]'
|
|
15148
15148
|
}]
|
|
15149
|
-
}], ctorParameters: () => [{ type: i3$
|
|
15149
|
+
}], ctorParameters: () => [{ type: i3$4.MatSelect, decorators: [{
|
|
15150
15150
|
type: Inject,
|
|
15151
15151
|
args: [MatSelect]
|
|
15152
15152
|
}] }], propDecorators: { scrollEnd: [{
|
|
@@ -16174,7 +16174,7 @@ class EditJsonDialogComponent {
|
|
|
16174
16174
|
}
|
|
16175
16175
|
}
|
|
16176
16176
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditJsonDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditJsonDialogComponent, isStandalone: true, selector: "ng-component", inputs: { value: "value" }, host: { classAttribute: "adf-edit-json-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title>{{ title | translate }}</h1>\n<mat-dialog-content class=\"adf-edit-json-dialog-content\">\n <textarea [(ngModel)]=\"value\" [attr.readonly]=\"!editable ? true : null\"></textarea>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n <button mat-button mat-dialog-close cdkFocusInitial>\n {{ 'CORE.DIALOG.EDIT_JSON.CLOSE' | translate }}\n </button>\n <button *ngIf=\"editable\" mat-button [mat-dialog-close]=\"value\">\n {{ 'CORE.DIALOG.EDIT_JSON.UPDATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-edit-json-dialog .adf-edit-json-dialog-content{height:300px;overflow:hidden}.adf-edit-json-dialog textarea{resize:none;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.adf-edit-json-dialog textarea:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
16177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EditJsonDialogComponent, isStandalone: true, selector: "ng-component", inputs: { value: "value" }, host: { classAttribute: "adf-edit-json-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title>{{ title | translate }}</h1>\n<mat-dialog-content class=\"adf-edit-json-dialog-content\">\n <textarea [(ngModel)]=\"value\" [attr.readonly]=\"!editable ? true : null\"></textarea>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n <button mat-button mat-dialog-close cdkFocusInitial>\n {{ 'CORE.DIALOG.EDIT_JSON.CLOSE' | translate }}\n </button>\n <button *ngIf=\"editable\" mat-button [mat-dialog-close]=\"value\">\n {{ 'CORE.DIALOG.EDIT_JSON.UPDATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-edit-json-dialog .adf-edit-json-dialog-content{height:300px;overflow:hidden}.adf-edit-json-dialog textarea{resize:none;width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.adf-edit-json-dialog textarea:focus{outline:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16178
16178
|
}
|
|
16179
16179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EditJsonDialogComponent, decorators: [{
|
|
16180
16180
|
type: Component,
|
|
@@ -16245,7 +16245,7 @@ class JsonCellComponent extends DataTableCellComponent {
|
|
|
16245
16245
|
<ng-template #editEmpty>
|
|
16246
16246
|
<button *ngIf="editable" mat-button color="primary" (click)="view()">json</button>
|
|
16247
16247
|
</ng-template>
|
|
16248
|
-
`, isInline: true, styles: [".adf-datatable-json-cell{white-space:pre-wrap;word-wrap:break-word}.adf-datatable-cell-value{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
16248
|
+
`, isInline: true, styles: [".adf-datatable-json-cell{white-space:pre-wrap;word-wrap:break-word}.adf-datatable-cell-value{position:relative}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatDialogModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16249
16249
|
}
|
|
16250
16250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JsonCellComponent, decorators: [{
|
|
16251
16251
|
type: Component,
|
|
@@ -17047,8 +17047,8 @@ class DataTableComponent {
|
|
|
17047
17047
|
get isResizing() {
|
|
17048
17048
|
return this.resizingColumnIndex >= 0;
|
|
17049
17049
|
}
|
|
17050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1$3.MatIconRegistry }, { token: i1$5.DomSanitizer }, { token: i3$
|
|
17051
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n role=\"grid\"\n *ngIf=\"data\"\n class=\"adf-datatable-list\"\n [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n <adf-datatable-row\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n data-automation-id=\"datatable-row-header\"\n [disabled]=\"!isHeaderVisible()\"\n class=\"adf-datatable-row\"\n role=\"row\">\n\n\n <!-- Drag -->\n <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </div>\n\n <!-- Columns -->\n <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n [checked]=\"isSelectAllChecked\"\n (change)=\"onSelectAllClick($event)\"\n class=\"adf-checkbox-sr-only\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n </mat-checkbox>\n </div>\n\n <ng-container\n *ngFor=\"\n let col of getVisibleColumns();\n let columnIndex = index\n let lastColumn = last\"\n >\n <div\n class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n *ngIf=\"col.title || !showProvidedActions\"\n [attr.data-automation-id]=\"'auto_id_' + col.key\"\n [ngClass]=\"{\n 'adf-sortable': col.sortable,\n 'adf-datatable__cursor--pointer': !isResizing,\n 'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n 'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n (click)=\"onColumnHeaderClick(col, $event)\"\n (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n role=\"columnheader\"\n [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n [cdkDragDisabled]=\"!col.draggable\"\n (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n adf-drop-zone dropTarget=\"header\"\n [dropColumn]=\"col\"\n >\n\n <div\n adf-resizable\n #resizableElement=\"adf-resizable\"\n [coverPadding]=\"10\"\n (resizing)=\"onResizing($event, columnIndex)\"\n (resizeStart)=\"resizingColumnIndex = columnIndex\"\n (resizeEnd)=\"onResizingEnd()\"\n [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n class=\"adf-datatable-cell-header-content\"\n [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n hoveredHeaderColumnIndex === columnIndex &&\n !isDraggingHeaderColumn &&\n !isResizing && col.sortable}\"\n >\n <ng-container *ngIf=\"!col.header\">\n <span\n *ngIf=\"col.title\"\n title=\"{{col.title | translate}}\"\n class=\"adf-datatable-cell-value\"\n >\n {{col.title | translate}}\n </span>\n\n <span\n *ngIf=\"col.subtitle\"\n title=\"{{col.subtitle | translate}}\"\n class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n >\n ({{col.subtitle | translate}})\n </span>\n\n <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n </span>\n\n <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n </ng-container>\n\n <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n </div>\n\n <span\n [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n </span>\n\n <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n <span\n *ngIf=\"col.draggable\"\n cdkDragHandle\n [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n >\n <adf-icon\n *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n value=\"adf:drag_indicator\"\n class=\"adf-datatable-cell-header-drag-icon-visible\"\n [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n </span>\n </div>\n <div\n *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n adf-resize-handle\n tabindex=\"0\"\n role=\"button\"\n (click)=\"$event.stopPropagation()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-datatable__resize-handle\"\n [resizableContainer]=\"resizableElement\">\n <div class=\"adf-datatable__resize-handle--divider\"></div>\n </div>\n <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n </div>\n </ng-container>\n\n <!-- Header actions (right) -->\n <div\n *ngIf=\"(actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions)\"\n class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n >\n <ng-container *ngIf=\"mainActionTemplate\">\n <button\n data-automation-id=\"adf-datatable-main-menu-button\"\n title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n mat-icon-button\n #mainMenuTrigger=\"matMenuTrigger\"\n (click)=\"onMainMenuOpen()\"\n [matMenuTriggerFor]=\"mainMenu\">\n <mat-icon>view_week_outline</mat-icon>\n </button>\n <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n <ng-container\n [ngTemplateOutlet]=\"mainActionTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: mainMenuTrigger\n }\" />\n </div>\n </mat-menu>\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </ng-container>\n </div>\n\n </adf-datatable-row>\n </div>\n\n <div\n *ngIf=\"!loading; else loadingRowTemplate\"\n class=\"adf-datatable-body\"\n [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n cdkDropList\n [cdkDropListDisabled]=\"!enableDragRows\"\n role=\"rowgroup\">\n <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n cdkDrag\n [cdkDragDisabled]=\"!enableDragRows\"\n (cdkDragDropped)=\"onDragDrop($event)\"\n (cdkDragStarted)=\"onDragStart()\"\n (cdkDragEnded)=\"onDragEnd()\"\n [cdkDragBoundary]=\"'.adf-datatable-body'\"\n [row]=\"row\"\n (select)=\"onEnterKeyPressed(row, $event)\"\n (keyup)=\"onRowKeyUp(row, $event)\"\n (keydown)=\"onRowEnterKeyDown(row, $event)\"\n [adf-upload]=\"rowAllowsDrop(row)\"\n [adf-upload-data]=\"row\"\n [ngStyle]=\"rowStyle\"\n [ngClass]=\"getRowStyle(row)\"\n [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n [attr.data-automation-id]=\"'datatable-row-' + idx\"\n (contextmenu)=\"markRowAsContextMenuSource(row)\">\n <!-- Drag button -->\n <div *ngIf=\"enableDragRows\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n <mat-icon>drag_indicator</mat-icon>\n </button>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_left_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </div>\n\n <label *ngIf=\"multiselect\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n (click)=\"onCheckboxLabelClick(row, $event)\"\n [for]=\"'select-file-' + idx\"\n class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n tabindex=\"0\">\n <mat-checkbox\n [id]=\"'select-file-' + idx\"\n [disabled]=\"!row?.isSelectable\"\n [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n [checked]=\"row.isSelected\"\n [attr.aria-checked]=\"row.isSelected\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n data-adf-datatable-row-checkbox\n (change)=\"onCheckboxChange(row, $event)\"\n (keydown.enter)=\"$event.stopPropagation()\"\n class=\"adf-checkbox-sr-only\"\n >\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n </mat-checkbox>\n </label>\n\n <div\n *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n [attr.title]=\"col.title | translate\"\n [attr.data-automation-id]=\"getAutomationValue(row)\"\n [attr.aria-selected]=\"row.isSelected\"\n [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n (click)=\"onRowClick(row, $event)\"\n tabindex=\"0\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n [adf-context-menu]=\"getContextMenuActions(row, col)\"\n [adf-context-menu-enabled]=\"contextMenu\"\n adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n >\n <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n <mat-icon\n [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n [attr.aria-hidden]=\"!asIconValue(row, col)\"\n *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n {{ asIconValue(row, col) }}\n </mat-icon>\n <ng-template #no_iconvalue>\n <mat-icon class=\"adf-datatable-selected\"\n *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n <ng-template #no_selected_row>\n <img class=\"adf-datatable-center-img-ie\"\n [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n src=\"{{ data.getValue(row, col) }}\"\n (error)=\"onImageLoadingError($event, row)\">\n </ng-template>\n </ng-template>\n </div>\n\n <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n <adf-icon-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n />\n </div>\n <div\n *ngSwitchCase=\"'date'\"\n class=\"adf-cell-value adf-cell-date\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n [dateConfig]=\"col.dateConfig\" />\n </div>\n\n <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n <adf-location-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n <adf-datatable-cell\n [copyContent]=\"col.copyContent\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n <adf-boolean-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n <adf-json-cell\n [editable]=\"col.editable\"\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\" />\n </div>\n <div *ngSwitchCase=\"'amount'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n <adf-amount-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [currencyConfig]=\"col.currencyConfig\" />\n </div>\n <div *ngSwitchCase=\"'number'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n <adf-number-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [decimalConfig]=\"col.decimalConfig\" />\n </div>\n <span *ngSwitchDefault class=\"adf-cell-value\">\n <!-- empty cell for unknown column type -->\n </span>\n </ng-container>\n </div>\n <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n <ng-container\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n </div>\n </div>\n </div>\n\n <!-- Row actions (right) -->\n <div *ngIf=\"\n !showProvidedActions &&\n ((actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions))\"\n role=\"gridcell\"\n tabindex=\"0\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_right_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\"\n (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [attr.aria-label]=\"action.title | translate\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n </adf-datatable-row>\n <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n <ng-template *ngIf=\"noContentTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noContentTemplate\" />\n <ng-content select=\"adf-empty-list\" />\n </div>\n </div>\n </ng-container>\n\n <ng-template #noPermissionsRowTemplate>\n <div\n role=\"row\"\n class=\"adf-datatable-row adf-no-permission__row\">\n <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"noPermissionTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noPermissionTemplate\" />\n </div>\n </div>\n </ng-template>\n </div>\n <ng-template #loadingRowTemplate>\n <div class=\"adf-datatable-row adf-datatable-data-loading\">\n <div class=\"adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"loadingTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"loadingTemplate\" />\n </div>\n </div>\n </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.IterableDiffers }, { token: i1$3.MatIconRegistry }, { token: i1$5.DomSanitizer }, { token: i3$3.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17051
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DataTableComponent, isStandalone: true, selector: "adf-datatable", inputs: { data: "data", rows: "rows", sorting: "sorting", columns: "columns", selectionMode: "selectionMode", multiselect: "multiselect", mainTableAction: "mainTableAction", actions: "actions", showMainDatatableActions: "showMainDatatableActions", showProvidedActions: "showProvidedActions", actionsPosition: "actionsPosition", actionsVisibleOnHover: "actionsVisibleOnHover", fallbackThumbnail: "fallbackThumbnail", contextMenu: "contextMenu", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", showHeader: "showHeader", stickyHeader: "stickyHeader", loading: "loading", noPermission: "noPermission", rowMenuCacheEnabled: "rowMenuCacheEnabled", resolverFn: "resolverFn", allowFiltering: "allowFiltering", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", enableDragRows: "enableDragRows" }, outputs: { rowClick: "rowClick", rowDblClick: "rowDblClick", showRowContextMenu: "showRowContextMenu", showRowActionsMenu: "showRowActionsMenu", executeRowAction: "executeRowAction", columnOrderChanged: "columnOrderChanged", columnsWidthChanged: "columnsWidthChanged", selectedItemsCountChanged: "selectedItemsCountChanged", dragDropped: "dragDropped" }, host: { listeners: { "keyup": "onKeydown($event)" }, classAttribute: "adf-datatable" }, queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }], viewQueries: [{ propertyName: "mainMenuTemplate", first: true, predicate: ["mainMenuTemplate"], descendants: true }, { propertyName: "rowsList", predicate: DataTableRowComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n role=\"grid\"\n *ngIf=\"data\"\n class=\"adf-datatable-list\"\n [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n <adf-datatable-row\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n data-automation-id=\"datatable-row-header\"\n [disabled]=\"!isHeaderVisible()\"\n class=\"adf-datatable-row\"\n role=\"row\">\n\n\n <!-- Drag -->\n <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </div>\n\n <!-- Columns -->\n <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n [checked]=\"isSelectAllChecked\"\n (change)=\"onSelectAllClick($event)\"\n class=\"adf-checkbox-sr-only\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n </mat-checkbox>\n </div>\n\n <ng-container\n *ngFor=\"\n let col of getVisibleColumns();\n let columnIndex = index\n let lastColumn = last\"\n >\n <div\n class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n *ngIf=\"col.title || !showProvidedActions\"\n [attr.data-automation-id]=\"'auto_id_' + col.key\"\n [ngClass]=\"{\n 'adf-sortable': col.sortable,\n 'adf-datatable__cursor--pointer': !isResizing,\n 'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n 'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n (click)=\"onColumnHeaderClick(col, $event)\"\n (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n role=\"columnheader\"\n [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n [cdkDragDisabled]=\"!col.draggable\"\n (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n adf-drop-zone dropTarget=\"header\"\n [dropColumn]=\"col\"\n >\n\n <div\n adf-resizable\n #resizableElement=\"adf-resizable\"\n [coverPadding]=\"10\"\n (resizing)=\"onResizing($event, columnIndex)\"\n (resizeStart)=\"resizingColumnIndex = columnIndex\"\n (resizeEnd)=\"onResizingEnd()\"\n [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n class=\"adf-datatable-cell-header-content\"\n [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n hoveredHeaderColumnIndex === columnIndex &&\n !isDraggingHeaderColumn &&\n !isResizing && col.sortable}\"\n >\n <ng-container *ngIf=\"!col.header\">\n <span\n *ngIf=\"col.title\"\n title=\"{{col.title | translate}}\"\n class=\"adf-datatable-cell-value\"\n >\n {{col.title | translate}}\n </span>\n\n <span\n *ngIf=\"col.subtitle\"\n title=\"{{col.subtitle | translate}}\"\n class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n >\n ({{col.subtitle | translate}})\n </span>\n\n <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n </span>\n\n <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n </ng-container>\n\n <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n </div>\n\n <span\n [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n </span>\n\n <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n <span\n *ngIf=\"col.draggable\"\n cdkDragHandle\n [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n >\n <adf-icon\n *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n value=\"adf:drag_indicator\"\n class=\"adf-datatable-cell-header-drag-icon-visible\"\n [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n </span>\n </div>\n <div\n *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n adf-resize-handle\n tabindex=\"0\"\n role=\"button\"\n (click)=\"$event.stopPropagation()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-datatable__resize-handle\"\n [resizableContainer]=\"resizableElement\">\n <div class=\"adf-datatable__resize-handle--divider\"></div>\n </div>\n <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n </div>\n </ng-container>\n\n <!-- Header actions (right) -->\n <div\n *ngIf=\"(actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions)\"\n class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n >\n <ng-container *ngIf=\"mainActionTemplate\">\n <button\n data-automation-id=\"adf-datatable-main-menu-button\"\n title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n mat-icon-button\n #mainMenuTrigger=\"matMenuTrigger\"\n (click)=\"onMainMenuOpen()\"\n [matMenuTriggerFor]=\"mainMenu\">\n <mat-icon>view_week_outline</mat-icon>\n </button>\n <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n <ng-container\n [ngTemplateOutlet]=\"mainActionTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: mainMenuTrigger\n }\" />\n </div>\n </mat-menu>\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </ng-container>\n </div>\n\n </adf-datatable-row>\n </div>\n\n <div\n *ngIf=\"!loading; else loadingRowTemplate\"\n class=\"adf-datatable-body\"\n [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n cdkDropList\n [cdkDropListDisabled]=\"!enableDragRows\"\n role=\"rowgroup\">\n <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n cdkDrag\n [cdkDragDisabled]=\"!enableDragRows\"\n (cdkDragDropped)=\"onDragDrop($event)\"\n (cdkDragStarted)=\"onDragStart()\"\n (cdkDragEnded)=\"onDragEnd()\"\n [cdkDragBoundary]=\"'.adf-datatable-body'\"\n [row]=\"row\"\n (select)=\"onEnterKeyPressed(row, $event)\"\n (keyup)=\"onRowKeyUp(row, $event)\"\n (keydown)=\"onRowEnterKeyDown(row, $event)\"\n [adf-upload]=\"rowAllowsDrop(row)\"\n [adf-upload-data]=\"row\"\n [ngStyle]=\"rowStyle\"\n [ngClass]=\"getRowStyle(row)\"\n [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n [attr.data-automation-id]=\"'datatable-row-' + idx\"\n (contextmenu)=\"markRowAsContextMenuSource(row)\">\n <!-- Drag button -->\n <div *ngIf=\"enableDragRows\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n <mat-icon>drag_indicator</mat-icon>\n </button>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_left_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </div>\n\n <label *ngIf=\"multiselect\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n (click)=\"onCheckboxLabelClick(row, $event)\"\n [for]=\"'select-file-' + idx\"\n class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n tabindex=\"0\">\n <mat-checkbox\n [id]=\"'select-file-' + idx\"\n [disabled]=\"!row?.isSelectable\"\n [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n [checked]=\"row.isSelected\"\n [attr.aria-checked]=\"row.isSelected\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n data-adf-datatable-row-checkbox\n (change)=\"onCheckboxChange(row, $event)\"\n (keydown.enter)=\"$event.stopPropagation()\"\n class=\"adf-checkbox-sr-only\"\n >\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n </mat-checkbox>\n </label>\n\n <div\n *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n [attr.title]=\"col.title | translate\"\n [attr.data-automation-id]=\"getAutomationValue(row)\"\n [attr.aria-selected]=\"row.isSelected\"\n [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n (click)=\"onRowClick(row, $event)\"\n tabindex=\"0\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n [adf-context-menu]=\"getContextMenuActions(row, col)\"\n [adf-context-menu-enabled]=\"contextMenu\"\n adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n >\n <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n <mat-icon\n [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n [attr.aria-hidden]=\"!asIconValue(row, col)\"\n *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n {{ asIconValue(row, col) }}\n </mat-icon>\n <ng-template #no_iconvalue>\n <mat-icon class=\"adf-datatable-selected\"\n *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n <ng-template #no_selected_row>\n <img class=\"adf-datatable-center-img-ie\"\n [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n src=\"{{ data.getValue(row, col) }}\"\n (error)=\"onImageLoadingError($event, row)\">\n </ng-template>\n </ng-template>\n </div>\n\n <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n <adf-icon-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n />\n </div>\n <div\n *ngSwitchCase=\"'date'\"\n class=\"adf-cell-value adf-cell-date\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n [dateConfig]=\"col.dateConfig\" />\n </div>\n\n <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n <adf-location-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n <adf-datatable-cell\n [copyContent]=\"col.copyContent\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n <adf-boolean-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n <adf-json-cell\n [editable]=\"col.editable\"\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\" />\n </div>\n <div *ngSwitchCase=\"'amount'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n <adf-amount-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [currencyConfig]=\"col.currencyConfig\" />\n </div>\n <div *ngSwitchCase=\"'number'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n <adf-number-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [decimalConfig]=\"col.decimalConfig\" />\n </div>\n <span *ngSwitchDefault class=\"adf-cell-value\">\n <!-- empty cell for unknown column type -->\n </span>\n </ng-container>\n </div>\n <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n <ng-container\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n </div>\n </div>\n </div>\n\n <!-- Row actions (right) -->\n <div *ngIf=\"\n !showProvidedActions &&\n ((actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions))\"\n role=\"gridcell\"\n tabindex=\"0\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_right_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\"\n (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [attr.aria-label]=\"action.title | translate\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n </adf-datatable-row>\n <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n <ng-template *ngIf=\"noContentTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noContentTemplate\" />\n <ng-content select=\"adf-empty-list\" />\n </div>\n </div>\n </ng-container>\n\n <ng-template #noPermissionsRowTemplate>\n <div\n role=\"row\"\n class=\"adf-datatable-row adf-no-permission__row\">\n <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"noPermissionTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noPermissionTemplate\" />\n </div>\n </div>\n </ng-template>\n </div>\n <ng-template #loadingRowTemplate>\n <div class=\"adf-datatable-row adf-datatable-data-loading\">\n <div class=\"adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"loadingTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"loadingTemplate\" />\n </div>\n </div>\n </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--mat-sys-outline-variant)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--mat-sys-surface);border:var(--mat-sys-outline-variant);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--mat-sys-surface-container)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:var(--mat-sys-surface);width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--mat-sys-outline);min-height:var(--mat-sys-display-large-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--mat-sys-surface-container)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--mat-sys-outline)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--mat-sys-on-surface);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--mat-sys-on-surface)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--mat-sys-primary);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--mat-sys-primary-container)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--mat-sys-on-surface)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--mat-sys-secondary);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--mat-sys-display-large-size);font-size:var(--mat-sys-body-medium-size);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--mat-sys-headline-small-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--mat-sys-display-large-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;border-top:2px solid var(--mat-sys-primary);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--mat-sys-outline-variant);border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--mat-sys-secondary);border-bottom:1px dashed var(--mat-sys-secondary)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--mat-sys-secondary)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--mat-sys-secondary)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--mat-sys-outline-variant)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "component", type: DataTableRowComponent, selector: "adf-datatable-row", inputs: ["row", "disabled"], outputs: ["select"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: DropZoneDirective, selector: "[adf-drop-zone]", inputs: ["dropTarget", "dropRow", "dropColumn"] }, { kind: "directive", type: ResizableDirective, selector: "[adf-resizable]", inputs: ["coverPadding"], outputs: ["resizeStart", "resizing", "resizeEnd"], exportAs: ["adf-resizable"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { kind: "directive", type: ResizeHandleDirective, selector: "[adf-resize-handle]", inputs: ["resizableContainer"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: UploadDirective, selector: "[adf-upload]", inputs: ["adf-upload", "adf-upload-data", "mode", "multiple", "accept", "directory"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "pipe", type: FileTypePipe, name: "fileType" }, { kind: "component", type: IconCellComponent, selector: "adf-icon-cell" }, { kind: "pipe", type: LocalizedDatePipe, name: "adfLocalizedDate" }, { kind: "component", type: DateCellComponent, selector: "adf-date-cell", inputs: ["dateConfig"] }, { kind: "component", type: LocationCellComponent, selector: "adf-location-cell", inputs: ["link"] }, { kind: "component", type: FileSizeCellComponent, selector: "adf-filesize-cell" }, { kind: "component", type: DataTableCellComponent, selector: "adf-datatable-cell", inputs: ["data", "column", "row", "copyContent", "tooltip", "resolverFn"] }, { kind: "component", type: BooleanCellComponent, selector: "adf-boolean-cell" }, { kind: "component", type: JsonCellComponent, selector: "adf-json-cell", inputs: ["editable"] }, { kind: "component", type: AmountCellComponent, selector: "adf-amount-cell", inputs: ["currencyConfig"] }, { kind: "component", type: NumberCellComponent, selector: "adf-number-cell", inputs: ["decimalConfig"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17052
17052
|
}
|
|
17053
17053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
17054
17054
|
type: Component,
|
|
@@ -17080,8 +17080,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
17080
17080
|
JsonCellComponent,
|
|
17081
17081
|
AmountCellComponent,
|
|
17082
17082
|
NumberCellComponent
|
|
17083
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n role=\"grid\"\n *ngIf=\"data\"\n class=\"adf-datatable-list\"\n [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n <adf-datatable-row\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n data-automation-id=\"datatable-row-header\"\n [disabled]=\"!isHeaderVisible()\"\n class=\"adf-datatable-row\"\n role=\"row\">\n\n\n <!-- Drag -->\n <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </div>\n\n <!-- Columns -->\n <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n [checked]=\"isSelectAllChecked\"\n (change)=\"onSelectAllClick($event)\"\n class=\"adf-checkbox-sr-only\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n </mat-checkbox>\n </div>\n\n <ng-container\n *ngFor=\"\n let col of getVisibleColumns();\n let columnIndex = index\n let lastColumn = last\"\n >\n <div\n class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n *ngIf=\"col.title || !showProvidedActions\"\n [attr.data-automation-id]=\"'auto_id_' + col.key\"\n [ngClass]=\"{\n 'adf-sortable': col.sortable,\n 'adf-datatable__cursor--pointer': !isResizing,\n 'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n 'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n (click)=\"onColumnHeaderClick(col, $event)\"\n (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n role=\"columnheader\"\n [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n [cdkDragDisabled]=\"!col.draggable\"\n (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n adf-drop-zone dropTarget=\"header\"\n [dropColumn]=\"col\"\n >\n\n <div\n adf-resizable\n #resizableElement=\"adf-resizable\"\n [coverPadding]=\"10\"\n (resizing)=\"onResizing($event, columnIndex)\"\n (resizeStart)=\"resizingColumnIndex = columnIndex\"\n (resizeEnd)=\"onResizingEnd()\"\n [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n class=\"adf-datatable-cell-header-content\"\n [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n hoveredHeaderColumnIndex === columnIndex &&\n !isDraggingHeaderColumn &&\n !isResizing && col.sortable}\"\n >\n <ng-container *ngIf=\"!col.header\">\n <span\n *ngIf=\"col.title\"\n title=\"{{col.title | translate}}\"\n class=\"adf-datatable-cell-value\"\n >\n {{col.title | translate}}\n </span>\n\n <span\n *ngIf=\"col.subtitle\"\n title=\"{{col.subtitle | translate}}\"\n class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n >\n ({{col.subtitle | translate}})\n </span>\n\n <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n </span>\n\n <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n </ng-container>\n\n <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n </div>\n\n <span\n [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n </span>\n\n <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n <span\n *ngIf=\"col.draggable\"\n cdkDragHandle\n [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n >\n <adf-icon\n *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n value=\"adf:drag_indicator\"\n class=\"adf-datatable-cell-header-drag-icon-visible\"\n [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n </span>\n </div>\n <div\n *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n adf-resize-handle\n tabindex=\"0\"\n role=\"button\"\n (click)=\"$event.stopPropagation()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-datatable__resize-handle\"\n [resizableContainer]=\"resizableElement\">\n <div class=\"adf-datatable__resize-handle--divider\"></div>\n </div>\n <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n </div>\n </ng-container>\n\n <!-- Header actions (right) -->\n <div\n *ngIf=\"(actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions)\"\n class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n >\n <ng-container *ngIf=\"mainActionTemplate\">\n <button\n data-automation-id=\"adf-datatable-main-menu-button\"\n title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n mat-icon-button\n #mainMenuTrigger=\"matMenuTrigger\"\n (click)=\"onMainMenuOpen()\"\n [matMenuTriggerFor]=\"mainMenu\">\n <mat-icon>view_week_outline</mat-icon>\n </button>\n <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n <ng-container\n [ngTemplateOutlet]=\"mainActionTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: mainMenuTrigger\n }\" />\n </div>\n </mat-menu>\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </ng-container>\n </div>\n\n </adf-datatable-row>\n </div>\n\n <div\n *ngIf=\"!loading; else loadingRowTemplate\"\n class=\"adf-datatable-body\"\n [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n cdkDropList\n [cdkDropListDisabled]=\"!enableDragRows\"\n role=\"rowgroup\">\n <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n cdkDrag\n [cdkDragDisabled]=\"!enableDragRows\"\n (cdkDragDropped)=\"onDragDrop($event)\"\n (cdkDragStarted)=\"onDragStart()\"\n (cdkDragEnded)=\"onDragEnd()\"\n [cdkDragBoundary]=\"'.adf-datatable-body'\"\n [row]=\"row\"\n (select)=\"onEnterKeyPressed(row, $event)\"\n (keyup)=\"onRowKeyUp(row, $event)\"\n (keydown)=\"onRowEnterKeyDown(row, $event)\"\n [adf-upload]=\"rowAllowsDrop(row)\"\n [adf-upload-data]=\"row\"\n [ngStyle]=\"rowStyle\"\n [ngClass]=\"getRowStyle(row)\"\n [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n [attr.data-automation-id]=\"'datatable-row-' + idx\"\n (contextmenu)=\"markRowAsContextMenuSource(row)\">\n <!-- Drag button -->\n <div *ngIf=\"enableDragRows\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n <mat-icon>drag_indicator</mat-icon>\n </button>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_left_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </div>\n\n <label *ngIf=\"multiselect\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n (click)=\"onCheckboxLabelClick(row, $event)\"\n [for]=\"'select-file-' + idx\"\n class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n tabindex=\"0\">\n <mat-checkbox\n [id]=\"'select-file-' + idx\"\n [disabled]=\"!row?.isSelectable\"\n [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n [checked]=\"row.isSelected\"\n [attr.aria-checked]=\"row.isSelected\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n data-adf-datatable-row-checkbox\n (change)=\"onCheckboxChange(row, $event)\"\n (keydown.enter)=\"$event.stopPropagation()\"\n class=\"adf-checkbox-sr-only\"\n >\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n </mat-checkbox>\n </label>\n\n <div\n *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n [attr.title]=\"col.title | translate\"\n [attr.data-automation-id]=\"getAutomationValue(row)\"\n [attr.aria-selected]=\"row.isSelected\"\n [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n (click)=\"onRowClick(row, $event)\"\n tabindex=\"0\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n [adf-context-menu]=\"getContextMenuActions(row, col)\"\n [adf-context-menu-enabled]=\"contextMenu\"\n adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n >\n <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n <mat-icon\n [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n [attr.aria-hidden]=\"!asIconValue(row, col)\"\n *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n {{ asIconValue(row, col) }}\n </mat-icon>\n <ng-template #no_iconvalue>\n <mat-icon class=\"adf-datatable-selected\"\n *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n <ng-template #no_selected_row>\n <img class=\"adf-datatable-center-img-ie\"\n [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n src=\"{{ data.getValue(row, col) }}\"\n (error)=\"onImageLoadingError($event, row)\">\n </ng-template>\n </ng-template>\n </div>\n\n <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n <adf-icon-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n />\n </div>\n <div\n *ngSwitchCase=\"'date'\"\n class=\"adf-cell-value adf-cell-date\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n [dateConfig]=\"col.dateConfig\" />\n </div>\n\n <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n <adf-location-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n <adf-datatable-cell\n [copyContent]=\"col.copyContent\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n <adf-boolean-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n <adf-json-cell\n [editable]=\"col.editable\"\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\" />\n </div>\n <div *ngSwitchCase=\"'amount'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n <adf-amount-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [currencyConfig]=\"col.currencyConfig\" />\n </div>\n <div *ngSwitchCase=\"'number'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n <adf-number-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [decimalConfig]=\"col.decimalConfig\" />\n </div>\n <span *ngSwitchDefault class=\"adf-cell-value\">\n <!-- empty cell for unknown column type -->\n </span>\n </ng-container>\n </div>\n <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n <ng-container\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n </div>\n </div>\n </div>\n\n <!-- Row actions (right) -->\n <div *ngIf=\"\n !showProvidedActions &&\n ((actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions))\"\n role=\"gridcell\"\n tabindex=\"0\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_right_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\"\n (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [attr.aria-label]=\"action.title | translate\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n </adf-datatable-row>\n <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n <ng-template *ngIf=\"noContentTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noContentTemplate\" />\n <ng-content select=\"adf-empty-list\" />\n </div>\n </div>\n </ng-container>\n\n <ng-template #noPermissionsRowTemplate>\n <div\n role=\"row\"\n class=\"adf-datatable-row adf-no-permission__row\">\n <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"noPermissionTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noPermissionTemplate\" />\n </div>\n </div>\n </ng-template>\n </div>\n <ng-template #loadingRowTemplate>\n <div class=\"adf-datatable-row adf-datatable-data-loading\">\n <div class=\"adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"loadingTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"loadingTemplate\" />\n </div>\n </div>\n </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--adf-theme-background-card-color);border:1px solid var(--adf-theme-foreground-text-color-007);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--adf-theme-background-hover-color)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:inherit;width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--adf-theme-foreground-text-color-007);min-height:var(--theme-display-3-font-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--adf-theme-background-selected-button-color)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--adf-theme-foreground-text-color);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--adf-theme-primary-100)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--adf-theme-foreground-text-color)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--theme-accent-500);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--theme-display-3-font-size);font-size:var(--theme-caption-font-size);color:var(--adf-theme-foreground-text-color);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{color:var(--adf-theme-foreground-text-color);padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--theme-headline-font-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";font-size:var(--theme-subheading-2-font-size);content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{background-color:var(--adf-theme-background-hover-color);border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;background:var(--adf-theme-background-hover-color);border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--theme-display-3-font-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;background-color:var(--theme-background-color);border-top:2px solid var(--theme-selected-background-color);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;background-color:var(--theme-background-color);transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--adf-theme-foreground-text-color-007);border-bottom:1px solid var(--adf-theme-foreground-text-color-007)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--theme-accent-color-a200);border-bottom:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--theme-accent-color-a200)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--theme-accent-color-a200)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;background-color:var(--adf-theme-background-card-color);border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
|
|
17084
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i1$3.MatIconRegistry }, { type: i1$5.DomSanitizer }, { type: i3$
|
|
17083
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-datatable' }, template: "<div\n role=\"grid\"\n *ngIf=\"data\"\n class=\"adf-datatable-list\"\n [class.adf-sticky-header]=\"isStickyHeaderEnabled()\"\n [class.adf-datatable--empty]=\"(isEmpty() && !isHeaderVisible()) || loading\"\n [class.adf-datatable--empty--header-visible]=\"isEmpty() && isHeaderVisible()\"\n>\n <div *ngIf=\"isHeaderVisible()\" class=\"adf-datatable-header\" role=\"rowgroup\" [ngClass]=\"{ 'adf-sr-only': !isHeaderVisible() }\">\n <adf-datatable-row\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n [cdkDropListSortPredicate]=\"filterDisabledColumns\"\n data-automation-id=\"datatable-row-header\"\n [disabled]=\"!isHeaderVisible()\"\n class=\"adf-datatable-row\"\n role=\"row\">\n\n\n <!-- Drag -->\n <div *ngIf=\"enableDragRows\" class=\"adf-datatable-cell-header adf-drag-column\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate }}</span>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" class=\"adf-actions-column adf-datatable-cell-header\">\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </div>\n\n <!-- Columns -->\n <div *ngIf=\"multiselect\" class=\"adf-datatable-cell-header adf-datatable-checkbox\">\n <mat-checkbox [indeterminate]=\"isSelectAllIndeterminate\"\n [checked]=\"isSelectAllChecked\"\n (change)=\"onSelectAllClick($event)\"\n class=\"adf-checkbox-sr-only\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate\">\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_ALL' | translate }}\n </mat-checkbox>\n </div>\n\n <ng-container\n *ngFor=\"\n let col of getVisibleColumns();\n let columnIndex = index\n let lastColumn = last\"\n >\n <div\n class=\"adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-header adf-datatable-cell-data\"\n *ngIf=\"col.title || !showProvidedActions\"\n [attr.data-automation-id]=\"'auto_id_' + col.key\"\n [ngClass]=\"{\n 'adf-sortable': col.sortable,\n 'adf-datatable__cursor--pointer': !isResizing,\n 'adf-datatable__header--sorted-asc': isColumnSorted(col, 'asc'),\n 'adf-datatable__header--sorted-desc': isColumnSorted(col, 'desc')}\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n [attr.aria-label]=\"col.srTitle ? (col.srTitle | translate) : (col.title | translate) + (col.subtitle ? ' ' + (col.subtitle | translate) : '')\"\n (click)=\"onColumnHeaderClick(col, $event)\"\n (keyup.enter)=\"onColumnHeaderClick(col, $event)\"\n role=\"columnheader\"\n [attr.tabindex]=\"isHeaderVisible() ? 0 : null\"\n [attr.aria-sort]=\"col.sortable ? (getAriaSort(col) | translate) : null\"\n cdkDrag\n cdkDragLockAxis=\"x\"\n (cdkDragStarted)=\"isDraggingHeaderColumn = true\"\n (cdkDragDropped)=\"onDropHeaderColumn($event)\"\n [cdkDragDisabled]=\"!col.draggable\"\n (mouseenter)=\"hoveredHeaderColumnIndex = columnIndex\"\n (mouseleave)=\"hoveredHeaderColumnIndex = -1\"\n adf-drop-zone dropTarget=\"header\"\n [dropColumn]=\"col\"\n >\n\n <div\n adf-resizable\n #resizableElement=\"adf-resizable\"\n [coverPadding]=\"10\"\n (resizing)=\"onResizing($event, columnIndex)\"\n (resizeStart)=\"resizingColumnIndex = columnIndex\"\n (resizeEnd)=\"onResizingEnd()\"\n [attr.data-automation-id]=\"'auto_header_content_id_' + col.key\"\n class=\"adf-datatable-cell-header-content\"\n [ngClass]=\"{ 'adf-datatable-cell-header-content--hovered':\n hoveredHeaderColumnIndex === columnIndex &&\n !isDraggingHeaderColumn &&\n !isResizing && col.sortable}\"\n >\n <ng-container *ngIf=\"!col.header\">\n <span\n *ngIf=\"col.title\"\n title=\"{{col.title | translate}}\"\n class=\"adf-datatable-cell-value\"\n >\n {{col.title | translate}}\n </span>\n\n <span\n *ngIf=\"col.subtitle\"\n title=\"{{col.subtitle | translate}}\"\n class=\"adf-datatable-cell-value adf-datatable-cell-header_subtitle\"\n >\n ({{col.subtitle | translate}})\n </span>\n\n <span *ngIf=\"col.title && col.sortable && isDraggingHeaderColumn\" class=\"adf-sr-only\" aria-live=\"polite\">\n {{ getSortLiveAnnouncement(col) | translate: { string: col.title | translate } }}\n </span>\n\n <span *ngIf=\"!col.title && !col.sortable && !headerFilterTemplate\" [attr.title]=\"'ADF-DATATABLE.ACCESSIBILITY.EMPTY_HEADER' | translate\"></span>\n </ng-container>\n\n <div *ngIf=\"col.header\" class=\"adf-datatable-cell-value\">\n <ng-template [ngTemplateOutlet]=\"col.header\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n </div>\n\n <span\n [class.adf-datatable__header--sorted-asc]=\"isColumnSorted(col, 'asc')\"\n [class.adf-datatable__header--sorted-desc]=\"isColumnSorted(col, 'desc')\">\n </span>\n\n <ng-template *ngIf=\"allowFiltering\" [ngTemplateOutlet]=\"headerFilterTemplate\" [ngTemplateOutletContext]=\"{$implicit: col}\" />\n\n <span\n *ngIf=\"col.draggable\"\n cdkDragHandle\n [ngClass]=\"{ 'adf-datatable-cell-header-drag-icon': !isResizing }\"\n >\n <adf-icon\n *ngIf=\"hoveredHeaderColumnIndex === columnIndex && !isResizing\"\n value=\"adf:drag_indicator\"\n class=\"adf-datatable-cell-header-drag-icon-visible\"\n [attr.data-automation-id]=\"'adf-datatable-cell-header-drag-icon-'+col.key\" />\n </span>\n </div>\n <div\n *ngIf=\"isResizingEnabled && col.resizable && !lastColumn\"\n [ngClass]=\"hoveredHeaderColumnIndex === columnIndex && !isResizing || resizingColumnIndex === columnIndex ? 'adf-datatable__resize-handle-visible' : 'adf-datatable__resize-handle-hidden'\"\n adf-resize-handle\n tabindex=\"0\"\n role=\"button\"\n (click)=\"$event.stopPropagation()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-datatable__resize-handle\"\n [resizableContainer]=\"resizableElement\">\n <div class=\"adf-datatable__resize-handle--divider\"></div>\n </div>\n <div class=\"adf-drop-header-cell-placeholder\" *cdkDragPlaceholder></div>\n </div>\n </ng-container>\n\n <!-- Header actions (right) -->\n <div\n *ngIf=\"(actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions)\"\n class=\"adf-actions-column adf-datatable-actions-menu adf-datatable-cell-header adf-datatable__actions-cell\"\n [class.adf-datatable-actions-menu-provided]=\"showProvidedActions\"\n >\n <ng-container *ngIf=\"mainActionTemplate\">\n <button\n data-automation-id=\"adf-datatable-main-menu-button\"\n title=\"{{ 'ADF-DATATABLE.CONTENT-ACTIONS.SELECT_COLUMNS' | translate }}\"\n mat-icon-button\n #mainMenuTrigger=\"matMenuTrigger\"\n (click)=\"onMainMenuOpen()\"\n [matMenuTriggerFor]=\"mainMenu\">\n <mat-icon>view_week_outline</mat-icon>\n </button>\n <mat-menu #mainMenu (closed)=\"onMainMenuClosed()\">\n <div #mainMenuTemplate role=\"presentation\" (keydown.tab)=\"$event.stopPropagation()\">\n <ng-container\n [ngTemplateOutlet]=\"mainActionTemplate\"\n [ngTemplateOutletContext]=\"{\n $implicit: mainMenuTrigger\n }\" />\n </div>\n </mat-menu>\n <span class=\"adf-sr-only\">{{ 'ADF-DATATABLE.ACCESSIBILITY.ACTIONS' | translate }}</span>\n </ng-container>\n </div>\n\n </adf-datatable-row>\n </div>\n\n <div\n *ngIf=\"!loading; else loadingRowTemplate\"\n class=\"adf-datatable-body\"\n [ngClass]=\"{ 'adf-blur-datatable-body': blurOnResize && (isDraggingHeaderColumn || isResizing), 'adf-datatable-body__draggable': enableDragRows && !isDraggingRow, 'adf-datatable-body__dragging': isDraggingRow }\"\n cdkDropList\n [cdkDropListDisabled]=\"!enableDragRows\"\n role=\"rowgroup\">\n <ng-container *ngIf=\"!noPermission; else noPermissionsRowTemplate\">\n <adf-datatable-row *ngFor=\"let row of data.getRows(); let idx = index\"\n cdkDrag\n [cdkDragDisabled]=\"!enableDragRows\"\n (cdkDragDropped)=\"onDragDrop($event)\"\n (cdkDragStarted)=\"onDragStart()\"\n (cdkDragEnded)=\"onDragEnd()\"\n [cdkDragBoundary]=\"'.adf-datatable-body'\"\n [row]=\"row\"\n (select)=\"onEnterKeyPressed(row, $event)\"\n (keyup)=\"onRowKeyUp(row, $event)\"\n (keydown)=\"onRowEnterKeyDown(row, $event)\"\n [adf-upload]=\"rowAllowsDrop(row)\"\n [adf-upload-data]=\"row\"\n [ngStyle]=\"rowStyle\"\n [ngClass]=\"getRowStyle(row)\"\n [class.adf-datatable-row__dragging]=\"isDraggingRow\"\n [attr.data-automation-id]=\"'datatable-row-' + idx\"\n (contextmenu)=\"markRowAsContextMenuSource(row)\">\n <!-- Drag button -->\n <div *ngIf=\"enableDragRows\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-hover-only\">\n <button mat-icon-button\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.DRAG' | translate\">\n <mat-icon>drag_indicator</mat-icon>\n </button>\n </div>\n\n <!-- Actions (left) -->\n <div *ngIf=\"actions && actionsPosition === 'left'\" role=\"gridcell\" class=\"adf-datatable-cell\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_left_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </div>\n\n <label *ngIf=\"multiselect\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n (click)=\"onCheckboxLabelClick(row, $event)\"\n [for]=\"'select-file-' + idx\"\n class=\"adf-datatable-cell adf-datatable-checkbox adf-datatable-checkbox-single\"\n tabindex=\"0\">\n <mat-checkbox\n [id]=\"'select-file-' + idx\"\n [disabled]=\"!row?.isSelectable\"\n [class.adf-datatable-checkbox-selected]=\"row.isSelected\"\n [class.adf-datatable-hover-only]=\"displayCheckboxesOnHover\"\n [checked]=\"row.isSelected\"\n [attr.aria-checked]=\"row.isSelected\"\n [aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate\"\n data-adf-datatable-row-checkbox\n (change)=\"onCheckboxChange(row, $event)\"\n (keydown.enter)=\"$event.stopPropagation()\"\n class=\"adf-checkbox-sr-only\"\n >\n {{ 'ADF-DATATABLE.ACCESSIBILITY.SELECT_FILE' | translate }}\n </mat-checkbox>\n </label>\n\n <div\n *ngFor=\"let col of getVisibleColumns(); let lastColumn = last;\"\n role=\"gridcell\"\n class=\"adf-datatable-cell adf-datatable-cell--{{col.type || 'text'}} {{col.cssClass}} adf-datatable-cell-data\"\n [attr.title]=\"col.title | translate\"\n [attr.data-automation-id]=\"getAutomationValue(row)\"\n [attr.aria-selected]=\"row.isSelected\"\n [attr.aria-label]=\"col.title ? (col.title | translate) : null\"\n (click)=\"onRowClick(row, $event)\"\n tabindex=\"0\"\n (keydown.enter)=\"onEnterKeyPressed(row, $any($event))\"\n [adf-context-menu]=\"getContextMenuActions(row, col)\"\n [adf-context-menu-enabled]=\"contextMenu\"\n adf-drop-zone dropTarget=\"cell\" [dropColumn]=\"col\" [dropRow]=\"row\"\n [ngStyle]=\"(col.width) && !lastColumn && {'flex': getFlexValue(col)}\"\n >\n <div *ngIf=\"!col.template\" class=\"adf-datatable-cell-container\">\n <ng-container [ngSwitch]=\"data.getColumnType(row, col)\">\n <div *ngSwitchCase=\"'image'\" class=\"adf-cell-value\">\n <mat-icon\n [attr.aria-label]=\"col.srTitle? (col.srTitle | translate) : null\"\n [attr.aria-hidden]=\"!asIconValue(row, col)\"\n *ngIf=\"isIconValue(row, col); else no_iconvalue\">\n {{ asIconValue(row, col) }}\n </mat-icon>\n <ng-template #no_iconvalue>\n <mat-icon class=\"adf-datatable-selected\"\n *ngIf=\"row.isSelected && !multiselect; else no_selected_row\" svgIcon=\"selected\" />\n <ng-template #no_selected_row>\n <img class=\"adf-datatable-center-img-ie\"\n [attr.aria-label]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n [attr.alt]=\"(data.getValue(row, col) | fileType) === 'disable' ?\n ('ADF-DATATABLE.ACCESSIBILITY.ICON_DISABLED' | translate) :\n 'ADF-DATATABLE.ACCESSIBILITY.ICON_TEXT' | translate:{\n type: 'ADF-DATATABLE.FILE_TYPE.' + (data.getValue(row, col) | fileType | uppercase) | translate\n }\"\n src=\"{{ data.getValue(row, col) }}\"\n (error)=\"onImageLoadingError($event, row)\">\n </ng-template>\n </ng-template>\n </div>\n\n <div *ngSwitchCase=\"'icon'\" class=\"adf-cell-value\">\n <adf-icon-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n />\n </div>\n <div\n *ngSwitchCase=\"'date'\"\n class=\"adf-cell-value adf-cell-date\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'date_' + (data.getValue(row, col, resolverFn) | adfLocalizedDate: 'medium') \">\n <adf-date-cell class=\"adf-datatable-center-date-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\"\n [dateConfig]=\"col.dateConfig\" />\n </div>\n\n <div *ngSwitchCase=\"'location'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'location' + data.getValue(row, col, resolverFn)\">\n <adf-location-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'fileSize'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'fileSize_' + data.getValue(row, col, resolverFn)\">\n <adf-filesize-cell class=\"adf-datatable-center-size-column-ie\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'text'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'text_' + data.getValue(row, col, resolverFn)\">\n <adf-datatable-cell\n [copyContent]=\"col.copyContent\"\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'boolean'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\"\n [attr.data-automation-id]=\"'boolean_' + data.getValue(row, col, resolverFn)\">\n <adf-boolean-cell\n [data]=\"data\"\n [column]=\"col\"\n [row]=\"row\"\n [resolverFn]=\"resolverFn\"\n [tooltip]=\"getCellTooltip(row, col)\" />\n </div>\n <div *ngSwitchCase=\"'json'\" [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\" class=\"adf-cell-value\">\n <adf-json-cell\n [editable]=\"col.editable\"\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\" />\n </div>\n <div *ngSwitchCase=\"'amount'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'amount_' + data.getValue(row, col, resolverFn)\">\n <adf-amount-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [currencyConfig]=\"col.currencyConfig\" />\n </div>\n <div *ngSwitchCase=\"'number'\"\n class=\"adf-cell-value\"\n [attr.tabindex]=\"data.getValue(row, col, resolverFn)? 0 : -1\"\n [attr.data-automation-id]=\"'number_' + data.getValue(row, col, resolverFn)\">\n <adf-number-cell\n [data]=\"data\"\n [column]=\"col\"\n [resolverFn]=\"resolverFn\"\n [row]=\"row\"\n [decimalConfig]=\"col.decimalConfig\" />\n </div>\n <span *ngSwitchDefault class=\"adf-cell-value\">\n <!-- empty cell for unknown column type -->\n </span>\n </ng-container>\n </div>\n <div *ngIf=\"col.template\" class=\"adf-datatable-cell-container\">\n <div class=\"adf-cell-value\" [attr.tabindex]=\"col.focus ? 0 : null\">\n <ng-container\n [ngTemplateOutlet]=\"col.template\"\n [ngTemplateOutletContext]=\"{ $implicit: { data: data, row: row, col: col }, value: data.getValue(row, col, resolverFn) }\" />\n </div>\n </div>\n </div>\n\n <!-- Row actions (right) -->\n <div *ngIf=\"\n !showProvidedActions &&\n ((actions && actionsPosition === 'right') ||\n (mainActionTemplate && showMainDatatableActions))\"\n role=\"gridcell\"\n tabindex=\"0\"\n class=\"adf-datatable-cell adf-datatable__actions-cell adf-datatable-center-actions-column-ie adf-datatable-actions-menu\">\n\n <ng-container *ngIf=\"(actions && actionsPosition === 'right')\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" #actionsMenuTrigger=\"matMenuTrigger\"\n [ngClass]=\"getHideActionsWithoutHoverClass(actionsMenuTrigger)\"\n [attr.aria-label]=\"'ADF-DATATABLE.ACCESSIBILITY.ROW_OPTION_BUTTON' | translate\"\n [title]=\"'ADF-DATATABLE.CONTENT-ACTIONS.TOOLTIP' | translate\"\n [attr.id]=\"'action_menu_right_' + idx\"\n [attr.data-automation-id]=\"'action_menu_' + idx\"\n (keydown.enter)=\"actionsMenuTrigger.openMenu()\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item *ngFor=\"let action of getRowActions(row)\"\n [attr.data-automation-id]=\"action.title\"\n [attr.aria-label]=\"action.title | translate\"\n [disabled]=\"action.disabled\"\n (click)=\"onExecuteRowAction(row, action)\">\n <mat-icon *ngIf=\"action.icon\">{{ action.icon }}</mat-icon>\n <span>{{ action.title | translate }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n </adf-datatable-row>\n <div *ngIf=\"isEmpty()\" role=\"row\" class=\"adf-datatable-row\">\n <div class=\"adf-no-content-container adf-datatable-cell\" role=\"gridcell\">\n <ng-template *ngIf=\"noContentTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noContentTemplate\" />\n <ng-content select=\"adf-empty-list\" />\n </div>\n </div>\n </ng-container>\n\n <ng-template #noPermissionsRowTemplate>\n <div\n role=\"row\"\n class=\"adf-datatable-row adf-no-permission__row\">\n <div class=\"adf-no-permission__cell adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"noPermissionTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"noPermissionTemplate\" />\n </div>\n </div>\n </ng-template>\n </div>\n <ng-template #loadingRowTemplate>\n <div class=\"adf-datatable-row adf-datatable-data-loading\">\n <div class=\"adf-no-content-container adf-datatable-cell\">\n <ng-template *ngIf=\"loadingTemplate\"\n ngFor [ngForOf]=\"[data]\"\n [ngForTemplate]=\"loadingTemplate\" />\n </div>\n </div>\n </ng-template>\n</div>\n", styles: [".adf-datatable{overflow-y:scroll;height:100%;display:block}.adf-datatable .adf-full-width{width:100%}.adf-datatable__resize-handle{padding:0 2px}.adf-datatable__resize-handle-visible{visibility:visible}.adf-datatable__resize-handle-hidden{visibility:hidden}.adf-datatable__resize-handle--divider{padding:24px 0;border:1px solid var(--mat-sys-outline-variant)}.adf-datatable__resize-handle:hover{cursor:col-resize}.adf-datatable__cursor--pointer:hover{cursor:pointer}.adf-datatable-list,.cdk-drag-preview{display:flex;flex-direction:column;background-color:var(--mat-sys-surface);border:var(--mat-sys-outline-variant);box-sizing:border-box;overflow-x:auto}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-center-size-column-ie,.cdk-drag-preview .adf-datatable-center-size-column-ie{padding-top:17px}.adf-datatable-list .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie,.cdk-drag-preview .adf-datatable__actions-cell.adf-datatable-center-actions-column-ie{padding-top:7px}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie{position:relative}.adf-datatable-list .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value,.cdk-drag-preview .adf-cell-date.adf-datatable-center-date-column-ie .adf-datatable-cell-value{width:100%}.adf-datatable-list .adf-datatable-center-img-ie,.cdk-drag-preview .adf-datatable-center-img-ie{padding:0;min-width:0;width:24px;height:56px}}.adf-datatable-list .adf-datatable-header,.cdk-drag-preview .adf-datatable-header{display:flex;flex-direction:column;width:fit-content;min-width:100%;box-sizing:border-box}.adf-datatable-list .adf-datatable-header .adf-datatable-row,.cdk-drag-preview .adf-datatable-header .adf-datatable-row{padding-right:15px}.adf-datatable-list .adf-datatable-header .adf-datatable-row:hover,.adf-datatable-list .adf-datatable-header .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:hover,.cdk-drag-preview .adf-datatable-header .adf-datatable-row:focus{background-color:inherit}.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):hover,.adf-datatable-list .adf-datatable-row:not(.adf-datatable-data-loading):focus,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):hover,.cdk-drag-preview .adf-datatable-row:not(.adf-datatable-data-loading):focus{background-color:var(--mat-sys-surface-container)}.adf-datatable-list .adf-datatable-row:focus,.cdk-drag-preview .adf-datatable-row:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-datatable-list .adf-datatable-row .adf-cell-value:focus,.adf-datatable-list .adf-datatable-row .adf-datatable-cell-header:focus,.cdk-drag-preview .adf-datatable-row .adf-cell-value:focus,.cdk-drag-preview .adf-datatable-row .adf-datatable-cell-header:focus{outline-offset:-1px;outline:1px solid var(--mat-sys-primary)}.adf-datatable-list .adf-blur-datatable-body,.cdk-drag-preview .adf-blur-datatable-body{filter:blur(3px)}.adf-datatable-list .adf-datatable-body,.cdk-drag-preview .adf-datatable-body{display:flex;flex-direction:column;background-color:var(--mat-sys-surface);width:100%;min-width:100%}.adf-datatable-list .adf-datatable-body.adf-datatable-body__draggable,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__draggable{cursor:grab}.adf-datatable-list .adf-datatable-body.adf-datatable-body__dragging,.cdk-drag-preview .adf-datatable-body.adf-datatable-body__dragging{cursor:grabbing}.adf-datatable-list .adf-datatable-body .adf-datatable-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row{transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:background-color;border-top:1px solid var(--mat-sys-outline);min-height:var(--mat-sys-display-large-size);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected,.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-is-selected:hover,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-is-selected:hover{background-color:var(--mat-sys-surface-container)}.adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-drag-row,.cdk-drag-preview .adf-datatable-body .adf-datatable-row.adf-drag-row{cursor:grab}.adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child,.cdk-drag-preview .adf-datatable-body .adf-datatable-row:last-child{border-bottom:1px solid var(--mat-sys-outline)}.adf-datatable-list .adf-datatable-body .adf-datatable-row label,.cdk-drag-preview .adf-datatable-body .adf-datatable-row label{cursor:inherit}.adf-datatable-list .adf-datatable-row,.cdk-drag-preview .adf-datatable-row{display:flex;align-items:center}.adf-datatable-list .adf-datatable-row:hover .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row:hover .adf-datatable-hover-only{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only{visibility:hidden}.adf-datatable-list .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected,.cdk-drag-preview .adf-datatable-row .adf-datatable-hover-only.adf-datatable-checkbox-selected{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{max-width:65px;width:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-row .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-row .adf-datatable-checkbox{padding-top:15px}}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{text-align:left;box-sizing:border-box;min-width:65px}.adf-datatable-list .adf-datatable-cell--text,.adf-datatable-list .adf-datatable-cell-header--text,.cdk-drag-preview .adf-datatable-cell--text,.cdk-drag-preview .adf-datatable-cell-header--text{text-align:left;position:relative}.adf-datatable-list .adf-datatable-cell--date,.adf-datatable-list .adf-datatable-cell-header--date,.cdk-drag-preview .adf-datatable-cell--date,.cdk-drag-preview .adf-datatable-cell-header--date{text-align:left}.adf-datatable-list .adf-datatable-cell--number,.adf-datatable-list .adf-datatable-cell-header--number,.cdk-drag-preview .adf-datatable-cell--number,.cdk-drag-preview .adf-datatable-cell-header--number{text-align:right}.adf-datatable-list .adf-datatable-cell--image,.adf-datatable-list .adf-datatable-cell--icon,.adf-datatable-list .adf-datatable-cell-header--image,.adf-datatable-list .adf-datatable-cell-header--icon,.cdk-drag-preview .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--icon,.cdk-drag-preview .adf-datatable-cell-header--image,.cdk-drag-preview .adf-datatable-cell-header--icon{padding-left:24px;padding-right:24px;width:65px;min-width:65px;text-align:left}.adf-datatable-list .adf-datatable-cell--fileSize,.adf-datatable-list .adf-datatable-cell-header--fileSize,.cdk-drag-preview .adf-datatable-cell--fileSize,.cdk-drag-preview .adf-datatable-cell-header--fileSize{min-width:65px}.adf-datatable-list .adf-datatable-cell button .mat-icon,.adf-datatable-list .adf-datatable-cell-header button .mat-icon,.cdk-drag-preview .adf-datatable-cell button .mat-icon,.cdk-drag-preview .adf-datatable-cell-header button .mat-icon{margin-top:-10px}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-1,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-1,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-1{flex-grow:1}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-2,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-2,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-2{flex-grow:2}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-3,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-3,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-3{flex-grow:3}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-4,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-4,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-4{flex-grow:4}.adf-datatable-list .adf-datatable-cell-header.adf-expand-cell-5,.adf-datatable-list .adf-datatable-cell.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell-header.adf-expand-cell-5,.cdk-drag-preview .adf-datatable-cell.adf-expand-cell-5{flex-grow:5}.adf-datatable-list .adf-datatable-cell-header.adf-no-grow-cell,.adf-datatable-list .adf-datatable-cell.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-no-grow-cell,.cdk-drag-preview .adf-datatable-cell.adf-no-grow-cell{flex-grow:0;min-width:100px}.adf-datatable-list .adf-datatable-cell-header.adf-min-width-cell,.adf-datatable-list .adf-datatable-cell.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell-header.adf-min-width-cell,.cdk-drag-preview .adf-datatable-cell.adf-min-width-cell{min-width:110px}.adf-datatable-list .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell{color:var(--mat-sys-on-surface);min-height:inherit}.adf-datatable-list .adf-datatable-cell,.adf-datatable-list .adf-datatable-cell-header,.cdk-drag-preview .adf-datatable-cell,.cdk-drag-preview .adf-datatable-cell-header{flex:1;padding:0;align-items:center;display:flex;align-self:stretch}.adf-datatable-list .adf-datatable-cell:first-child,.adf-datatable-list .adf-datatable-cell-header:first-child,.cdk-drag-preview .adf-datatable-cell:first-child,.cdk-drag-preview .adf-datatable-cell-header:first-child{margin-left:15px;box-sizing:content-box}.adf-datatable-list .adf-datatable-cell.adf-drag-column,.adf-datatable-list .adf-datatable-cell-header.adf-drag-column,.cdk-drag-preview .adf-datatable-cell.adf-drag-column,.cdk-drag-preview .adf-datatable-cell-header.adf-drag-column{flex:0}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-container,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-container,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-container{overflow:hidden;min-height:inherit;align-items:center;display:flex;width:100%;padding:0 10px}.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{word-break:break-word;display:block}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-datatable-cell .adf-datatable-cell-value,.adf-datatable-list .adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-datatable-cell-header .adf-datatable-cell-value{padding:17px 10px 10px}}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu{margin-left:auto;justify-content:end;padding-right:15px}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-visible .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu:focus-within .adf-datatable-hide-actions-without-hover{visibility:visible}.adf-datatable-list .adf-datatable-row .adf-datatable-actions-menu-provided,.cdk-drag-preview .adf-datatable-row .adf-datatable-actions-menu-provided{max-width:100px!important;justify-content:center;padding-right:0}.adf-datatable-list .adf-datatable-checkbox,.cdk-drag-preview .adf-datatable-checkbox{display:flex;justify-content:center}.adf-datatable-list .adf-cell-value,.cdk-drag-preview .adf-cell-value{display:flex;min-height:inherit;align-items:center;word-break:break-all;width:100%}.adf-datatable-list .adf-datatable__actions-cell,.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable__actions-cell,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px;display:flex}.adf-datatable-list .adf-datatable__actions-cell .adf-cell-value,.adf-datatable-list .adf-datatable-cell--image .adf-cell-value,.cdk-drag-preview .adf-datatable__actions-cell .adf-cell-value,.cdk-drag-preview .adf-datatable-cell--image .adf-cell-value{width:unset}.adf-datatable-list .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover,.cdk-drag-preview .adf-datatable-row:not(:hover) .adf-datatable-hide-actions-without-hover{visibility:hidden}.adf-datatable-list .adf-datatable-cell--image,.cdk-drag-preview .adf-datatable-cell--image{max-width:65px}.adf-datatable-list .adf-location-cell a,.cdk-drag-preview .adf-location-cell a{text-decoration:none;color:var(--mat-sys-on-surface)}.adf-datatable-list .adf-location-cell a:hover,.cdk-drag-preview .adf-location-cell a:hover{color:var(--mat-sys-primary);text-decoration:underline}.adf-datatable-list .adf-sr-only,.cdk-drag-preview .adf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-datatable-list .adf-is-selected,.cdk-drag-preview .adf-is-selected{background:var(--mat-sys-primary-container)}.adf-datatable-list .adf-datatable-link,.cdk-drag-preview .adf-datatable-link{text-decoration:none;color:var(--mat-sys-on-surface)}.adf-datatable-list .adf-datatable-link:hover,.cdk-drag-preview .adf-datatable-link:hover{color:var(--mat-sys-secondary);text-decoration:underline}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover{text-decoration:none}.adf-datatable-list .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value,.cdk-drag-preview .adf-dynamic-column .adf-datatable-link:hover .adf-datatable-cell-value{text-decoration:underline}.adf-datatable-list .adf-ellipsis-cell,.cdk-drag-preview .adf-ellipsis-cell{position:sticky;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{max-width:calc(100% - .1px);overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell.adf-datatable-cell-header .adf-datatable-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell .adf-datatable-cell-value{overflow:hidden;text-overflow:ellipsis}.adf-datatable-list .adf-ellipsis-cell .adf-datatable-content-cell,.cdk-drag-preview .adf-ellipsis-cell .adf-datatable-content-cell{overflow:unset}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-datatable-list .adf-ellipsis-cell .adf-cell-value,.cdk-drag-preview .adf-ellipsis-cell .adf-cell-value{top:100%}}.adf-datatable-list .adf-ellipsis-cell>div:after,.cdk-drag-preview .adf-ellipsis-cell>div:after{content:attr(title);overflow:hidden;height:0;display:block}.adf-datatable-list .adf-no-content-container.adf-datatable-cell,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell{padding:0;border:none;width:100%;justify-content:center}.adf-datatable-list .adf-no-content-container.adf-datatable-cell>img,.cdk-drag-preview .adf-no-content-container.adf-datatable-cell>img{width:100%}.adf-datatable-list .adf-loading-content-container,.cdk-drag-preview .adf-loading-content-container{padding:0;width:100%}.adf-datatable-list .adf-loading-content-container>img,.cdk-drag-preview .adf-loading-content-container>img{width:100%}.adf-datatable-list .adf-no-permission__row:hover,.cdk-drag-preview .adf-no-permission__row:hover{cursor:default;background-color:inherit}.adf-datatable-list .adf-no-permission__cell.adf-datatable-cell,.cdk-drag-preview .adf-no-permission__cell.adf-datatable-cell{padding:0}.adf-datatable-list .adf-hidden,.cdk-drag-preview .adf-hidden{display:none}@media all and (width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}@media (device-width <= 768px){.adf-datatable-list .adf-desktop-only.adf-ellipsis-cell,.cdk-drag-preview .adf-desktop-only.adf-ellipsis-cell{display:none}}.adf-datatable-cell-header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:flex;align-items:center;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:var(--mat-sys-display-large-size);font-size:var(--mat-sys-body-medium-size);box-sizing:border-box}.adf-datatable-cell-header_subtitle{margin-left:3px;opacity:.6}.adf-datatable-cell-header.adf-sortable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center}.adf-datatable-cell-header .adf-datatable__header--sorted-asc,.adf-datatable-cell-header .adf-datatable__header--sorted-desc{padding-right:.25rem}.adf-datatable-cell-header .adf-datatable__header--sorted-asc:after,.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{font-family:Material Icons;font-weight:400;font-style:normal;font-size:var(--mat-sys-headline-small-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;word-wrap:normal;font-feature-settings:\"liga\";content:\"\\e5d8\";left:5px;right:5px;position:relative;vertical-align:middle}.adf-datatable-cell-header .adf-datatable__header--sorted-desc:after{content:\"\\e5db\"}.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc:before,.adf-datatable-cell-header .adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc:before{left:-3px;right:-3px}.adf-datatable-cell-header .adf-datatable-cell-header-content{display:flex;flex-grow:1;align-items:center;margin:0 2px;padding:0 8px}.adf-datatable-cell-header .adf-datatable-cell-header-content .adf-datatable-cell-header-drag-icon-placeholder{padding:0;margin:0}.adf-datatable-cell-header .adf-datatable-cell-header-content--hovered{border-radius:6px}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon{margin-left:auto;cursor:move;margin-right:-.5rem;padding-left:-.5rem}.adf-datatable-cell-header .adf-datatable-cell-header-drag-icon-visible{display:flex}.adf-datatable-cell-header .adf-datatable-cell-value{padding-top:10px;padding-bottom:10px;line-height:24px;word-break:break-word}.adf-drop-header-cell-placeholder{display:flex;flex:1;border:dotted 1px rgba(0,0,0,.25);min-height:55px;transition:transform .25s cubic-bezier(0,0,.2,1)}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content{white-space:nowrap;overflow:hidden}.adf-datatable-cell-header.adf-ellipsis-cell .adf-datatable-cell-header-content--hovered .adf-datatable-cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdk-drag-preview{min-height:var(--mat-sys-display-large-size);display:flex;flex-direction:row;align-items:center;box-sizing:unset;border-top:2px solid var(--mat-sys-primary);opacity:1}.cdk-drag-preview.adf-datatable-cell-header{border-radius:6px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-checkbox-sr-only .mdc-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.adf-sticky-header{border-top:0;height:100%}.adf-sticky-header .adf-datatable-header{display:block;margin-right:0;border-top:1px solid var(--mat-sys-outline-variant);border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-sticky-header .adf-datatable-body{display:block;flex:1;overflow:hidden auto;margin-top:-1px}.adf-upload__dragging>div{border-top:1px dashed var(--mat-sys-secondary);border-bottom:1px dashed var(--mat-sys-secondary)}.adf-upload__dragging>div:first-child{border-left:1px dashed var(--mat-sys-secondary)}.adf-upload__dragging>div:last-child{border-right:1px dashed var(--mat-sys-secondary)}.adf-datatable--empty{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center;height:inherit}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row{height:100%;border:none}.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:hover,.adf-datatable--empty .adf-datatable-body[role=rowgroup] .adf-datatable-row:focus{background-color:unset;cursor:default}.adf-datatable--empty--header-visible .adf-datatable-header{border:1px solid var(--mat-sys-outline-variant)}.adf-datatable--empty--header-visible .adf-datatable-body{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0;justify-content:center;align-items:center}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row{height:100%;border:none}.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:hover,.adf-datatable--empty--header-visible .adf-datatable-body .adf-datatable-row:focus{background-color:unset;cursor:default}@media screen and (width <= 380px){.adf-datatable-header{max-height:50%}}\n"] }]
|
|
17084
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.IterableDiffers }, { type: i1$3.MatIconRegistry }, { type: i1$5.DomSanitizer }, { type: i3$3.ConfigurableFocusTrapFactory }], propDecorators: { rowsList: [{
|
|
17085
17085
|
type: ViewChildren,
|
|
17086
17086
|
args: [DataTableRowComponent]
|
|
17087
17087
|
}], mainMenuTemplate: [{
|
|
@@ -18147,7 +18147,7 @@ class CardViewTextItemComponent extends BaseCardView {
|
|
|
18147
18147
|
return String(Math.trunc(Number(value)));
|
|
18148
18148
|
}
|
|
18149
18149
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewTextItemComponent, deps: [{ token: ClipboardService }, { token: TranslationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18150
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewTextItemComponent, isStandalone: true, selector: "adf-card-view-textitem", inputs: { displayEmpty: "displayEmpty", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, host: { classAttribute: "adf-card-view-textitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-card-textitem-field\"\n [ngClass]=\"{\n 'adf-property-read-only': !isEditable\n }\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n\n <input\n matInput\n *ngIf=\"!property.multiline\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-not-editable': !editable\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n (keydown)=\"undoText($event)\"\n />\n <textarea\n matInput\n *ngIf=\"property.multiline\"\n title=\"{{ property.label | translate }}\"\n [cdkTextareaAutosize]=\"true\"\n [cdkAutosizeMinRows]=\"1\"\n [cdkAutosizeMaxRows]=\"5\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n >\n </textarea>\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'chipsTemplate'\"\n class=\"adf-property-field adf-textitem-chip-list-container\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <mat-label\n *ngIf=\"showLabelForChips\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-row>\n </mat-chip-grid>\n\n <mat-form-field\n *ngIf=\"isEditable\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-textitem-chip-list-input\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <input\n matInput\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n [attr.aria-label]=\"property.label | translate\"\n [matChipInputFor]=\"chipElement\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"addValueToList($event)\"\n [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n />\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'clickableTemplate'\"\n role=\"button\"\n class=\"adf-textitem-clickable\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n tabindex=\"0\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n >\n <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [type]=\"property.inputType\"\n class=\"adf-property-value\"\n title=\"{{ property.label | translate }}\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-textitem-clickable-value': isClickable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-has-icon-suffix': showClickableIcon\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [(ngModel)]=\"editedValue\"\n (blur)=\"update()\"\n (keydown.enter)=\"update()\"\n [readonly]=\"!isEditable\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n />\n <button\n mat-icon-button\n matSuffix\n *ngIf=\"showClickableIcon\"\n class=\"adf-textitem-action\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n >\n <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'emptyTemplate'\">\n <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n </div>\n\n <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n <ul>\n <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n </ul>\n </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{font-size:var(--theme-caption-font-size);padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px;color:var(--adf-theme-foreground-text-color-025)}.adf-card-view-textitem .adf-textitem-action:hover,.adf-card-view-textitem .adf-textitem-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix{padding-top:0}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix .adf-property-value{margin-left:0}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-textitem-clickable .adf-textitem-action:hover{color:var(--adf-theme-foreground-text-color)}.adf-card-view-textitem .adf-textitem-clickable .adf-property-field .mat-mdc-input-element{color:var(--theme-primary-color);cursor:pointer}.adf-card-view-textitem .adf-textitem-default-value{color:var(--adf-theme-foreground-text-color-054)}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-textitem .adf-property-value-not-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i8.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewTextItemComponent, isStandalone: true, selector: "adf-card-view-textitem", inputs: { displayEmpty: "displayEmpty", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, host: { classAttribute: "adf-card-view-textitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-card-textitem-field\"\n [ngClass]=\"{\n 'adf-property-read-only': !isEditable\n }\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n\n <input\n matInput\n *ngIf=\"!property.multiline\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-not-editable': !editable\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n (keydown)=\"undoText($event)\"\n />\n <textarea\n matInput\n *ngIf=\"property.multiline\"\n title=\"{{ property.label | translate }}\"\n [cdkTextareaAutosize]=\"true\"\n [cdkAutosizeMinRows]=\"1\"\n [cdkAutosizeMaxRows]=\"5\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n >\n </textarea>\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'chipsTemplate'\"\n class=\"adf-property-field adf-textitem-chip-list-container\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <mat-label\n *ngIf=\"showLabelForChips\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-row>\n </mat-chip-grid>\n\n <mat-form-field\n *ngIf=\"isEditable\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-textitem-chip-list-input\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <input\n matInput\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n [attr.aria-label]=\"property.label | translate\"\n [matChipInputFor]=\"chipElement\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"addValueToList($event)\"\n [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n />\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'clickableTemplate'\"\n role=\"button\"\n class=\"adf-textitem-clickable\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n tabindex=\"0\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n >\n <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [type]=\"property.inputType\"\n class=\"adf-property-value\"\n title=\"{{ property.label | translate }}\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-textitem-clickable-value': isClickable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-has-icon-suffix': showClickableIcon\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [(ngModel)]=\"editedValue\"\n (blur)=\"update()\"\n (keydown.enter)=\"update()\"\n [readonly]=\"!isEditable\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n />\n <button\n mat-icon-button\n matSuffix\n *ngIf=\"showClickableIcon\"\n class=\"adf-textitem-action\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n >\n <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'emptyTemplate'\">\n <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n </div>\n\n <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n <ul>\n <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n </ul>\n </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix{padding-top:0}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix .adf-property-value{margin-left:0}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i8.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18151
18151
|
}
|
|
18152
18152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewTextItemComponent, decorators: [{
|
|
18153
18153
|
type: Component,
|
|
@@ -18162,7 +18162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18162
18162
|
FormsModule,
|
|
18163
18163
|
MatButtonModule,
|
|
18164
18164
|
MatSnackBarModule
|
|
18165
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-textitem' }, template: "<div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-card-textitem-field\"\n [ngClass]=\"{\n 'adf-property-read-only': !isEditable\n }\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n\n <input\n matInput\n *ngIf=\"!property.multiline\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-not-editable': !editable\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n (keydown)=\"undoText($event)\"\n />\n <textarea\n matInput\n *ngIf=\"property.multiline\"\n title=\"{{ property.label | translate }}\"\n [cdkTextareaAutosize]=\"true\"\n [cdkAutosizeMinRows]=\"1\"\n [cdkAutosizeMaxRows]=\"5\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n >\n </textarea>\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'chipsTemplate'\"\n class=\"adf-property-field adf-textitem-chip-list-container\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <mat-label\n *ngIf=\"showLabelForChips\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-row>\n </mat-chip-grid>\n\n <mat-form-field\n *ngIf=\"isEditable\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-textitem-chip-list-input\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <input\n matInput\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n [attr.aria-label]=\"property.label | translate\"\n [matChipInputFor]=\"chipElement\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"addValueToList($event)\"\n [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n />\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'clickableTemplate'\"\n role=\"button\"\n class=\"adf-textitem-clickable\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n tabindex=\"0\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n >\n <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [type]=\"property.inputType\"\n class=\"adf-property-value\"\n title=\"{{ property.label | translate }}\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-textitem-clickable-value': isClickable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-has-icon-suffix': showClickableIcon\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [(ngModel)]=\"editedValue\"\n (blur)=\"update()\"\n (keydown.enter)=\"update()\"\n [readonly]=\"!isEditable\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n />\n <button\n mat-icon-button\n matSuffix\n *ngIf=\"showClickableIcon\"\n class=\"adf-textitem-action\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n >\n <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'emptyTemplate'\">\n <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n </div>\n\n <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n <ul>\n <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n </ul>\n </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{
|
|
18165
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-textitem' }, template: "<div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-card-textitem-field\"\n [ngClass]=\"{\n 'adf-property-read-only': !isEditable\n }\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n\n <input\n matInput\n *ngIf=\"!property.multiline\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-not-editable': !editable\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n (keydown)=\"undoText($event)\"\n />\n <textarea\n matInput\n *ngIf=\"property.multiline\"\n title=\"{{ property.label | translate }}\"\n [cdkTextareaAutosize]=\"true\"\n [cdkAutosizeMinRows]=\"1\"\n [cdkAutosizeMaxRows]=\"5\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"textInput\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n >\n </textarea>\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'chipsTemplate'\"\n class=\"adf-property-field adf-textitem-chip-list-container\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <mat-label\n *ngIf=\"showLabelForChips\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-grid #chipElement class=\"adf-textitem-chip-list\">\n <mat-chip-row *ngFor=\"let propertyValue of editedValue; let idx = index\" [removable]=\"isEditable\" (removed)=\"removeValueFromList(idx)\">\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-row>\n </mat-chip-grid>\n\n <mat-form-field\n *ngIf=\"isEditable\"\n [floatLabel]=\"'always'\"\n class=\"adf-property-field adf-textitem-chip-list-input\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n >\n <input\n matInput\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"editedValue ? '' : (property.default | translate)\"\n [attr.aria-label]=\"property.label | translate\"\n [matChipInputFor]=\"chipElement\"\n [matChipInputAddOnBlur]=\"true\"\n (matChipInputTokenEnd)=\"addValueToList($event)\"\n [attr.data-automation-id]=\"'card-textitem-editchipinput-' + property.key\"\n />\n </mat-form-field>\n </div>\n\n <div\n *ngSwitchCase=\"'clickableTemplate'\"\n role=\"button\"\n class=\"adf-textitem-clickable\"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [attr.data-automation-id]=\"'card-textitem-toggle-' + property.key\"\n tabindex=\"0\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n >\n <mat-form-field class=\"adf-property-field adf-card-textitem-field\" [floatLabel]=\"'always'\">\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-textitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{ 'adf-property-value-editable': editable }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [type]=\"property.inputType\"\n class=\"adf-property-value\"\n title=\"{{ property.label | translate }}\"\n [ngClass]=\"{\n 'adf-property-value-editable': editable,\n 'adf-textitem-clickable-value': isClickable,\n 'adf-property-readonly-value': isReadonlyProperty,\n 'adf-property-value-has-error': isEditable && hasErrors,\n 'adf-property-value-has-icon-suffix': showClickableIcon\n }\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [(ngModel)]=\"editedValue\"\n (blur)=\"update()\"\n (keydown.enter)=\"update()\"\n [readonly]=\"!isEditable\"\n [attr.data-automation-id]=\"'card-textitem-value-' + property.key\"\n />\n <button\n mat-icon-button\n matSuffix\n *ngIf=\"showClickableIcon\"\n class=\"adf-textitem-action\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-textitem-clickable-icon-' + property.key\"\n >\n <mat-icon class=\"adf-textitem-icon\">{{ property?.icon }}</mat-icon>\n </button>\n </mat-form-field>\n </div>\n\n <div *ngSwitchCase=\"'emptyTemplate'\">\n <span class=\"adf-textitem-default-value\">{{ property.default | translate }}</span>\n </div>\n\n <mat-error *ngIf=\"isEditable && hasErrors\" class=\"adf-textitem-error\" [attr.data-automation-id]=\"'card-textitem-error-' + property.key\">\n <ul>\n <li *ngFor=\"let error of errors\">{{ error.message | translate : error }}</li>\n </ul>\n </mat-error>\n</div>\n", styles: [".adf-card-view-textitem .adf-textitem-error{padding-top:6px}.adf-card-view-textitem .adf-textitem-error:before{display:none}.adf-card-view-textitem .adf-textitem-error ul{margin:0;padding:0;list-style-type:none}.adf-card-view-textitem .adf-textitem-error ul li{margin:0;padding:0}.adf-card-view-textitem .adf-textitem-action{width:30px;height:30px;padding:0;line-height:20px}.adf-card-view-textitem .adf-textitem-action .mat-mdc-button-touch-target{width:30px;height:30px}.adf-card-view-textitem .mat-mdc-form-field-icon-suffix{position:absolute;right:1px;bottom:7px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-floating-label{margin-top:6px}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix{padding-top:0}.adf-card-view-textitem .adf-textitem-chip-list-container .mat-mdc-form-field-infix .adf-property-value{margin-left:0}.adf-card-view-textitem .adf-textitem-clickable{cursor:pointer;padding-top:3px}.adf-card-view-textitem .adf-property-read-only:not(:has(.adf-property-readonly-value)){border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-card-view-textitem .adf-property-value-has-icon-suffix{padding-right:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adf-card-view-textitem .mdc-line-ripple:before,.adf-card-view-textitem .mdc-line-ripple:after{display:none}\n"] }]
|
|
18166
18166
|
}], ctorParameters: () => [{ type: ClipboardService }, { type: TranslationService }, { type: i0.ChangeDetectorRef }], propDecorators: { displayEmpty: [{
|
|
18167
18167
|
type: Input
|
|
18168
18168
|
}], copyToClipboardAction: [{
|
|
@@ -18295,7 +18295,7 @@ class CardViewDateItemComponent extends BaseCardView {
|
|
|
18295
18295
|
{ provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
|
|
18296
18296
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
18297
18297
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
18298
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"showProperty && !isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n <span\n *ngIf=\"showProperty\"\n [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >{{ property.displayValue }}</span\n >\n </span>\n <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n {{ property.displayValue }}</span\n >\n </span>\n </div>\n <input\n matInput\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-icon\n matIconSuffix\n *ngIf=\"showClearAction\"\n class=\"adf-date-reset-icon\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n >\n clear\n </mat-icon>\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </mat-form-field>\n <ng-template #elseEmptyValueBlock>\n {{ property.default | translate }}\n </ng-template>\n\n <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n <div\n *ngIf=\"isEditable\"\n class=\"adf-property-field adf-dateitem-editable-controls\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <input\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;color:var(--adf-metadata-property-panel-title-color);margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18298
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"showProperty && !isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n <span\n *ngIf=\"showProperty\"\n [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >{{ property.displayValue }}</span\n >\n </span>\n <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n {{ property.displayValue }}</span\n >\n </span>\n </div>\n <input\n matInput\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-icon\n matIconSuffix\n *ngIf=\"showClearAction\"\n class=\"adf-date-reset-icon\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n >\n clear\n </mat-icon>\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </mat-form-field>\n <ng-template #elseEmptyValueBlock>\n {{ property.default | translate }}\n </ng-template>\n\n <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n <div\n *ngIf=\"isEditable\"\n class=\"adf-property-field adf-dateitem-editable-controls\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <input\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i8.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18299
18299
|
}
|
|
18300
18300
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewDateItemComponent, decorators: [{
|
|
18301
18301
|
type: Component,
|
|
@@ -18315,7 +18315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18315
18315
|
MatDatepickerModule,
|
|
18316
18316
|
MatSnackBarModule,
|
|
18317
18317
|
ReactiveFormsModule
|
|
18318
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"showProperty && !isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n <span\n *ngIf=\"showProperty\"\n [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >{{ property.displayValue }}</span\n >\n </span>\n <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n {{ property.displayValue }}</span\n >\n </span>\n </div>\n <input\n matInput\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-icon\n matIconSuffix\n *ngIf=\"showClearAction\"\n class=\"adf-date-reset-icon\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n >\n clear\n </mat-icon>\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </mat-form-field>\n <ng-template #elseEmptyValueBlock>\n {{ property.default | translate }}\n </ng-template>\n\n <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n <div\n *ngIf=\"isEditable\"\n class=\"adf-property-field adf-dateitem-editable-controls\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <input\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;
|
|
18318
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"showProperty && !isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n>\n {{ property.label | translate }}\n</mat-label>\n\n<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty }\">\n <span *ngIf=\"!isEditable && !property.multivalued\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n <span\n *ngIf=\"showProperty\"\n [attr.data-automation-id]=\"'card-dateitem-' + property.key\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >{{ property.displayValue }}</span\n >\n </span>\n <mat-form-field *ngIf=\"isEditable && !property.multivalued\" class=\"adf-property-field adf-dateitem-editable hxp-input\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n *ngIf=\"isEditable\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span *ngIf=\"showProperty; else elseEmptyValueBlock\" [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n {{ property.displayValue }}</span\n >\n </span>\n </div>\n <input\n matInput\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-icon\n matIconSuffix\n *ngIf=\"showClearAction\"\n class=\"adf-date-reset-icon\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n >\n clear\n </mat-icon>\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </mat-form-field>\n <ng-template #elseEmptyValueBlock>\n {{ property.default | translate }}\n </ng-template>\n\n <div *ngIf=\"property.multivalued\" class=\"adf-property-field adf-dateitem-chip-list-container adf-dateitem-editable\">\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n <mat-icon *ngIf=\"isEditable\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </mat-chip-listbox>\n\n <div\n *ngIf=\"isEditable\"\n class=\"adf-property-field adf-dateitem-editable-controls\"\n (click)=\"showDatePicker()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <input\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{cursor:pointer;width:100%}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;top:6px;position:relative;left:12px;height:20px}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;top:10px;position:relative}.adf-card-view-dateitem .adf-dateitem-editable .mdc-line-ripple,.adf-card-view-dateitem .adf-dateitem-editable .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-dateitem .adf-property-value{padding-top:6px;padding-bottom:6px;line-height:20px;margin-top:10px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable:not(.adf-property-readonly-value){margin-top:35px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-date-reset-icon{position:relative;padding:0}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable .adf-dateitem-picker-toggle{position:relative}.adf-card-view-dateitem .adf-property-value.adf-property-readonly-value{padding:0 0 0 12px}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-invisible-date-input.mat-mdc-input-element.mat-mdc-form-field-input-control{margin-top:35px}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"] }]
|
|
18319
18319
|
}], ctorParameters: () => [{ type: i1$2.DateAdapter }, { type: UserPreferencesService }, { type: ClipboardService }, { type: TranslationService }], propDecorators: { displayEmpty: [{
|
|
18320
18320
|
type: Input
|
|
18321
18321
|
}], displayClearAction: [{
|
|
@@ -18445,12 +18445,12 @@ class SelectFilterInputComponent {
|
|
|
18445
18445
|
}
|
|
18446
18446
|
}
|
|
18447
18447
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SelectFilterInputComponent, deps: [{ token: MatSelect }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18448
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SelectFilterInputComponent, isStandalone: true, selector: "adf-select-filter-input", outputs: { change: "change" }, host: { classAttribute: "adf-select-filter-input" }, viewQueries: [{ propertyName: "selectFilterInput", first: true, predicate: ["selectFilterInput"], descendants: true, read: ElementRef }], ngImport: i0, template: "\n<div class=\"adf-select-filter-input-container\">\n <mat-form-field subscriptSizing=\"dynamic\">\n <input matInput\n autocomplete=\"off\"\n (keydown)=\"handleKeydown($event)\"\n [placeholder]=\"'SELECT_FILTER.INPUT.PLACEHOLDER' | translate\"\n #selectFilterInput\n [ngModel]=\"term\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.aria-label]=\"'SELECT_FILTER.INPUT.ARIA_LABEL' | translate\"\n (change)=\"$event.stopPropagation()\"\n />\n\n <button\n matSuffix\n mat-icon-button\n class=\"adf-select-filter-clear-button\"\n [attr.aria-label]=\"'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate\"\n *ngIf=\"term\"\n (keydown.enter)=\"reset($event)\"\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n</div>\n", styles: [".adf-select-filter-input{height:4em;display:flex}.adf-select-filter-input .adf-select-filter-input-container{width:100%;z-index:100;
|
|
18448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SelectFilterInputComponent, isStandalone: true, selector: "adf-select-filter-input", outputs: { change: "change" }, host: { classAttribute: "adf-select-filter-input" }, viewQueries: [{ propertyName: "selectFilterInput", first: true, predicate: ["selectFilterInput"], descendants: true, read: ElementRef }], ngImport: i0, template: "\n<div class=\"adf-select-filter-input-container\">\n <mat-form-field subscriptSizing=\"dynamic\">\n <input matInput\n autocomplete=\"off\"\n (keydown)=\"handleKeydown($event)\"\n [placeholder]=\"'SELECT_FILTER.INPUT.PLACEHOLDER' | translate\"\n #selectFilterInput\n [ngModel]=\"term\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.aria-label]=\"'SELECT_FILTER.INPUT.ARIA_LABEL' | translate\"\n (change)=\"$event.stopPropagation()\"\n />\n\n <button\n matSuffix\n mat-icon-button\n class=\"adf-select-filter-clear-button\"\n [attr.aria-label]=\"'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate\"\n *ngIf=\"term\"\n (keydown.enter)=\"reset($event)\"\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n</div>\n", styles: [".adf-select-filter-input{height:4em;display:flex}.adf-select-filter-input .adf-select-filter-input-container{width:100%;z-index:100;line-height:3em;height:4em;padding:5px 16px 0}.adf-select-filter-input .mat-mdc-form-field{width:100%}.adf-select-filter-input .adf-select-filter-clear-button{padding:0}.mat-mdc-select-panel.adf-select-filter{transform:none;overflow-x:hidden;max-height:calc(256px + 4em)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18449
18449
|
}
|
|
18450
18450
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SelectFilterInputComponent, decorators: [{
|
|
18451
18451
|
type: Component,
|
|
18452
|
-
args: [{ selector: 'adf-select-filter-input', imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule, TranslatePipe], host: { class: 'adf-select-filter-input' }, encapsulation: ViewEncapsulation.None, template: "\n<div class=\"adf-select-filter-input-container\">\n <mat-form-field subscriptSizing=\"dynamic\">\n <input matInput\n autocomplete=\"off\"\n (keydown)=\"handleKeydown($event)\"\n [placeholder]=\"'SELECT_FILTER.INPUT.PLACEHOLDER' | translate\"\n #selectFilterInput\n [ngModel]=\"term\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.aria-label]=\"'SELECT_FILTER.INPUT.ARIA_LABEL' | translate\"\n (change)=\"$event.stopPropagation()\"\n />\n\n <button\n matSuffix\n mat-icon-button\n class=\"adf-select-filter-clear-button\"\n [attr.aria-label]=\"'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate\"\n *ngIf=\"term\"\n (keydown.enter)=\"reset($event)\"\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n</div>\n", styles: [".adf-select-filter-input{height:4em;display:flex}.adf-select-filter-input .adf-select-filter-input-container{width:100%;z-index:100;
|
|
18453
|
-
}], ctorParameters: () => [{ type: i3$
|
|
18452
|
+
args: [{ selector: 'adf-select-filter-input', imports: [CommonModule, MatFormFieldModule, MatInputModule, FormsModule, MatButtonModule, MatIconModule, TranslatePipe], host: { class: 'adf-select-filter-input' }, encapsulation: ViewEncapsulation.None, template: "\n<div class=\"adf-select-filter-input-container\">\n <mat-form-field subscriptSizing=\"dynamic\">\n <input matInput\n autocomplete=\"off\"\n (keydown)=\"handleKeydown($event)\"\n [placeholder]=\"'SELECT_FILTER.INPUT.PLACEHOLDER' | translate\"\n #selectFilterInput\n [ngModel]=\"term\"\n (ngModelChange)=\"onModelChange($event)\"\n [attr.aria-label]=\"'SELECT_FILTER.INPUT.ARIA_LABEL' | translate\"\n (change)=\"$event.stopPropagation()\"\n />\n\n <button\n matSuffix\n mat-icon-button\n class=\"adf-select-filter-clear-button\"\n [attr.aria-label]=\"'SELECT_FILTER.BUTTON.ARIA_LABEL' | translate\"\n *ngIf=\"term\"\n (keydown.enter)=\"reset($event)\"\n (click)=\"reset()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n</div>\n", styles: [".adf-select-filter-input{height:4em;display:flex}.adf-select-filter-input .adf-select-filter-input-container{width:100%;z-index:100;line-height:3em;height:4em;padding:5px 16px 0}.adf-select-filter-input .mat-mdc-form-field{width:100%}.adf-select-filter-input .adf-select-filter-clear-button{padding:0}.mat-mdc-select-panel.adf-select-filter{transform:none;overflow-x:hidden;max-height:calc(256px + 4em)}\n"] }]
|
|
18453
|
+
}], ctorParameters: () => [{ type: i3$4.MatSelect, decorators: [{
|
|
18454
18454
|
type: Inject,
|
|
18455
18455
|
args: [MatSelect]
|
|
18456
18456
|
}] }], propDecorators: { selectFilterInput: [{
|
|
@@ -18553,7 +18553,7 @@ class CardViewSelectItemComponent extends BaseCardView {
|
|
|
18553
18553
|
return this.appConfig.get('content-metadata.selectFilterLimit', CardViewSelectItemComponent.HIDE_FILTER_LIMIT);
|
|
18554
18554
|
}
|
|
18555
18555
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewSelectItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewSelectItemComponent, isStandalone: true, selector: "adf-card-view-selectitem", inputs: { options$: "options$", displayNoneOption: "displayNoneOption", displayEmpty: "displayEmpty" }, host: { classAttribute: "adf-card-view-selectitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <div *ngIf=\"!isEditable\"\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-label-non-editable\"\n >{{ property.label | translate }}\n </div>\n <div class=\"adf-property-field\">\n <div\n *ngIf=\"!isEditable\"\n class=\"adf-property-value adf-property-read-only\"\n [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n data-automation-class=\"read-only-value\"\n [title]=\"property.displayValue | async | translate\"\n >\n {{ property.displayValue | async | translate }}\n </div>\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-property-value\">\n <mat-label\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-value-editable\"\n [ngClass]=\"{\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >{{ property.label | translate }}\n </mat-label>\n <mat-select\n [(value)]=\"value\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n panelClass=\"adf-select-filter\"\n (selectionChange)=\"onChange($event)\"\n data-automation-class=\"select-box\"\n [aria-label]=\"property.label | translate\"\n >\n <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'autocompleteBased'\">\n <mat-form-field\n class=\"adf-property-field adf-card-selectitem-autocomplete \"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [floatLabel]=\"property.default ? 'always' : null\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [matAutocomplete]=\"auto\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"autocompleteControl\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n />\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n <mat-option\n *ngFor=\"let option of property.options$ | async\"\n [value]=\"option.key\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n >\n {{ option.label }}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </div>\n </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{background:var(--adf-theme-background-card-color);position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-value{color:var(--adf-metadata-action-button-clear-color)}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$2.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: "directive", type: i4$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewSelectItemComponent, isStandalone: true, selector: "adf-card-view-selectitem", inputs: { options$: "options$", displayNoneOption: "displayNoneOption", displayEmpty: "displayEmpty" }, host: { classAttribute: "adf-card-view-selectitem" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <div *ngIf=\"!isEditable\"\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-label-non-editable\"\n >{{ property.label | translate }}\n </div>\n <div class=\"adf-property-field\">\n <div\n *ngIf=\"!isEditable\"\n class=\"adf-property-value adf-property-read-only\"\n [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n data-automation-class=\"read-only-value\"\n [title]=\"property.displayValue | async | translate\"\n >\n {{ property.displayValue | async | translate }}\n </div>\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-property-value\">\n <mat-label\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-value-editable\"\n [ngClass]=\"{\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >{{ property.label | translate }}\n </mat-label>\n <mat-select\n [(value)]=\"value\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n panelClass=\"adf-select-filter\"\n (selectionChange)=\"onChange($event)\"\n data-automation-class=\"select-box\"\n [aria-label]=\"property.label | translate\"\n >\n <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'autocompleteBased'\">\n <mat-form-field\n class=\"adf-property-field adf-card-selectitem-autocomplete \"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [floatLabel]=\"property.default ? 'always' : null\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [matAutocomplete]=\"auto\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"autocompleteControl\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n />\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n <mat-option\n *ngFor=\"let option of property.options$ | async\"\n [value]=\"option.key\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n >\n {{ option.label }}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </div>\n </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--mat-sys-surface-dim)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SelectFilterInputComponent, selector: "adf-select-filter-input", outputs: ["change"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$2.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: "directive", type: i4$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18557
18557
|
}
|
|
18558
18558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewSelectItemComponent, decorators: [{
|
|
18559
18559
|
type: Component,
|
|
@@ -18566,7 +18566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18566
18566
|
MatAutocompleteModule,
|
|
18567
18567
|
MatInputModule,
|
|
18568
18568
|
ReactiveFormsModule
|
|
18569
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-selectitem' }, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <div *ngIf=\"!isEditable\"\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-label-non-editable\"\n >{{ property.label | translate }}\n </div>\n <div class=\"adf-property-field\">\n <div\n *ngIf=\"!isEditable\"\n class=\"adf-property-value adf-property-read-only\"\n [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n data-automation-class=\"read-only-value\"\n [title]=\"property.displayValue | async | translate\"\n >\n {{ property.displayValue | async | translate }}\n </div>\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-property-value\">\n <mat-label\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-value-editable\"\n [ngClass]=\"{\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >{{ property.label | translate }}\n </mat-label>\n <mat-select\n [(value)]=\"value\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n panelClass=\"adf-select-filter\"\n (selectionChange)=\"onChange($event)\"\n data-automation-class=\"select-box\"\n [aria-label]=\"property.label | translate\"\n >\n <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'autocompleteBased'\">\n <mat-form-field\n class=\"adf-property-field adf-card-selectitem-autocomplete \"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [floatLabel]=\"property.default ? 'always' : null\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [matAutocomplete]=\"auto\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"autocompleteControl\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n />\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n <mat-option\n *ngFor=\"let option of property.options$ | async\"\n [value]=\"option.key\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n >\n {{ option.label }}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </div>\n </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{
|
|
18569
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-selectitem' }, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div [ngSwitch]=\"templateType\">\n <div *ngSwitchDefault>\n <div *ngIf=\"!isEditable\"\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-label-non-editable\"\n >{{ property.label | translate }}\n </div>\n <div class=\"adf-property-field\">\n <div\n *ngIf=\"!isEditable\"\n class=\"adf-property-value adf-property-read-only\"\n [attr.data-automation-id]=\"'select-readonly-value-' + property.key\"\n data-automation-class=\"read-only-value\"\n [title]=\"property.displayValue | async | translate\"\n >\n {{ property.displayValue | async | translate }}\n </div>\n <div *ngIf=\"isEditable\">\n <mat-form-field class=\"adf-property-value\">\n <mat-label\n [attr.data-automation-id]=\"'card-select-label-' + property.key\"\n class=\"adf-property-label adf-property-value-editable\"\n [ngClass]=\"{\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >{{ property.label | translate }}\n </mat-label>\n <mat-select\n [(value)]=\"value\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty }\"\n panelClass=\"adf-select-filter\"\n (selectionChange)=\"onChange($event)\"\n data-automation-class=\"select-box\"\n [aria-label]=\"property.label | translate\"\n >\n <adf-select-filter-input *ngIf=\"showInputFilter\" (change)=\"onFilterInputChange($event)\" />\n <mat-option *ngIf=\"displayNoneOption\">{{ 'CORE.CARDVIEW.NONE' | translate }}</mat-option>\n <mat-option *ngFor=\"let option of list$ | async\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n </div>\n <div *ngSwitchCase=\"'autocompleteBased'\">\n <mat-form-field\n class=\"adf-property-field adf-card-selectitem-autocomplete \"\n [ngClass]=\"{ 'adf-property-read-only': !isEditable }\"\n [floatLabel]=\"property.default ? 'always' : null\"\n >\n <mat-label\n *ngIf=\"showProperty || isEditable\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-label-' + property.key\"\n class=\"adf-property-label\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n >\n {{ property.label | translate }}\n </mat-label>\n <input\n matInput\n [matAutocomplete]=\"auto\"\n class=\"adf-property-value\"\n [ngClass]=\"{\n 'adf-property-value-editable': isEditable,\n 'adf-property-readonly-value': isReadonlyProperty\n }\"\n title=\"{{ property.label | translate }}\"\n [placeholder]=\"property.default\"\n [attr.aria-label]=\"property.label | translate\"\n [formControl]=\"autocompleteControl\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-value-' + property.key\"\n />\n <mat-autocomplete autoActiveFirstOption #auto=\"matAutocomplete\" (optionSelected)=\"onOptionSelected($event)\">\n <mat-option\n *ngFor=\"let option of property.options$ | async\"\n [value]=\"option.key\"\n [attr.data-automation-id]=\"'card-autocomplete-based-selectitem-option-' + property.key\"\n >\n {{ option.label }}\n </mat-option>\n </mat-autocomplete>\n </mat-form-field>\n </div>\n </div>\n</ng-container>\n", styles: [".adf-card-view-selectitem .adf-property-value{width:100%}.adf-card-view-selectitem .adf-select-filter-input{position:sticky;top:0;left:0;right:0;z-index:1}.adf-card-view-selectitem .adf-property-value-editable{padding-left:0}.adf-card-view-selectitem .adf-property-value-editable .mdc-text-field--no-label .mat-mdc-form-field-infix{padding:0}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-text-field-wrapper{background-color:unset}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select{margin-top:0;border-radius:6px}.adf-card-view-selectitem .adf-property-value-editable .mat-mdc-select .mat-mdc-select-trigger{padding-left:6px;padding-right:6px}.adf-card-view-selectitem .adf-card-selectitem-autocomplete .adf-property-value-editable{padding-left:10px}.adf-card-view-selectitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-card-view-selectitem .adf-property-read-only{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:default;padding:6px 0;border-bottom:1px solid var(--mat-sys-outline-variant)}.adf-card-view-selectitem .mdc-line-ripple{display:none}.adf-card-view-selectitem .adf-property-readonly-value{color:var(--mat-sys-surface-dim)}.adf-card-view-selectitem .adf-property-label-non-editable{cursor:default;font-size:10px}\n"] }]
|
|
18570
18570
|
}], propDecorators: { options$: [{
|
|
18571
18571
|
type: Input
|
|
18572
18572
|
}], displayNoneOption: [{
|
|
@@ -18597,11 +18597,11 @@ class CardViewBoolItemComponent extends BaseCardView {
|
|
|
18597
18597
|
this.property.value = change.checked;
|
|
18598
18598
|
}
|
|
18599
18599
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewBoolItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18600
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewBoolItemComponent, isStandalone: true, selector: "adf-card-view-boolitem", inputs: { editable: "editable" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div class=\"adf-property-value\">\n <mat-checkbox [attr.data-automation-id]=\"'card-boolean-' + property.key\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.TOGGLE' | translate\"\n [checked]=\"property.displayValue\"\n [disabled]=\"!isEditable\"\n
|
|
18600
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewBoolItemComponent, isStandalone: true, selector: "adf-card-view-boolitem", inputs: { editable: "editable" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div class=\"adf-property-value\">\n <mat-checkbox [attr.data-automation-id]=\"'card-boolean-' + property.key\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.TOGGLE' | translate\"\n [checked]=\"property.displayValue\"\n [disabled]=\"!isEditable\"\n (change)=\"changed($event)\">\n <div [attr.data-automation-id]=\"'card-boolean-label-' + property.key\"\n class=\"adf-property-label\">{{ property.label | translate }}</div>\n </mat-checkbox>\n </div>\n</ng-container>\n", styles: [".adf-property-value{padding:15px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
18601
18601
|
}
|
|
18602
18602
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewBoolItemComponent, decorators: [{
|
|
18603
18603
|
type: Component,
|
|
18604
|
-
args: [{ selector: 'adf-card-view-boolitem', imports: [CommonModule, MatCheckboxModule, TranslatePipe], template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div class=\"adf-property-value\">\n <mat-checkbox [attr.data-automation-id]=\"'card-boolean-' + property.key\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.TOGGLE' | translate\"\n [checked]=\"property.displayValue\"\n [disabled]=\"!isEditable\"\n
|
|
18604
|
+
args: [{ selector: 'adf-card-view-boolitem', imports: [CommonModule, MatCheckboxModule, TranslatePipe], template: "<ng-container *ngIf=\"!property.isEmpty() || isEditable\">\n <div class=\"adf-property-value\">\n <mat-checkbox [attr.data-automation-id]=\"'card-boolean-' + property.key\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.TOGGLE' | translate\"\n [checked]=\"property.displayValue\"\n [disabled]=\"!isEditable\"\n (change)=\"changed($event)\">\n <div [attr.data-automation-id]=\"'card-boolean-label-' + property.key\"\n class=\"adf-property-label\">{{ property.label | translate }}</div>\n </mat-checkbox>\n </div>\n</ng-container>\n", styles: [".adf-property-value{padding:15px 0}\n"] }]
|
|
18605
18605
|
}], propDecorators: { editable: [{
|
|
18606
18606
|
type: Input
|
|
18607
18607
|
}] } });
|
|
@@ -18647,7 +18647,7 @@ class CardViewKeyValuePairsItemComponent extends BaseCardView {
|
|
|
18647
18647
|
}
|
|
18648
18648
|
}
|
|
18649
18649
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewKeyValuePairsItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18650
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewKeyValuePairsItemComponent, isStandalone: true, selector: "adf-card-view-key-value-pairs-item", host: { classAttribute: "adf-card-view-key-value-pairs-item" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-key-value-pairs-label-' + property.key\"\n class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-field\">\n\n <div *ngIf=\"!isEditable\" class=\"adf-card-view__key-value-pairs__read-only adf-property-value\">\n <mat-table #table [dataSource]=\"matTableValues\" class=\"mat-elevation-z8\">\n <ng-container matColumnDef=\"name\">\n <mat-header-cell *matHeaderCellDef>{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let item\">{{item.name}}</mat-cell>\n </ng-container>\n <ng-container matColumnDef=\"value\">\n <mat-header-cell *matHeaderCellDef>{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let item\">{{item.value}}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"['name', 'value']\" />\n <mat-row *matRowDef=\"let row; columns: ['name', 'value'];\" />\n </mat-table>\n </div>\n\n <div class=\"adf-card-view__key-value-pairs adf-property-value\" *ngIf=\"isEditable && values && values.length\">\n <div class=\"adf-card-view__key-value-pairs__row\">\n <div class=\"adf-property-col-key\">{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}</div>\n <div class=\"adf-property-col-value\">{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}</div>\n </div>\n\n <div class=\"adf-card-view__key-value-pairs__row\" *ngFor=\"let item of values; let i = index\">\n <input\n matInput\n class=\"adf-property-col-key adf-property-value-input\"\n placeholder=\"{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}\"\n (blur)=\"onBlur(item.value)\"\n [attr.data-automation-id]=\"'card-'+ property.key +'-name-input-' + i\"\n [(ngModel)]=\"values[i].name\">\n\n <input\n matInput\n class=\"adf-property-col-value adf-property-value-input\"\n placeholder=\"{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}\"\n (blur)=\"onBlur(item.value)\"\n [attr.data-automation-id]=\"'card-'+ property.key +'-value-input-' + i\"\n [(ngModel)]=\"values[i].value\">\n\n <button\n mat-icon-button\n (click)=\"remove(i)\"\n class=\"adf-property-col-delete\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n <div *ngIf=\"isEditable\" class=\"adf-property-value adf-card-view__key-value-pairs__add-btn-container\">\n <button (click)=\"add()\"\n mat-button\n class=\"adf-card-view__key-value-pairs__add-btn\"\n [attr.data-automation-id]=\"'card-key-value-pairs-button-' + property.key\">\n {{ 'CORE.CARDVIEW.KEYVALUEPAIRS.ADD' | translate }}\n <mat-icon>add</mat-icon>\n </button>\n </div>\n</div>\n", styles: [".adf-card-view-key-value-pairs-item .adf-property-col-key{width:50%;margin-right:4px}.adf-card-view-key-value-pairs-item .adf-property-col-value{margin-left:4px;width:50%}.adf-card-view-key-value-pairs-item .adf-property-col-delete{width:auto}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__row{display:flex;justify-content:center;align-items:center}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__add-btn-container{display:flex;justify-content:center}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__add-btn.mat-mdc-button{margin-bottom:20px}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only{padding-bottom:20px}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-table{box-shadow:none}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-header-row,.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-row{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$
|
|
18650
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewKeyValuePairsItemComponent, isStandalone: true, selector: "adf-card-view-key-value-pairs-item", host: { classAttribute: "adf-card-view-key-value-pairs-item" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-key-value-pairs-label-' + property.key\"\n class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-field\">\n\n <div *ngIf=\"!isEditable\" class=\"adf-card-view__key-value-pairs__read-only adf-property-value\">\n <mat-table #table [dataSource]=\"matTableValues\" class=\"mat-elevation-z8\">\n <ng-container matColumnDef=\"name\">\n <mat-header-cell *matHeaderCellDef>{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let item\">{{item.name}}</mat-cell>\n </ng-container>\n <ng-container matColumnDef=\"value\">\n <mat-header-cell *matHeaderCellDef>{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let item\">{{item.value}}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"['name', 'value']\" />\n <mat-row *matRowDef=\"let row; columns: ['name', 'value'];\" />\n </mat-table>\n </div>\n\n <div class=\"adf-card-view__key-value-pairs adf-property-value\" *ngIf=\"isEditable && values && values.length\">\n <div class=\"adf-card-view__key-value-pairs__row\">\n <div class=\"adf-property-col-key\">{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}</div>\n <div class=\"adf-property-col-value\">{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}</div>\n </div>\n\n <div class=\"adf-card-view__key-value-pairs__row\" *ngFor=\"let item of values; let i = index\">\n <input\n matInput\n class=\"adf-property-col-key adf-property-value-input\"\n placeholder=\"{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.NAME' | translate }}\"\n (blur)=\"onBlur(item.value)\"\n [attr.data-automation-id]=\"'card-'+ property.key +'-name-input-' + i\"\n [(ngModel)]=\"values[i].name\">\n\n <input\n matInput\n class=\"adf-property-col-value adf-property-value-input\"\n placeholder=\"{{ 'CORE.CARDVIEW.KEYVALUEPAIRS.VALUE' | translate }}\"\n (blur)=\"onBlur(item.value)\"\n [attr.data-automation-id]=\"'card-'+ property.key +'-value-input-' + i\"\n [(ngModel)]=\"values[i].value\">\n\n <button\n mat-icon-button\n (click)=\"remove(i)\"\n class=\"adf-property-col-delete\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n </div>\n <div *ngIf=\"isEditable\" class=\"adf-property-value adf-card-view__key-value-pairs__add-btn-container\">\n <button (click)=\"add()\"\n mat-button\n class=\"adf-card-view__key-value-pairs__add-btn\"\n [attr.data-automation-id]=\"'card-key-value-pairs-button-' + property.key\">\n {{ 'CORE.CARDVIEW.KEYVALUEPAIRS.ADD' | translate }}\n <mat-icon>add</mat-icon>\n </button>\n </div>\n</div>\n", styles: [".adf-card-view-key-value-pairs-item .adf-property-col-key{width:50%;margin-right:4px}.adf-card-view-key-value-pairs-item .adf-property-col-value{margin-left:4px;width:50%}.adf-card-view-key-value-pairs-item .adf-property-col-delete{width:auto}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__row{display:flex;justify-content:center;align-items:center}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__add-btn-container{display:flex;justify-content:center}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__add-btn.mat-mdc-button{margin-bottom:20px}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only{padding-bottom:20px}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-table{box-shadow:none}.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-header-row,.adf-card-view-key-value-pairs-item .adf-card-view__key-value-pairs__read-only .mat-mdc-row{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18651
18651
|
}
|
|
18652
18652
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewKeyValuePairsItemComponent, decorators: [{
|
|
18653
18653
|
type: Component,
|
|
@@ -18686,11 +18686,11 @@ class CardViewArrayItemComponent extends BaseCardView {
|
|
|
18686
18686
|
return !!this.property.clickable;
|
|
18687
18687
|
}
|
|
18688
18688
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewArrayItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18689
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewArrayItemComponent, isStandalone: true, selector: "adf-card-view-arrayitem", usesInheritance: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-
|
|
18689
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewArrayItemComponent, isStandalone: true, selector: "adf-card-view-arrayitem", usesInheritance: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;border-color:var(--mat-sys-outline-variant);border-radius:0}.adf-card-view-array-item-container .mat-mdc-chip:hover{cursor:pointer}.adf-card-view-array-chip-content{display:flex;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i8.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18690
18690
|
}
|
|
18691
18691
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewArrayItemComponent, decorators: [{
|
|
18692
18692
|
type: Component,
|
|
18693
|
-
args: [{ selector: 'adf-card-view-arrayitem', imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-
|
|
18693
|
+
args: [{ selector: 'adf-card-view-arrayitem', imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;border-color:var(--mat-sys-outline-variant);border-radius:0}.adf-card-view-array-item-container .mat-mdc-chip:hover{cursor:pointer}.adf-card-view-array-chip-content{display:flex;cursor:pointer}\n"] }]
|
|
18694
18694
|
}] });
|
|
18695
18695
|
|
|
18696
18696
|
/*!
|
|
@@ -18873,11 +18873,11 @@ class CardViewComponent {
|
|
|
18873
18873
|
this.displayLabelForChips = false;
|
|
18874
18874
|
}
|
|
18875
18875
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18876
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--
|
|
18876
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--mat-sys-outline);border-radius:0}.adf-property-list .adf-property-label{display:flex;line-height:20px;margin-bottom:4px}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value{color:var(--mat-sys-surface-dim)}.adf-property-list .adf-property-value-input{box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CardViewItemDispatcherComponent, selector: "adf-card-view-item-dispatcher", inputs: ["property", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18877
18877
|
}
|
|
18878
18878
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CardViewComponent, decorators: [{
|
|
18879
18879
|
type: Component,
|
|
18880
|
-
args: [{ selector: 'adf-card-view', imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--
|
|
18880
|
+
args: [{ selector: 'adf-card-view', imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--mat-sys-outline);border-radius:0}.adf-property-list .adf-property-label{display:flex;line-height:20px;margin-bottom:4px}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field .mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element{text-overflow:ellipsis;line-height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-input-element.adf-property-value-editable{padding:6px 0 6px 12px}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value.adf-property-value-editable{box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value{color:var(--mat-sys-surface-dim)}.adf-property-list .adf-property-value-input{box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"] }]
|
|
18881
18881
|
}], propDecorators: { properties: [{
|
|
18882
18882
|
type: Input,
|
|
18883
18883
|
args: [{ required: true }]
|
|
@@ -22656,7 +22656,7 @@ class UnknownWidgetComponent extends WidgetComponent {
|
|
|
22656
22656
|
<span class="adf-unknown-text">Unknown type: {{ field.type }}</span>
|
|
22657
22657
|
</mat-list-item>
|
|
22658
22658
|
</mat-list>
|
|
22659
|
-
`, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$
|
|
22659
|
+
`, isInline: true, styles: [".adf-unknown-text{margin-left:10px;color:red}.adf-unknown-widget{margin:42px}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$8.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$8.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22660
22660
|
}
|
|
22661
22661
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnknownWidgetComponent, decorators: [{
|
|
22662
22662
|
type: Component,
|
|
@@ -22879,7 +22879,7 @@ class AmountWidgetComponent extends WidgetComponent {
|
|
|
22879
22879
|
this.showReadonlyPlaceholder = data?.showReadonlyPlaceholder;
|
|
22880
22880
|
}
|
|
22881
22881
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, deps: [{ token: FormService }, { token: ADF_AMOUNT_SETTINGS, optional: true }, { token: i1.CurrencyPipe }, { token: TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22882
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [CurrencyPipe], usesInheritance: true, ngImport: i0, template: "<div\n class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n </div>\n <div class=\"adf-amount-widget-container\">\n <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n @if(!enableDisplayBasedOnLocale) {\n <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }} </span>\n }\n <input\n matInput\n [title]=\"field.tooltip\"\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [placeholder]=\"placeholder\"\n [value]=\"amountWidgetValue\"\n [(ngModel)]=\"amountWidgetValue\"\n (ngModelChange)=\"onFieldChangedAmountWidget()\"\n [disabled]=\"field.readOnly\"\n (focus)=\"amountWidgetOnFocus()\"\n (blur)=\"amountWidgetOnBlur()\"\n />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}
|
|
22882
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: AmountWidgetComponent, isStandalone: true, selector: "amount-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [CurrencyPipe], usesInheritance: true, ngImport: i0, template: "<div\n class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n </div>\n <div class=\"adf-amount-widget-container\">\n <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n @if(!enableDisplayBasedOnLocale) {\n <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }} </span>\n }\n <input\n matInput\n [title]=\"field.tooltip\"\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [placeholder]=\"placeholder\"\n [value]=\"amountWidgetValue\"\n [(ngModel)]=\"amountWidgetValue\"\n (ngModelChange)=\"onFieldChangedAmountWidget()\"\n [disabled]=\"field.readOnly\"\n (focus)=\"amountWidgetOnFocus()\"\n (blur)=\"amountWidgetOnBlur()\"\n />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22883
22883
|
}
|
|
22884
22884
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AmountWidgetComponent, decorators: [{
|
|
22885
22885
|
type: Component,
|
|
@@ -22893,7 +22893,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
22893
22893
|
'(input)': 'event($event)',
|
|
22894
22894
|
'(invalid)': 'event($event)',
|
|
22895
22895
|
'(select)': 'event($event)'
|
|
22896
|
-
}, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], providers: [CurrencyPipe], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n </div>\n <div class=\"adf-amount-widget-container\">\n <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n @if(!enableDisplayBasedOnLocale) {\n <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }} </span>\n }\n <input\n matInput\n [title]=\"field.tooltip\"\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [placeholder]=\"placeholder\"\n [value]=\"amountWidgetValue\"\n [(ngModel)]=\"amountWidgetValue\"\n (ngModelChange)=\"onFieldChangedAmountWidget()\"\n [disabled]=\"field.readOnly\"\n (focus)=\"amountWidgetOnFocus()\"\n (blur)=\"amountWidgetOnBlur()\"\n />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}
|
|
22896
|
+
}, imports: [MatFormFieldModule, MatInputModule, FormsModule, ErrorWidgetComponent, TranslatePipe, NgIf], providers: [CurrencyPipe], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-amount-widget__container adf-amount-widget {{field.className}}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\"\n>\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\"\n >{{field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span></label\n >\n </div>\n <div class=\"adf-amount-widget-container\">\n <mat-form-field class=\"adf-amount-widget__input adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{field.name | translate }}</mat-label> }\n @if(!enableDisplayBasedOnLocale) {\n <span matTextPrefix class=\"adf-amount-widget__prefix-spacing\">{{ currency }} </span>\n }\n <input\n matInput\n [title]=\"field.tooltip\"\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [placeholder]=\"placeholder\"\n [value]=\"amountWidgetValue\"\n [(ngModel)]=\"amountWidgetValue\"\n (ngModelChange)=\"onFieldChangedAmountWidget()\"\n [disabled]=\"field.readOnly\"\n (focus)=\"amountWidgetOnFocus()\"\n (blur)=\"amountWidgetOnBlur()\"\n />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-amount-widget{width:100%}.adf-amount-widget .adf-left-label{line-height:36px}.adf-amount-widget-container{display:grid;align-items:flex-start}.adf-amount-widget__input .mat-focused{transition:none}.adf-amount-widget__input .adf-input{margin-top:3px}\n"] }]
|
|
22897
22897
|
}], ctorParameters: () => [{ type: FormService }, { type: undefined, decorators: [{
|
|
22898
22898
|
type: Optional
|
|
22899
22899
|
}, {
|
|
@@ -22924,7 +22924,7 @@ class CheckboxWidgetComponent extends WidgetComponent {
|
|
|
22924
22924
|
this.formService = formService;
|
|
22925
22925
|
}
|
|
22926
22926
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22927
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxWidgetComponent, isStandalone: true, selector: "checkbox-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"field.className\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\" class=\"adf-checkbox-widget-container\"\n>\n <mat-checkbox [id]=\"field.id\"\n
|
|
22927
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CheckboxWidgetComponent, isStandalone: true, selector: "checkbox-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"field.className\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\" class=\"adf-checkbox-widget-container\"\n>\n <mat-checkbox [id]=\"field.id\"\n class=\"adf-checkbox\"\n [required]=\"isRequired()\"\n [disabled]=\"field.readOnly || readOnly\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [title]=\"field.tooltip\"\n (click)=\"markAsTouched()\"\n >\n {{ field.name | translate }}\n <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </mat-checkbox>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-checkbox-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n", ".adf-checkbox{word-break:break-word}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22928
22928
|
}
|
|
22929
22929
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CheckboxWidgetComponent, decorators: [{
|
|
22930
22930
|
type: Component,
|
|
@@ -22938,7 +22938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
22938
22938
|
'(input)': 'event($event)',
|
|
22939
22939
|
'(invalid)': 'event($event)',
|
|
22940
22940
|
'(select)': 'event($event)'
|
|
22941
|
-
}, imports: [NgClass, MatCheckboxModule, FormsModule, TranslatePipe, ErrorWidgetComponent, NgIf], encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"field.className\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\" class=\"adf-checkbox-widget-container\"\n>\n <mat-checkbox [id]=\"field.id\"\n
|
|
22941
|
+
}, imports: [NgClass, MatCheckboxModule, FormsModule, TranslatePipe, ErrorWidgetComponent, NgIf], encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"field.className\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\" class=\"adf-checkbox-widget-container\"\n>\n <mat-checkbox [id]=\"field.id\"\n class=\"adf-checkbox\"\n [required]=\"isRequired()\"\n [disabled]=\"field.readOnly || readOnly\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [title]=\"field.tooltip\"\n (click)=\"markAsTouched()\"\n >\n {{ field.name | translate }}\n <span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </mat-checkbox>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-checkbox-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n", ".adf-checkbox{word-break:break-word}\n"] }]
|
|
22942
22942
|
}], ctorParameters: () => [{ type: FormService }] });
|
|
22943
22943
|
|
|
22944
22944
|
/*!
|
|
@@ -23063,7 +23063,7 @@ class DateWidgetComponent extends WidgetComponent {
|
|
|
23063
23063
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DateWidgetComponent, isStandalone: true, selector: "date-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [
|
|
23064
23064
|
{ provide: MAT_DATE_FORMATS, useValue: ADF_DATE_FORMATS },
|
|
23065
23065
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter }
|
|
23066
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"{{ field.className }} date-widget-container\" id=\"data-widget\" [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\">\n <mat-form-field [floatLabel]=\"'always'\" class=\"adf-date-widget adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n <mat-label class=\"adf-label\"\n [id]=\"field.id + '-label'\"\n [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n <input matInput\n [matDatepicker]=\"datePicker\"\n [id]=\"field.id\"\n [formControl]=\"dateInputControl\"\n [placeholder]=\"field.placeholder\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [required]=\"field.required && field.isVisible\"\n [readonly]=\"field.readOnly\"\n />\n <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n <mat-datepicker #datePicker\n [startAt]=\"startAt\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget\n *ngIf=\"dateInputControl.invalid && dateInputControl.touched\"\n [error]=\"field.validationSummary\"\n />\n </div>\n</div>\n", styles: [".adf-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$
|
|
23066
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"{{ field.className }} date-widget-container\" id=\"data-widget\" [class.adf-invalid]=\"dateInputControl.invalid && dateInputControl.touched\">\n <mat-form-field [floatLabel]=\"'always'\" class=\"adf-date-widget adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n <mat-label class=\"adf-label\"\n [id]=\"field.id + '-label'\"\n [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n <input matInput\n [matDatepicker]=\"datePicker\"\n [id]=\"field.id\"\n [formControl]=\"dateInputControl\"\n [placeholder]=\"field.placeholder\"\n [min]=\"minDate\"\n [max]=\"maxDate\"\n [required]=\"field.required && field.isVisible\"\n [readonly]=\"field.readOnly\"\n />\n <mat-datepicker-toggle matSuffix [for]=\"datePicker\" [disabled]=\"field.readOnly\" />\n <mat-datepicker #datePicker\n [startAt]=\"startAt\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget\n *ngIf=\"dateInputControl.invalid && dateInputControl.touched\"\n [error]=\"field.validationSummary\"\n />\n </div>\n</div>\n", styles: [".adf-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i3$5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23067
23067
|
}
|
|
23068
23068
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateWidgetComponent, decorators: [{
|
|
23069
23069
|
type: Component,
|
|
@@ -23106,7 +23106,7 @@ class DisplayTextWidgetComponent extends WidgetComponent {
|
|
|
23106
23106
|
this.formService = formService;
|
|
23107
23107
|
}
|
|
23108
23108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayTextWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DisplayTextWidgetComponent, isStandalone: true, selector: "display-text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [title]=\"field.tooltip\" [class]=\"'adf-display-text-widget '+ field.className\">{{ field.value | translate }}</div>\n", styles: [".adf-display-text-widget{white-space:pre-wrap;
|
|
23109
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DisplayTextWidgetComponent, isStandalone: true, selector: "display-text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [title]=\"field.tooltip\" [class]=\"'adf-display-text-widget '+ field.className\">{{ field.value | translate }}</div>\n", styles: [".adf-display-text-widget{white-space:pre-wrap;line-height:normal;word-break:break-word;position:relative;top:3px}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23110
23110
|
}
|
|
23111
23111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DisplayTextWidgetComponent, decorators: [{
|
|
23112
23112
|
type: Component,
|
|
@@ -23120,7 +23120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23120
23120
|
'(input)': 'event($event)',
|
|
23121
23121
|
'(invalid)': 'event($event)',
|
|
23122
23122
|
'(select)': 'event($event)'
|
|
23123
|
-
}, imports: [TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div [title]=\"field.tooltip\" [class]=\"'adf-display-text-widget '+ field.className\">{{ field.value | translate }}</div>\n", styles: [".adf-display-text-widget{white-space:pre-wrap;
|
|
23123
|
+
}, imports: [TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div [title]=\"field.tooltip\" [class]=\"'adf-display-text-widget '+ field.className\">{{ field.value | translate }}</div>\n", styles: [".adf-display-text-widget{white-space:pre-wrap;line-height:normal;word-break:break-word;position:relative;top:3px}\n"] }]
|
|
23124
23124
|
}], ctorParameters: () => [{ type: FormService }] });
|
|
23125
23125
|
|
|
23126
23126
|
/*!
|
|
@@ -23169,7 +23169,7 @@ class HyperlinkWidgetComponent extends WidgetComponent {
|
|
|
23169
23169
|
return null;
|
|
23170
23170
|
}
|
|
23171
23171
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HyperlinkWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23172
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HyperlinkWidgetComponent, isStandalone: true, selector: "hyperlink-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-hyperlink-widget {{field.className}}\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n <div [title]=\"field.tooltip\">\n <a [href]=\"linkUrl\" target=\"_blank\" rel=\"nofollow\">{{ linkText }}</a>\n </div>\n</div>\n", styles: [".adf-hyperlink-widget{padding:.4375em 0;border-top:.8438em solid transparent}.adf-hyperlink-widget a{color:var(--
|
|
23172
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HyperlinkWidgetComponent, isStandalone: true, selector: "hyperlink-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-hyperlink-widget {{field.className}}\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n <div [title]=\"field.tooltip\">\n <a [href]=\"linkUrl\" target=\"_blank\" rel=\"nofollow\">{{ linkText }}</a>\n </div>\n</div>\n", styles: [".adf-hyperlink-widget{padding:.4375em 0;border-top:.8438em solid transparent}.adf-hyperlink-widget a{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23173
23173
|
}
|
|
23174
23174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HyperlinkWidgetComponent, decorators: [{
|
|
23175
23175
|
type: Component,
|
|
@@ -23183,7 +23183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23183
23183
|
'(input)': 'event($event)',
|
|
23184
23184
|
'(invalid)': 'event($event)',
|
|
23185
23185
|
'(select)': 'event($event)'
|
|
23186
|
-
}, imports: [TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-hyperlink-widget {{field.className}}\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n <div [title]=\"field.tooltip\">\n <a [href]=\"linkUrl\" target=\"_blank\" rel=\"nofollow\">{{ linkText }}</a>\n </div>\n</div>\n", styles: [".adf-hyperlink-widget{padding:.4375em 0;border-top:.8438em solid transparent}.adf-hyperlink-widget a{color:var(--
|
|
23186
|
+
}, imports: [TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-hyperlink-widget {{field.className}}\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n <div [title]=\"field.tooltip\">\n <a [href]=\"linkUrl\" target=\"_blank\" rel=\"nofollow\">{{ linkText }}</a>\n </div>\n</div>\n", styles: [".adf-hyperlink-widget{padding:.4375em 0;border-top:.8438em solid transparent}.adf-hyperlink-widget a{color:var(--mat-sys-primary)}\n"] }]
|
|
23187
23187
|
}], ctorParameters: () => [{ type: FormService }] });
|
|
23188
23188
|
|
|
23189
23189
|
/*!
|
|
@@ -23209,7 +23209,7 @@ class MultilineTextWidgetComponentComponent extends WidgetComponent {
|
|
|
23209
23209
|
this.formService = formService;
|
|
23210
23210
|
}
|
|
23211
23211
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MultilineTextWidgetComponentComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: MultilineTextWidgetComponentComponent, isStandalone: true, selector: "multiline-text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"adf-multiline-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n>\n <mat-form-field\n floatPlaceholder=\"never\"\n class=\"adf-form-field-input\"\n [floatLabel]=\"field.placeholder ? 'always' : null\"\n >\n @if(field.name || field.required) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n }\n <textarea\n matInput\n class=\"adf-input\"\n [cdkTextareaAutosize]=\"true\"\n type=\"text\"\n rows=\"3\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\"\n >\n </textarea>\n </mat-form-field>\n <div *ngIf=\"field.maxLength > 0\" class=\"adf-multiline-word-counter\">\n <span class=\"adf-multiline-word-counter-value\">{{ field?.value?.length || 0 }}/{{ field.maxLength }}</span>\n </div>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n class=\"adf-multiline-required-message\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-multiline-text-widget{width:100%;display:flex;align-items:flex-start;flex-direction:column}.adf-multiline-text-widget .adf-label{top:20px}.adf-multiline-word-counter:has(.adf-multiline-word-counter-value){float:right;margin-top:-20px;min-height:24px;min-width:1px;font-size:var(--
|
|
23212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: MultilineTextWidgetComponentComponent, isStandalone: true, selector: "multiline-text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div\n class=\"adf-multiline-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n>\n <mat-form-field\n floatPlaceholder=\"never\"\n class=\"adf-form-field-input\"\n [floatLabel]=\"field.placeholder ? 'always' : null\"\n >\n @if(field.name || field.required) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n }\n <textarea\n matInput\n class=\"adf-input\"\n [cdkTextareaAutosize]=\"true\"\n type=\"text\"\n rows=\"3\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\"\n >\n </textarea>\n </mat-form-field>\n <div *ngIf=\"field.maxLength > 0\" class=\"adf-multiline-word-counter\">\n <span class=\"adf-multiline-word-counter-value\">{{ field?.value?.length || 0 }}/{{ field.maxLength }}</span>\n </div>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n class=\"adf-multiline-required-message\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-multiline-text-widget{width:100%;display:flex;align-items:flex-start;flex-direction:column}.adf-multiline-text-widget .adf-label{top:20px}.adf-multiline-word-counter:has(.adf-multiline-word-counter-value){float:right;margin-top:-20px;min-height:24px;min-width:1px;font-size:var(--mat-sys-body-small-size);line-height:14px;overflow:hidden;transition:all .3s cubic-bezier(.55,0,.55,.2);opacity:1;padding-top:5px;text-align:right;padding-right:2px;padding-left:0}.adf-multiline-required-message{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: i6.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23213
23213
|
}
|
|
23214
23214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MultilineTextWidgetComponentComponent, decorators: [{
|
|
23215
23215
|
type: Component,
|
|
@@ -23223,7 +23223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23223
23223
|
'(input)': 'event($event)',
|
|
23224
23224
|
'(invalid)': 'event($event)',
|
|
23225
23225
|
'(select)': 'event($event)'
|
|
23226
|
-
}, imports: [MatFormFieldModule, NgIf, TranslatePipe, MatInputModule, FormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-multiline-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n>\n <mat-form-field\n floatPlaceholder=\"never\"\n class=\"adf-form-field-input\"\n [floatLabel]=\"field.placeholder ? 'always' : null\"\n >\n @if(field.name || field.required) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n }\n <textarea\n matInput\n class=\"adf-input\"\n [cdkTextareaAutosize]=\"true\"\n type=\"text\"\n rows=\"3\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\"\n >\n </textarea>\n </mat-form-field>\n <div *ngIf=\"field.maxLength > 0\" class=\"adf-multiline-word-counter\">\n <span class=\"adf-multiline-word-counter-value\">{{ field?.value?.length || 0 }}/{{ field.maxLength }}</span>\n </div>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n class=\"adf-multiline-required-message\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-multiline-text-widget{width:100%;display:flex;align-items:flex-start;flex-direction:column}.adf-multiline-text-widget .adf-label{top:20px}.adf-multiline-word-counter:has(.adf-multiline-word-counter-value){float:right;margin-top:-20px;min-height:24px;min-width:1px;font-size:var(--
|
|
23226
|
+
}, imports: [MatFormFieldModule, NgIf, TranslatePipe, MatInputModule, FormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-multiline-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n>\n <mat-form-field\n floatPlaceholder=\"never\"\n class=\"adf-form-field-input\"\n [floatLabel]=\"field.placeholder ? 'always' : null\"\n >\n @if(field.name || field.required) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\"> {{ field.name | translate }} </mat-label>\n }\n <textarea\n matInput\n class=\"adf-input\"\n [cdkTextareaAutosize]=\"true\"\n type=\"text\"\n rows=\"3\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\"\n >\n </textarea>\n </mat-form-field>\n <div *ngIf=\"field.maxLength > 0\" class=\"adf-multiline-word-counter\">\n <span class=\"adf-multiline-word-counter-value\">{{ field?.value?.length || 0 }}/{{ field.maxLength }}</span>\n </div>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n class=\"adf-multiline-required-message\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n</div>\n", styles: [".adf-multiline-text-widget{width:100%;display:flex;align-items:flex-start;flex-direction:column}.adf-multiline-text-widget .adf-label{top:20px}.adf-multiline-word-counter:has(.adf-multiline-word-counter-value){float:right;margin-top:-20px;min-height:24px;min-width:1px;font-size:var(--mat-sys-body-small-size);line-height:14px;overflow:hidden;transition:all .3s cubic-bezier(.55,0,.55,.2);opacity:1;padding-top:5px;text-align:right;padding-right:2px;padding-left:0}.adf-multiline-required-message{display:flex}\n"] }]
|
|
23227
23227
|
}], ctorParameters: () => [{ type: FormService }] });
|
|
23228
23228
|
|
|
23229
23229
|
/*!
|
|
@@ -23264,7 +23264,7 @@ class NumberWidgetComponent extends WidgetComponent {
|
|
|
23264
23264
|
this.onFieldChanged(this.field);
|
|
23265
23265
|
}
|
|
23266
23266
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberWidgetComponent, deps: [{ token: FormService }, { token: DecimalNumberPipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: NumberWidgetComponent, isStandalone: true, selector: "number-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [DecimalNumberPipe], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-number-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\"\n [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-number-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || this.field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [value]=\"displayValue\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onNumberChange($event)\"\n [disabled]=\"field.readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\">\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-number-widget{width:100%}.adf-number-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-number-widget .adf-label{top:20px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$
|
|
23267
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: NumberWidgetComponent, isStandalone: true, selector: "number-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, providers: [DecimalNumberPipe], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-number-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\"\n [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-number-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || this.field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n pattern=\"-?[0-9]*(\\.[0-9]+)?\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [value]=\"displayValue\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onNumberChange($event)\"\n [disabled]=\"field.readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\">\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-number-widget{width:100%}.adf-number-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-number-widget .adf-label{top:20px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23268
23268
|
}
|
|
23269
23269
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberWidgetComponent, decorators: [{
|
|
23270
23270
|
type: Component,
|
|
@@ -23531,7 +23531,7 @@ class TextWidgetComponent extends WidgetComponent {
|
|
|
23531
23531
|
}
|
|
23532
23532
|
}
|
|
23533
23533
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23534
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TextWidgetComponent, isStandalone: true, selector: "text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-text-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || this.field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [value]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [textMask]=\"{mask: mask, isReversed: isMaskReversed}\"\n [placeholder]=\"placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\">\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n </div>\n </div>\n</div>\n", styles: [".adf-text-widget{width:100%}.adf-text-widget .mat-mdc-floating-label{top:20px}.adf-text-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$
|
|
23534
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: TextWidgetComponent, isStandalone: true, selector: "text-widget", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-text-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-text-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"placeholder ? 'always' : null\">\n @if ( (field.name || this.field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n [id]=\"field.id\"\n [required]=\"field.required\"\n [value]=\"field.value\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly || readOnly\"\n [textMask]=\"{mask: mask, isReversed: isMaskReversed}\"\n [placeholder]=\"placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\">\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\" />\n </div>\n </div>\n</div>\n", styles: [".adf-text-widget{width:100%}.adf-text-widget .mat-mdc-floating-label{top:20px}.adf-text-widget-container{display:flex;align-items:flex-start;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }, { kind: "directive", type: InputMaskDirective, selector: "[adf-text-mask], [textMask]", inputs: ["textMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23535
23535
|
}
|
|
23536
23536
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TextWidgetComponent, decorators: [{
|
|
23537
23537
|
type: Component,
|
|
@@ -23670,7 +23670,7 @@ class DateTimeWidgetComponent extends WidgetComponent {
|
|
|
23670
23670
|
{ provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
|
|
23671
23671
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
23672
23672
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
23673
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"{{ field.className }}\"\n id=\"data-time-widget\"\n [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-date-time-widget-container\">\n <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n [matDatetimepicker]=\"datetimePicker\"\n [readonly]=\"field.readOnly\"\n [required]=\"field.required && field.isVisible\"\n [id]=\"field.id\"\n [formControl]=\"datetimeInputControl\"\n (keydown.enter)=\"datetimePicker.open()\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n [min]=\"minDate\"\n [max]=\"maxDate\">\n <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n [disabled]=\"field.readOnly\" />\n <mat-datetimepicker #datetimePicker\n data-automation-id=\"adf-date-time-widget-picker\"\n type=\"datetime\"\n [touchUi]=\"true\"\n [timeInterval]=\"5\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n </div>\n </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--
|
|
23673
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"{{ field.className }}\"\n id=\"data-time-widget\"\n [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-date-time-widget-container\">\n <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n [matDatetimepicker]=\"datetimePicker\"\n [readonly]=\"field.readOnly\"\n [required]=\"field.required && field.isVisible\"\n [id]=\"field.id\"\n [formControl]=\"datetimeInputControl\"\n (keydown.enter)=\"datetimePicker.open()\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n [min]=\"minDate\"\n [max]=\"maxDate\">\n <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n [disabled]=\"field.readOnly\" />\n <mat-datetimepicker #datetimePicker\n data-automation-id=\"adf-date-time-widget-picker\"\n type=\"datetime\"\n [touchUi]=\"true\"\n [timeInterval]=\"5\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n </div>\n </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--mat-sys-on-surface)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i7$1.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i7$1.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i7$1.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23674
23674
|
}
|
|
23675
23675
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DateTimeWidgetComponent, decorators: [{
|
|
23676
23676
|
type: Component,
|
|
@@ -23681,7 +23681,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23681
23681
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
23682
23682
|
], host: {
|
|
23683
23683
|
'(click)': 'event($event)'
|
|
23684
|
-
}, imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"{{ field.className }}\"\n id=\"data-time-widget\"\n [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-date-time-widget-container\">\n <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n [matDatetimepicker]=\"datetimePicker\"\n [readonly]=\"field.readOnly\"\n [required]=\"field.required && field.isVisible\"\n [id]=\"field.id\"\n [formControl]=\"datetimeInputControl\"\n (keydown.enter)=\"datetimePicker.open()\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n [min]=\"minDate\"\n [max]=\"maxDate\">\n <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n [disabled]=\"field.readOnly\" />\n <mat-datetimepicker #datetimePicker\n data-automation-id=\"adf-date-time-widget-picker\"\n type=\"datetime\"\n [touchUi]=\"true\"\n [timeInterval]=\"5\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n </div>\n </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--
|
|
23684
|
+
}, imports: [NgIf, TranslatePipe, MatFormFieldModule, MatInputModule, MatDatetimepickerModule, ReactiveFormsModule, ErrorWidgetComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"{{ field.className }}\"\n id=\"data-time-widget\"\n [class.adf-invalid]=\"datetimeInputControl.invalid && datetimeInputControl.touched\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n <div class=\"adf-date-time-widget-container\">\n <mat-form-field class=\"adf-date-time-widget adf-form-field-input\"\n [class.adf-left-label-input-datepicker]=\"field.leftLabels\"\n [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if( (field.name || field?.required) && !field.leftLabels) {\n <mat-label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }} ({{ field.dateDisplayFormat }})\n </mat-label>\n }\n <input matInput\n class=\"adf-input\"\n [matDatetimepicker]=\"datetimePicker\"\n [readonly]=\"field.readOnly\"\n [required]=\"field.required && field.isVisible\"\n [id]=\"field.id\"\n [formControl]=\"datetimeInputControl\"\n (keydown.enter)=\"datetimePicker.open()\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n [min]=\"minDate\"\n [max]=\"maxDate\">\n <mat-datetimepicker-toggle matSuffix [for]=\"datetimePicker\"\n [disabled]=\"field.readOnly\" />\n <mat-datetimepicker #datetimePicker\n data-automation-id=\"adf-date-time-widget-picker\"\n type=\"datetime\"\n [touchUi]=\"true\"\n [timeInterval]=\"5\"\n [disabled]=\"field.readOnly\" />\n </mat-form-field>\n <div class=\"adf-error-messages-container\">\n <error-widget *ngIf=\"datetimeInputControl.invalid && datetimeInputControl.touched\" [error]=\"field.validationSummary\" />\n </div>\n </div>\n</div>\n", styles: [".adf-date-time-widget-container{display:grid;align-items:flex-start}.adf-date-time-widget .mat-mdc-form-field-text-suffix{top:26px}.adf-date-time-widget .mat-mdc-floating-label{top:20px}.adf-left-label-input-datepicker .mat-mdc-form-field-text-suffix{top:0}.adf-left-label-input-datepicker .mat-mdc-form-text-infix{width:100%}.mat-datetimepicker-toggle{color:var(--mat-sys-on-surface)}\n"] }]
|
|
23685
23685
|
}] });
|
|
23686
23686
|
|
|
23687
23687
|
/*!
|
|
@@ -23721,7 +23721,7 @@ class JsonWidgetComponent extends WidgetComponent {
|
|
|
23721
23721
|
});
|
|
23722
23722
|
}
|
|
23723
23723
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JsonWidgetComponent, deps: [{ token: FormService }, { token: i1$7.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: JsonWidgetComponent, isStandalone: true, selector: "ng-component", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-json-widget\">\n <div class=\"adf-json-widget-label\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </label>\n </div>\n <button mat-raised-button
|
|
23724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: JsonWidgetComponent, isStandalone: true, selector: "ng-component", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-json-widget\">\n <div class=\"adf-json-widget-label\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </label>\n </div>\n <button mat-raised-button (click)=\"view()\">json</button>\n</div>", styles: [".adf-json-widget{width:100%}.adf-json-widget-label .adf-label{-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23725
23725
|
}
|
|
23726
23726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: JsonWidgetComponent, decorators: [{
|
|
23727
23727
|
type: Component,
|
|
@@ -23735,7 +23735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23735
23735
|
'(input)': 'event($event)',
|
|
23736
23736
|
'(invalid)': 'event($event)',
|
|
23737
23737
|
'(select)': 'event($event)'
|
|
23738
|
-
}, imports: [TranslatePipe, MatFormFieldModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-json-widget\">\n <div class=\"adf-json-widget-label\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </label>\n </div>\n <button mat-raised-button
|
|
23738
|
+
}, imports: [TranslatePipe, MatFormFieldModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-json-widget\">\n <div class=\"adf-json-widget-label\">\n <label class=\"adf-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}\n </label>\n </div>\n <button mat-raised-button (click)=\"view()\">json</button>\n</div>", styles: [".adf-json-widget{width:100%}.adf-json-widget-label .adf-label{-webkit-font-smoothing:antialiased}\n"] }]
|
|
23739
23739
|
}], ctorParameters: () => [{ type: FormService }, { type: i1$7.MatDialog }] });
|
|
23740
23740
|
|
|
23741
23741
|
/*!
|
|
@@ -23802,7 +23802,7 @@ class DecimalWidgetComponent extends WidgetComponent {
|
|
|
23802
23802
|
this.formService = formService;
|
|
23803
23803
|
}
|
|
23804
23804
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DecimalWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DecimalWidgetComponent, isStandalone: true, selector: "adf-decimal", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-decimal-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n\n <div class=\"adf-decimal-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label> }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n pattern=\"-?[0-9]*(\\.[0-9]*)?\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\" />\n </mat-form-field>\n\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-decimal-widget{width:100%}.adf-decimal-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-decimal-widget .adf-label{top:20px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$
|
|
23805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: DecimalWidgetComponent, isStandalone: true, selector: "adf-decimal", host: { listeners: { "click": "event($event)", "blur": "event($event)", "change": "event($event)", "focus": "event($event)", "focusin": "event($event)", "focusout": "event($event)", "input": "event($event)", "invalid": "event($event)", "select": "event($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"adf-textfield adf-decimal-widget {{ field.className }}\"\n [class.adf-invalid]=\"!field.isValid && isTouched()\"\n [class.adf-readonly]=\"field.readOnly\"\n [class.adf-left-label-input-container]=\"field.leftLabels\">\n <div *ngIf=\"field.leftLabels\">\n <label class=\"adf-label adf-left-label\" [attr.for]=\"field.id\">\n {{ field.name | translate }}<span class=\"adf-asterisk\" [style.visibility]=\"isRequired() ? 'visible' : 'hidden'\">*</span>\n </label>\n </div>\n\n <div class=\"adf-decimal-widget-container\">\n <mat-form-field class=\"adf-form-field-input\" [floatLabel]=\"field.placeholder ? 'always' : null\">\n @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class=\"adf-label\" [attr.for]=\"field.id\">{{ field.name | translate }}</mat-label> }\n <input matInput\n class=\"adf-input\"\n type=\"text\"\n pattern=\"-?[0-9]*(\\.[0-9]*)?\"\n [id]=\"field.id\"\n [required]=\"field.required && field.isVisible\"\n [(ngModel)]=\"field.value\"\n (ngModelChange)=\"onFieldChanged(field)\"\n [disabled]=\"field.readOnly\"\n [placeholder]=\"field.placeholder\"\n [title]=\"field.tooltip\"\n (blur)=\"markAsTouched()\" />\n </mat-form-field>\n\n <div class=\"adf-error-messages-container\">\n <error-widget [error]=\"field.validationSummary\" />\n <error-widget\n *ngIf=\"isInvalidFieldRequired() && isTouched()\"\n required=\"{{ 'FORM.FIELD.REQUIRED' | translate }}\"\n />\n </div>\n </div>\n</div>\n", styles: [".adf-decimal-widget{width:100%}.adf-decimal-widget-container{display:flex;align-items:flex-start;flex-direction:column}.adf-decimal-widget .adf-label{top:20px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ErrorWidgetComponent, selector: "error-widget", inputs: ["error", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23806
23806
|
}
|
|
23807
23807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DecimalWidgetComponent, decorators: [{
|
|
23808
23808
|
type: Component,
|
|
@@ -23849,7 +23849,7 @@ class ButtonWidgetComponent extends WidgetComponent {
|
|
|
23849
23849
|
this.event(event);
|
|
23850
23850
|
}
|
|
23851
23851
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, deps: [{ token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23852
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonWidgetComponent, isStandalone: true, selector: "button-widget", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n mat-flat-button\n class=\"adf-button-widget__button\"\n [color]=\"'primary'\"\n [matTooltip]=\"field?.tooltip\"\n [matTooltipShowDelay]=\"tooltipShowDelay\"\n [disabled]=\"field?.readOnly ?? false\"\n (click)=\"onClick($event)\"\n>\n {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
23852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ButtonWidgetComponent, isStandalone: true, selector: "button-widget", host: { properties: { "class": "hostClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n mat-flat-button\n class=\"adf-button-widget__button\"\n [color]=\"'primary'\"\n [matTooltip]=\"field?.tooltip\"\n [matTooltipShowDelay]=\"tooltipShowDelay\"\n [disabled]=\"field?.readOnly ?? false\"\n (click)=\"onClick($event)\"\n>\n {{ field?.name | translate }}\n</button>\n", styles: [".adf-button-widget{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-height:96px}.adf-button-widget__button{margin-bottom:32px;word-break:break-word;overflow:hidden}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
23853
23853
|
}
|
|
23854
23854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ButtonWidgetComponent, decorators: [{
|
|
23855
23855
|
type: Component,
|
|
@@ -24128,11 +24128,11 @@ class HeaderWidgetComponent {
|
|
|
24128
24128
|
}
|
|
24129
24129
|
}
|
|
24130
24130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: HeaderWidgetComponent, isStandalone: true, selector: "adf-header-widget", inputs: { element: "element" }, ngImport: i0, template: "@if (element?.isTypeFieldGroup) {\n <div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-header\">\n @if (element?.hideHeader) {\n <div>\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n </div>\n } @else {\n <h4\n id=\"container-header\"\n class=\"adf-container-widget-header__text\"\n [class.adf-collapsible]=\"element?.isCollapsible\"\n >\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n <span\n [id]=\"'container-header-label-' + element?.id\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"onExpanderClicked(element)\"\n (click)=\"onExpanderClicked(element)\"\n >\n {{ element.name | translate }}\n </span>\n </h4>\n }\n\n <ng-template #expandButton let-element>\n @if (element?.isCollapsible) {\n <button\n mat-icon-button\n class=\"mdl-button--icon\"\n (click)=\"onExpanderClicked(element)\"\n >\n <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>\n </button>\n }\n </ng-template>\n </div>\n}\n", styles: [".adf-container-widget-header__text{border-bottom:1px solid
|
|
24131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: HeaderWidgetComponent, isStandalone: true, selector: "adf-header-widget", inputs: { element: "element" }, ngImport: i0, template: "@if (element?.isTypeFieldGroup) {\n <div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-header\">\n @if (element?.hideHeader) {\n <div>\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n </div>\n } @else {\n <h4\n id=\"container-header\"\n class=\"adf-container-widget-header__text\"\n [class.adf-collapsible]=\"element?.isCollapsible\"\n >\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n <span\n [id]=\"'container-header-label-' + element?.id\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"onExpanderClicked(element)\"\n (click)=\"onExpanderClicked(element)\"\n >\n {{ element.name | translate }}\n </span>\n </h4>\n }\n\n <ng-template #expandButton let-element>\n @if (element?.isCollapsible) {\n <button\n mat-icon-button\n class=\"mdl-button--icon\"\n (click)=\"onExpanderClicked(element)\"\n >\n <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>\n </button>\n }\n </ng-template>\n </div>\n}\n", styles: [".adf-container-widget-header__text{border-bottom:1px solid var(--mat-sys-outline-variant);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--mat-sys-title-small-size);line-height:normal}.adf-container-widget-header__text.adf-collapsible{cursor:pointer}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24132
24132
|
}
|
|
24133
24133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderWidgetComponent, decorators: [{
|
|
24134
24134
|
type: Component,
|
|
24135
|
-
args: [{ selector: 'adf-header-widget', encapsulation: ViewEncapsulation.None, imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe, NgTemplateOutlet], template: "@if (element?.isTypeFieldGroup) {\n <div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-header\">\n @if (element?.hideHeader) {\n <div>\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n </div>\n } @else {\n <h4\n id=\"container-header\"\n class=\"adf-container-widget-header__text\"\n [class.adf-collapsible]=\"element?.isCollapsible\"\n >\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n <span\n [id]=\"'container-header-label-' + element?.id\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"onExpanderClicked(element)\"\n (click)=\"onExpanderClicked(element)\"\n >\n {{ element.name | translate }}\n </span>\n </h4>\n }\n\n <ng-template #expandButton let-element>\n @if (element?.isCollapsible) {\n <button\n mat-icon-button\n class=\"mdl-button--icon\"\n (click)=\"onExpanderClicked(element)\"\n >\n <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>\n </button>\n }\n </ng-template>\n </div>\n}\n", styles: [".adf-container-widget-header__text{border-bottom:1px solid
|
|
24135
|
+
args: [{ selector: 'adf-header-widget', encapsulation: ViewEncapsulation.None, imports: [FieldStylePipe, MatIconModule, MatButtonModule, TranslatePipe, NgTemplateOutlet], template: "@if (element?.isTypeFieldGroup) {\n <div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-header\">\n @if (element?.hideHeader) {\n <div>\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n </div>\n } @else {\n <h4\n id=\"container-header\"\n class=\"adf-container-widget-header__text\"\n [class.adf-collapsible]=\"element?.isCollapsible\"\n >\n <ng-container *ngTemplateOutlet=\"expandButton; context: { $implicit: element }\" />\n <span\n [id]=\"'container-header-label-' + element?.id\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"onExpanderClicked(element)\"\n (click)=\"onExpanderClicked(element)\"\n >\n {{ element.name | translate }}\n </span>\n </h4>\n }\n\n <ng-template #expandButton let-element>\n @if (element?.isCollapsible) {\n <button\n mat-icon-button\n class=\"mdl-button--icon\"\n (click)=\"onExpanderClicked(element)\"\n >\n <mat-icon> {{ element?.isExpanded ? 'expand_more' : 'expand_less' }} </mat-icon>\n </button>\n }\n </ng-template>\n </div>\n}\n", styles: [".adf-container-widget-header__text{border-bottom:1px solid var(--mat-sys-outline-variant);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--mat-sys-title-small-size);line-height:normal}.adf-container-widget-header__text.adf-collapsible{cursor:pointer}\n"] }]
|
|
24136
24136
|
}], propDecorators: { element: [{
|
|
24137
24137
|
type: Input
|
|
24138
24138
|
}] } });
|
|
@@ -24178,7 +24178,7 @@ class RepeatWidgetComponent {
|
|
|
24178
24178
|
this.element.field.addRow(this.element.json.fields, this.element.form);
|
|
24179
24179
|
}
|
|
24180
24180
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24181
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: RepeatWidgetComponent, isStandalone: true, selector: "adf-repeat-widget", inputs: { element: "element", isEditor: "isEditor" }, ngImport: i0, template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n <h4\n id=\"container-repeat\"\n class=\"adf-container-widget-repeat__text\"\n >\n <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n {{ element.name | translate }}\n </span>\n </h4>\n\n <ng-content />\n\n @if (!isEditor) {\n @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n @if (shouldDisplayAddRowButton) {\n <button \n mat-button\n color=\"primary\"\n class=\"adf-container-widget-row-action\"\n [disabled]=\"element.field.readOnly\"\n (click)=\"addRow()\"\n >\n <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n </button>\n } @else {\n <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n }\n }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type:
|
|
24181
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: RepeatWidgetComponent, isStandalone: true, selector: "adf-repeat-widget", inputs: { element: "element", isEditor: "isEditor" }, ngImport: i0, template: "<div [style]=\"element | adfFieldStyle\" class=\"adf-container-widget-repeat\" [class.adf-readonly]=\"element.field.readOnly\">\n <h4\n id=\"container-repeat\"\n class=\"adf-container-widget-repeat__text\"\n >\n <span [id]=\"'container-repeat-label-' + element?.id\" role=\"button\" tabindex=\"0\">\n {{ element.name | translate }}\n </span>\n </h4>\n\n <ng-content />\n\n @if (!isEditor) {\n @let shouldDisplayAddRowButton = !element.field.params.maxNumberOfRows || (element.field.params.maxNumberOfRows > element.field.rows.length);\n @if (shouldDisplayAddRowButton) {\n <button \n mat-button\n color=\"primary\"\n class=\"adf-container-widget-row-action\"\n [disabled]=\"element.field.readOnly\"\n (click)=\"addRow()\"\n >\n <mat-icon>add</mat-icon> {{ 'FORM.FIELD.REPEATABLE_SECTION.ADD_ROW' | translate }}\n </button>\n } @else {\n <span class=\"adf-container-widget-row-action adf-container-widget-row-limit\">{{ 'FORM.FIELD.REPEATABLE_SECTION.ROW_LIMIT_REACHED' | translate: { limit: element.field.params.maxNumberOfRows } }}</span>\n }\n }\n</div>\n", styles: [".adf-container-widget-repeat__text{border-bottom:1px solid rgba(0,0,0,.87);padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none;font-size:var(--adf-header-font-size);font-weight:var(--adf-header-font-weight);color:var(--adf-header-color);line-height:normal}.adf-container-widget-row-action{margin-left:10px}.adf-container-widget-row-limit{color:#000000ab;font-size:12px}.adf-readonly .adf-container-widget-repeat__text{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}.adf-readonly .adf-container-widget-row-limit{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));font-size:12px}\n"], dependencies: [{ kind: "pipe", type: FieldStylePipe, name: "adfFieldStyle" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24182
24182
|
}
|
|
24183
24183
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: RepeatWidgetComponent, decorators: [{
|
|
24184
24184
|
type: Component,
|
|
@@ -24976,11 +24976,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
24976
24976
|
*/
|
|
24977
24977
|
class InplaceFormInputComponent {
|
|
24978
24978
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InplaceFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24979
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InplaceFormInputComponent, isStandalone: true, selector: "adf-inplace-form-input", inputs: { control: "control" }, ngImport: i0, template: "<div class=\"adf-inplace-input-container\"\n [ngClass]=\"{'adf-inplace-input-container-error': control.invalid && control.touched}\">\n <mat-form-field class=\"adf-inplace-input-mat-form-field adf-form-field-input\" [appearance]=\"'fill'\">\n <input matInput\n [formControl]=\"control\"\n class=\"adf-inplace-input\"\n data-automation-id=\"adf-inplace-input\">\n\n <mat-label data-automation-id=\"adf-inplace-input-label\">\n <ng-content select=\"[label]\" />\n </mat-label>\n\n <mat-error data-automation-id=\"adf-inplace-input-error\">\n <ng-content select=\"[error]\" />\n </mat-error>\n </mat-form-field>\n</div>\n", styles: [".adf-inplace-input-container
|
|
24979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: InplaceFormInputComponent, isStandalone: true, selector: "adf-inplace-form-input", inputs: { control: "control" }, ngImport: i0, template: "<div class=\"adf-inplace-input-container\"\n [ngClass]=\"{'adf-inplace-input-container-error': control.invalid && control.touched}\">\n <mat-form-field class=\"adf-inplace-input-mat-form-field adf-form-field-input\" [appearance]=\"'fill'\">\n <input matInput\n [formControl]=\"control\"\n class=\"adf-inplace-input\"\n data-automation-id=\"adf-inplace-input\">\n\n <mat-label data-automation-id=\"adf-inplace-input-label\">\n <ng-content select=\"[label]\" />\n </mat-label>\n\n <mat-error data-automation-id=\"adf-inplace-input-error\">\n <ng-content select=\"[error]\" />\n </mat-error>\n </mat-form-field>\n</div>\n", styles: [".adf-inplace-input-container .mat-mdc-form-text-infix{display:flex;border-top:0}.adf-inplace-input-container .mat-mdc-floating-label{padding:7px}.adf-inplace-input-container .adf-inplace-input-mat-form-field{width:98%}.adf-inplace-input-container .adf-inplace-input{padding:7px;border:1px solid transparent;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24980
24980
|
}
|
|
24981
24981
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InplaceFormInputComponent, decorators: [{
|
|
24982
24982
|
type: Component,
|
|
24983
|
-
args: [{ selector: 'adf-inplace-form-input', imports: [MatFormFieldModule, ReactiveFormsModule, MatInputModule, NgClass], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-inplace-input-container\"\n [ngClass]=\"{'adf-inplace-input-container-error': control.invalid && control.touched}\">\n <mat-form-field class=\"adf-inplace-input-mat-form-field adf-form-field-input\" [appearance]=\"'fill'\">\n <input matInput\n [formControl]=\"control\"\n class=\"adf-inplace-input\"\n data-automation-id=\"adf-inplace-input\">\n\n <mat-label data-automation-id=\"adf-inplace-input-label\">\n <ng-content select=\"[label]\" />\n </mat-label>\n\n <mat-error data-automation-id=\"adf-inplace-input-error\">\n <ng-content select=\"[error]\" />\n </mat-error>\n </mat-form-field>\n</div>\n", styles: [".adf-inplace-input-container
|
|
24983
|
+
args: [{ selector: 'adf-inplace-form-input', imports: [MatFormFieldModule, ReactiveFormsModule, MatInputModule, NgClass], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-inplace-input-container\"\n [ngClass]=\"{'adf-inplace-input-container-error': control.invalid && control.touched}\">\n <mat-form-field class=\"adf-inplace-input-mat-form-field adf-form-field-input\" [appearance]=\"'fill'\">\n <input matInput\n [formControl]=\"control\"\n class=\"adf-inplace-input\"\n data-automation-id=\"adf-inplace-input\">\n\n <mat-label data-automation-id=\"adf-inplace-input-label\">\n <ng-content select=\"[label]\" />\n </mat-label>\n\n <mat-error data-automation-id=\"adf-inplace-input-error\">\n <ng-content select=\"[error]\" />\n </mat-error>\n </mat-form-field>\n</div>\n", styles: [".adf-inplace-input-container .mat-mdc-form-text-infix{display:flex;border-top:0}.adf-inplace-input-container .mat-mdc-floating-label{padding:7px}.adf-inplace-input-container .adf-inplace-input-mat-form-field{width:98%}.adf-inplace-input-container .adf-inplace-input{padding:7px;border:1px solid transparent;border-radius:4px}\n"] }]
|
|
24984
24984
|
}], propDecorators: { control: [{
|
|
24985
24985
|
type: Input,
|
|
24986
24986
|
args: [{ required: true }]
|
|
@@ -25222,11 +25222,11 @@ class ConfirmDialogComponent {
|
|
|
25222
25222
|
return this.sanitizer.sanitize(SecurityContext.HTML, this.htmlContent);
|
|
25223
25223
|
}
|
|
25224
25224
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmDialogComponent, isStandalone: true, selector: "adf-confirm-dialog", host: { classAttribute: "adf-confirm-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n <div class=\"adf-confirm-dialog-content\">\n <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n <ng-template #customContent>\n <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n </ng-template>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n <button\n id=\"adf-confirm-cancel\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n data-automation-id=\"adf-confirm-dialog-reject\"\n >\n {{ noLabel | translate }}\n </button>\n <button\n *ngIf=\"thirdOptionLabel\"\n id=\"adf-confirm-all\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"thirdOptionLabel\"\n data-automation-id=\"adf-confirm-dialog-confirm-all\"\n >\n {{ thirdOptionLabel | translate }}\n </button>\n <button\n id=\"adf-confirm-accept\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n
|
|
25225
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ConfirmDialogComponent, isStandalone: true, selector: "adf-confirm-dialog", host: { classAttribute: "adf-confirm-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n <div class=\"adf-confirm-dialog-content\">\n <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n <ng-template #customContent>\n <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n </ng-template>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n <button\n id=\"adf-confirm-cancel\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n data-automation-id=\"adf-confirm-dialog-reject\"\n >\n {{ noLabel | translate }}\n </button>\n <button\n *ngIf=\"thirdOptionLabel\"\n id=\"adf-confirm-all\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"thirdOptionLabel\"\n data-automation-id=\"adf-confirm-dialog-confirm-all\"\n >\n {{ thirdOptionLabel | translate }}\n </button>\n <button\n id=\"adf-confirm-accept\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n data-automation-id=\"adf-confirm-dialog-confirmation\"\n [mat-dialog-close]=\"true\"\n cdkFocusInitial\n >\n {{ yesLabel | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25226
25226
|
}
|
|
25227
25227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
25228
25228
|
type: Component,
|
|
25229
|
-
args: [{ selector: 'adf-confirm-dialog', host: { class: 'adf-confirm-dialog' }, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslatePipe, MatDialogModule, NgIf, MatButtonModule], template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n <div class=\"adf-confirm-dialog-content\">\n <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n <ng-template #customContent>\n <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n </ng-template>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n <button\n id=\"adf-confirm-cancel\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n data-automation-id=\"adf-confirm-dialog-reject\"\n >\n {{ noLabel | translate }}\n </button>\n <button\n *ngIf=\"thirdOptionLabel\"\n id=\"adf-confirm-all\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"thirdOptionLabel\"\n data-automation-id=\"adf-confirm-dialog-confirm-all\"\n >\n {{ thirdOptionLabel | translate }}\n </button>\n <button\n id=\"adf-confirm-accept\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n
|
|
25229
|
+
args: [{ selector: 'adf-confirm-dialog', host: { class: 'adf-confirm-dialog' }, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslatePipe, MatDialogModule, NgIf, MatButtonModule], template: "<h1 mat-dialog-title data-automation-id=\"adf-confirm-dialog-title\">{{ title | translate }}</h1>\n<mat-dialog-content>\n <div class=\"adf-confirm-dialog-content\">\n <p *ngIf=\"!htmlContent; else customContent\" data-automation-id=\"adf-confirm-dialog-base-message\">{{ message | translate }}</p>\n <ng-template #customContent>\n <span [innerHTML]=\"sanitizedHtmlContent()\" data-automation-id=\"adf-confirm-dialog-custom-content\"></span>\n </ng-template>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <span class=\"adf-dialog-spacer\" data-automation-id=\"adf-confirm-dialog-spacer\"></span>\n <button\n id=\"adf-confirm-cancel\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n data-automation-id=\"adf-confirm-dialog-reject\"\n >\n {{ noLabel | translate }}\n </button>\n <button\n *ngIf=\"thirdOptionLabel\"\n id=\"adf-confirm-all\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n [mat-dialog-close]=\"thirdOptionLabel\"\n data-automation-id=\"adf-confirm-dialog-confirm-all\"\n >\n {{ thirdOptionLabel | translate }}\n </button>\n <button\n id=\"adf-confirm-accept\"\n class=\"adf-confirm-dialog-button\"\n mat-button\n data-automation-id=\"adf-confirm-dialog-confirmation\"\n [mat-dialog-close]=\"true\"\n cdkFocusInitial\n >\n {{ yesLabel | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-dialog-spacer{flex:1 1 auto}.adf-confirm-dialog .adf-confirm-dialog-button{text-transform:uppercase}.adf-confirm-dialog .adf-confirm-dialog-content{width:100%}\n"] }]
|
|
25230
25230
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
25231
25231
|
type: Inject,
|
|
25232
25232
|
args: [MAT_DIALOG_DATA]
|
|
@@ -25365,7 +25365,7 @@ class FormRendererComponent {
|
|
|
25365
25365
|
useClass: DecimalRenderMiddlewareService,
|
|
25366
25366
|
multi: true
|
|
25367
25367
|
}
|
|
25368
|
-
], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n <div *ngIf=\"formDefinition.hasTabs()\">\n <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n <mat-tab-group [preserveContent]=\"true\">\n <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n <ng-template matTabContent>\n <div class=\"adf-form-tab-content\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n </div>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </div>\n </div>\n\n <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n <div *ngFor=\"let currentRootElement of fieldToRender\">\n <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n <adf-form-section [field]=\"currentRootElement\" />\n </div>\n\n <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\">\n <adf-header-widget [element]=\"currentRootElement\" />\n <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n <div class=\"adf-grid-list\"\n [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-item\"\n *ngFor=\"let field of getContainerFields(currentRootElement)\"\n [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </div>\n </div>\n\n <ng-template #fixingTemplate>\n <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-single-column\"\n *ngFor=\"let column of currentRootElement?.columns\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n <ng-container *ngFor=\"let field of column?.fields\">\n <ng-container *ngIf=\"field.type === 'section'; else formField\">\n <adf-form-section [field]=\"field\"/>\n </ng-container>\n <ng-template #formField>\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n </ng-template>\n </ng-container>\n </div>\n </section>\n </ng-template>\n\n <ng-template #columnViewItem let-column=\"column\">\n <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </ng-template>\n </div>\n\n @if (currentRootElement.type === 'repeatable-section') {\n <div \n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\"\n >\n <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n <div \n class=\"adf-grid-list-container\"\n [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n > \n <div class=\"adf-grid-list-row\">\n <span class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n @if (shouldDisplayRemoveRowButton) {\n <button \n mat-icon-button\n class=\"adf-grid-list-row-remove-button\"\n [disabled]=\"currentRootElement.field.readOnly\"\n [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </div>\n <section class=\"adf-grid-list-column-view\">\n @for (column of row.columns; track $index) {\n <div \n class=\"adf-grid-list-single-column\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n @for (field of column?.fields; track $index) {\n @if (field.type === 'section') {\n <adf-form-section [field]=\"field\"/>\n } @else {\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n }\n }\n </div>\n }\n </section>\n </div>\n }\n </adf-repeat-widget>\n </div>\n }\n\n <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n <adf-form-field [field]=\"currentRootElement\" />\n </div>\n\n <div class=\"adf-container-widget\"\n *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n <adf-form-field [field]=\"currentRootElement.field\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$7.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }, { kind: "component", type: RepeatWidgetComponent, selector: "adf-repeat-widget", inputs: ["element", "isEditor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25368
|
+
], ngImport: i0, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n <div *ngIf=\"formDefinition.hasTabs()\">\n <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n <mat-tab-group [preserveContent]=\"true\">\n <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n <ng-template matTabContent>\n <div class=\"adf-form-tab-content\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n </div>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </div>\n </div>\n\n <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n <div *ngFor=\"let currentRootElement of fieldToRender\">\n <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n <adf-form-section [field]=\"currentRootElement\" />\n </div>\n\n <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\">\n <adf-header-widget [element]=\"currentRootElement\" />\n <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n <div class=\"adf-grid-list\"\n [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-item\"\n *ngFor=\"let field of getContainerFields(currentRootElement)\"\n [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </div>\n </div>\n\n <ng-template #fixingTemplate>\n <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-single-column\"\n *ngFor=\"let column of currentRootElement?.columns\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n <ng-container *ngFor=\"let field of column?.fields\">\n <ng-container *ngIf=\"field.type === 'section'; else formField\">\n <adf-form-section [field]=\"field\"/>\n </ng-container>\n <ng-template #formField>\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n </ng-template>\n </ng-container>\n </div>\n </section>\n </ng-template>\n\n <ng-template #columnViewItem let-column=\"column\">\n <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </ng-template>\n </div>\n\n @if (currentRootElement.type === 'repeatable-section') {\n <div \n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\"\n >\n <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n <div \n class=\"adf-grid-list-container\"\n [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n > \n <div class=\"adf-grid-list-row\">\n <span class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n @if (shouldDisplayRemoveRowButton) {\n <button \n mat-icon-button\n class=\"adf-grid-list-row-remove-button\"\n [disabled]=\"currentRootElement.field.readOnly\"\n [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </div>\n <section class=\"adf-grid-list-column-view\">\n @for (column of row.columns; track $index) {\n <div \n class=\"adf-grid-list-single-column\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n @for (field of column?.fields; track $index) {\n @if (field.type === 'section') {\n <adf-form-section [field]=\"field\"/>\n } @else {\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n }\n }\n </div>\n }\n </section>\n </div>\n }\n </adf-repeat-widget>\n </div>\n }\n\n <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n <adf-form-field [field]=\"currentRootElement\" />\n </div>\n\n <div class=\"adf-container-widget\"\n *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n <adf-form-field [field]=\"currentRootElement.field\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--mat-sys-title-medium-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--mat-sys-secondary)}.adf-form-validation-button .adf-invalid-color{color:var(--mat-sys-error)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$6.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$6.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$6.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HeaderWidgetComponent, selector: "adf-header-widget", inputs: ["element"] }, { kind: "component", type: FormSectionComponent, selector: "adf-form-section", inputs: ["field"] }, { kind: "component", type: RepeatWidgetComponent, selector: "adf-repeat-widget", inputs: ["element", "isEditor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$7.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25369
25369
|
}
|
|
25370
25370
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormRendererComponent, decorators: [{
|
|
25371
25371
|
type: Component,
|
|
@@ -25396,7 +25396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
25396
25396
|
FormSectionComponent,
|
|
25397
25397
|
RepeatWidgetComponent,
|
|
25398
25398
|
MatTooltipModule
|
|
25399
|
-
], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n <div *ngIf=\"formDefinition.hasTabs()\">\n <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n <mat-tab-group [preserveContent]=\"true\">\n <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n <ng-template matTabContent>\n <div class=\"adf-form-tab-content\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n </div>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </div>\n </div>\n\n <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n <div *ngFor=\"let currentRootElement of fieldToRender\">\n <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n <adf-form-section [field]=\"currentRootElement\" />\n </div>\n\n <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\">\n <adf-header-widget [element]=\"currentRootElement\" />\n <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n <div class=\"adf-grid-list\"\n [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-item\"\n *ngFor=\"let field of getContainerFields(currentRootElement)\"\n [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </div>\n </div>\n\n <ng-template #fixingTemplate>\n <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-single-column\"\n *ngFor=\"let column of currentRootElement?.columns\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n <ng-container *ngFor=\"let field of column?.fields\">\n <ng-container *ngIf=\"field.type === 'section'; else formField\">\n <adf-form-section [field]=\"field\"/>\n </ng-container>\n <ng-template #formField>\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n </ng-template>\n </ng-container>\n </div>\n </section>\n </ng-template>\n\n <ng-template #columnViewItem let-column=\"column\">\n <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </ng-template>\n </div>\n\n @if (currentRootElement.type === 'repeatable-section') {\n <div \n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\"\n >\n <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n <div \n class=\"adf-grid-list-container\"\n [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n > \n <div class=\"adf-grid-list-row\">\n <span class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n @if (shouldDisplayRemoveRowButton) {\n <button \n mat-icon-button\n class=\"adf-grid-list-row-remove-button\"\n [disabled]=\"currentRootElement.field.readOnly\"\n [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </div>\n <section class=\"adf-grid-list-column-view\">\n @for (column of row.columns; track $index) {\n <div \n class=\"adf-grid-list-single-column\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n @for (field of column?.fields; track $index) {\n @if (field.type === 'section') {\n <adf-form-section [field]=\"field\"/>\n } @else {\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n }\n }\n </div>\n }\n </section>\n </div>\n }\n </adf-repeat-widget>\n </div>\n }\n\n <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n <adf-form-field [field]=\"currentRootElement\" />\n </div>\n\n <div class=\"adf-container-widget\"\n *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n <adf-form-field [field]=\"currentRootElement.field\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-focused{width:100%}.adf-container-widget .mat-focused .mdc-text-field--focused label{color:var(--theme-primary-color)}.adf-container-widget .mat-focused label{transition:transform .15s linear;background-color:.3s cubic-bezier(.55,0,.55,.2)}.adf-container-widget .mat-focused .mat-mdc-form-field-text-prefix{color:var(--theme-primary-color)}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{font-size:var(--theme-subheading-2-font-size);line-height:var(--theme-headline-line-height);letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--theme-title-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--theme-accent-color)}.adf-form-validation-button .adf-invalid-color{color:var(--theme-warn-color)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}form-field .mat-mdc-input-element{font-size:var(--theme-body-2-font-size);padding-top:8px;line-height:normal}\n"] }]
|
|
25399
|
+
], encapsulation: ViewEncapsulation.None, template: "<div id=\"adf-form-renderer\" class=\"{{ formDefinition.className }} adf-form-renderer\"\n [ngClass]=\"{ 'adf-readonly-form': formDefinition.readOnly }\">\n <div *ngIf=\"formDefinition.hasTabs()\">\n <div *ngIf=\"hasTabs()\" class=\"alfresco-tabs-widget\">\n <mat-tab-group [preserveContent]=\"true\">\n <mat-tab *ngFor=\"let tab of visibleTabs()\" [label]=\"tab.title | translate \">\n <ng-template matTabContent>\n <div class=\"adf-form-tab-content\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: tab.fields }\" />\n </div>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\n </div>\n </div>\n\n <div *ngIf=\"!formDefinition.hasTabs() && formDefinition.hasFields()\">\n <ng-template *ngTemplateOutlet=\"render; context: { fieldToRender: formDefinition.fields }\" />\n </div>\n</div>\n\n<ng-template #render let-fieldToRender=\"fieldToRender\">\n <div *ngFor=\"let currentRootElement of fieldToRender\">\n <div *ngIf=\"currentRootElement.type === 'section'\" [id]=\"'field-' + currentRootElement?.id + '-container'\" class=\"adf-container-widget\">\n <adf-form-section [field]=\"currentRootElement\" />\n </div>\n\n <div *ngIf=\"currentRootElement.type === 'container' || currentRootElement.type === 'group'\"\n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\">\n <adf-header-widget [element]=\"currentRootElement\" />\n <div *ngIf=\"currentRootElement?.form?.enableFixedSpace; else fixingTemplate\">\n <div class=\"adf-grid-list\"\n [ngStyle]=\"{ 'grid-template-columns': 'repeat(' + getNumberOfColumns(currentRootElement) + ', 1fr)' }\"\n *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-item\"\n *ngFor=\"let field of getContainerFields(currentRootElement)\"\n [ngStyle]=\"{ 'grid-area': 'auto / auto / span ' + (field?.rowspan || 1) + ' / span ' + (field?.colspan || 1) }\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </div>\n </div>\n\n <ng-template #fixingTemplate>\n <section class=\"adf-grid-list-column-view\" *ngIf=\"currentRootElement?.isExpanded\">\n <div class=\"adf-grid-list-single-column\"\n *ngFor=\"let column of currentRootElement?.columns\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n <ng-container *ngFor=\"let field of column?.fields\">\n <ng-container *ngIf=\"field.type === 'section'; else formField\">\n <adf-form-section [field]=\"field\"/>\n </ng-container>\n <ng-template #formField>\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n </ng-template>\n </ng-container>\n </div>\n </section>\n </ng-template>\n\n <ng-template #columnViewItem let-column=\"column\">\n <div class=\"adf-grid-list-column-view-item\" *ngFor=\"let field of column?.fields\">\n <adf-form-field *ngIf=\"field\" [field]=\"field\" />\n </div>\n </ng-template>\n </div>\n\n @if (currentRootElement.type === 'repeatable-section') {\n <div \n [id]=\"'field-' + currentRootElement?.id + '-container'\"\n class=\"adf-container-widget\"\n [hidden]=\"!currentRootElement?.isVisible\"\n >\n <adf-repeat-widget [element]=\"currentRootElement\" [isEditor]=\"false\">\n @for (row of currentRootElement.field.rows; track row.id; let rowIndex = $index) {\n @let hasMultipleRows = currentRootElement.field.rows.length > 1;\n <div \n class=\"adf-grid-list-container\"\n [class.adf-grid-list-container-multiple]=\"hasMultipleRows\"\n [class.adf-grid-list-container-disabled]=\"currentRootElement.field.readOnly\"\n > \n <div class=\"adf-grid-list-row\">\n <span class=\"adf-grid-list-row-label\">{{ 'FORM.FORM_RENDERER.ROW_LABEL' | translate: {number: rowIndex + 1} }}</span>\n\n @let shouldDisplayRemoveRowButton = !currentRootElement.field.rows[rowIndex].isInitial || (currentRootElement.field.rows[rowIndex].isInitial && currentRootElement.field.params.allowInitialRowsDelete);\n @if (shouldDisplayRemoveRowButton) {\n <button \n mat-icon-button\n class=\"adf-grid-list-row-remove-button\"\n [disabled]=\"currentRootElement.field.readOnly\"\n [matTooltip]=\"'FORM.FORM_RENDERER.DELETE_ROW' | translate\"\n (click)=\"displayDialogToRemoveRow(currentRootElement.field, rowIndex)\"\n >\n <mat-icon>close</mat-icon>\n </button>\n }\n </div>\n <section class=\"adf-grid-list-column-view\">\n @for (column of row.columns; track $index) {\n <div \n class=\"adf-grid-list-single-column\"\n [style.width.%]=\"getColumnWidth(currentRootElement)\"\n >\n @for (field of column?.fields; track $index) {\n @if (field.type === 'section') {\n <adf-form-section [field]=\"field\"/>\n } @else {\n <div class=\"adf-grid-list-column-view-item\">\n <adf-form-field [field]=\"field\"/>\n </div>\n }\n }\n </div>\n }\n </section>\n </div>\n }\n </adf-repeat-widget>\n </div>\n }\n\n <div *ngIf=\"currentRootElement.type === 'dynamic-table'\" class=\"adf-container-widget\">\n <adf-form-field [field]=\"currentRootElement\" />\n </div>\n\n <div class=\"adf-container-widget\"\n *ngIf=\"currentRootElement.type === 'readonly' && currentRootElement.field.params.field.type === 'dynamic-table'\">\n <adf-form-field [field]=\"currentRootElement.field\"/>\n </div>\n </div>\n</ng-template>\n", styles: [".adf-hidden{display:none}.adf-field-list{padding:0;list-style-type:none;width:100%;height:100%}.adf-form-renderer .mat-mdc-form-field-infix{width:auto}.alfresco-tabs-widget{width:100%}.alfresco-tabs-widget .adf-form-tab-content{margin-top:1em}.alfresco-tabs-widget .adf-form-tab-group{width:100%}.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:8em}@media (max-width: 959.9px){.alfresco-tabs-widget .mat-mdc-tab-body{margin-bottom:0}}.alfresco-tabs-widget .mat-mdc-tab-header{z-index:2;margin:0;background-color:#fff;position:absolute;width:98%;margin-left:0!important;margin-right:10px!important;top:0}.alfresco-tabs-widget .mat-mdc-tab-body-wrapper{padding-top:5%}.mat-mdc-card-content:first-child{padding-top:1em}.adf-container-widget .adf-grid-list{display:grid}.adf-container-widget .adf-grid-list-column-view{display:flex;margin-right:-1%;width:100%;gap:8px}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-column-view{display:flow}}.adf-container-widget .adf-grid-list-column-view-item{width:100%;box-sizing:border-box}.adf-container-widget .adf-grid-list-column-view .adf-radio-buttons-widget{padding-left:12px}.adf-container-widget .adf-grid-list-single-column{display:flex;flex-direction:column;flex:1 1 auto}.adf-container-widget .adf-grid-list-item{box-sizing:border-box;padding-left:3px;padding-right:3px}.adf-container-widget .adf-grid-list-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.adf-container-widget .adf-grid-list-row-remove-button{padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.adf-container-widget .adf-grid-list-row-remove-button .mat-icon{display:flex;justify-content:center;align-items:center;font-size:18px}.adf-container-widget .adf-grid-list-container{padding:0 15px}.adf-container-widget .adf-grid-list-container-multiple{border-bottom:1px solid rgba(0,0,0,.54);margin-bottom:25px}.adf-container-widget .adf-grid-list-container-disabled.adf-grid-list-container-multiple{border-bottom:1px solid var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.adf-container-widget .adf-grid-list-container-disabled .adf-grid-list-row-label{color:var(--mdc-text-button-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));cursor:default}@media (max-width: 959.9px){.adf-container-widget .adf-grid-list-item{flex:1 0 100%}.adf-container-widget .adf-grid-list--column-view{flex-direction:column}.adf-container-widget .adf-grid-list-single-column{display:block;width:90%!important}.adf-container-widget .adf-grid-list-column-view-item{flex:1 0 auto}}.adf-container-widget mat-input-placeholder{top:1.8em}.adf-container-widget .mat-grid-tile{overflow:visible;width:80%}.adf-container-widget adf-form-field,.adf-container-widget mat-form-field{width:100%}.adf-form-container{max-width:100%;max-height:100%}.adf-form-container .mat-mdc-card{padding:16px 24px;overflow:hidden}.adf-form-container .mat-mdc-tab-header{position:fixed;z-index:1000}.adf-form-container .mat-mdc-card-header-text{margin:0}.adf-form-container .mat-mdc-card-content{overflow:hidden;padding-top:0}.adf-form-container mat-tab-label-text{letter-spacing:-.4px;text-align:left;color:#0000008a;text-transform:uppercase}.adf-form-container .mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:4px}.adf-form-container .mat-mdc-text-field-wrapper{margin:0 12px 0 0}.adf-form-title{font-size:var(--mat-sys-title-medium-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-form-reload-button{position:absolute;right:12px;top:30px}.adf-form-validation-button{position:absolute;right:50px;top:39px;color:var(--mat-sys-secondary)}.adf-form-validation-button .adf-invalid-color{color:var(--mat-sys-error)}.adf-form-hide-button{display:none}.adf-task-title{text-align:center}.adf-form-mat-card-actions{padding-bottom:25px;padding-right:25px}.adf-form-mat-card-actions .mat-mdc-button{height:36px;border-radius:5px;width:auto;padding:0 16px;margin:0 8px;white-space:nowrap}.adf-form-mat-card-actions .mdc-button__label{min-width:58px}.adf-left-label-input-container{display:flex}.adf-left-label-input-container div:nth-child(2){flex:1}.adf-left-label-input-container .mat-mdc-floating-label{top:auto;bottom:0}.adf-left-label{line-height:64px;margin-right:15px}.adf-error-messages-container{min-height:35px}.adf-error-messages-container-visible{visibility:visible}.adf-error-messages-container-hidden{visibility:hidden}form-field{width:100%}\n"] }]
|
|
25400
25400
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
25401
25401
|
type: Optional
|
|
25402
25402
|
}, {
|
|
@@ -25602,11 +25602,11 @@ class HeaderLayoutComponent {
|
|
|
25602
25602
|
}
|
|
25603
25603
|
}
|
|
25604
25604
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderLayoutComponent, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HeaderLayoutComponent, isStandalone: true, selector: "adf-layout-header", inputs: { title: "title", logo: "logo", showLogo: "showLogo", redirectUrl: "redirectUrl", tooltip: "tooltip", color: "color", backgroundImage: "backgroundImage", showSidenavToggle: "showSidenavToggle", toggleIcon: "toggleIcon", expandedSidenav: "expandedSidenav", position: "position" }, outputs: { clicked: "clicked" }, host: { classAttribute: "adf-layout-header" }, ngImport: i0, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--
|
|
25605
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: HeaderLayoutComponent, isStandalone: true, selector: "adf-layout-header", inputs: { title: "title", logo: "logo", showLogo: "showLogo", redirectUrl: "redirectUrl", tooltip: "tooltip", color: "color", backgroundImage: "backgroundImage", showSidenavToggle: "showSidenavToggle", toggleIcon: "toggleIcon", expandedSidenav: "expandedSidenav", position: "position" }, outputs: { clicked: "clicked" }, host: { classAttribute: "adf-layout-header" }, ngImport: i0, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--mat-sys-on-primary);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--mat-sys-surface)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--mat-sys-on-primary)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:inherit;border-radius:50%}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:hover{color:inherit}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:active{color:inherit}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-right:-11px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-left:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-left:-11px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-right:16px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-right:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$6.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$9.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25606
25606
|
}
|
|
25607
25607
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: HeaderLayoutComponent, decorators: [{
|
|
25608
25608
|
type: Component,
|
|
25609
|
-
args: [{ selector: 'adf-layout-header', imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-layout-header' }, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--
|
|
25609
|
+
args: [{ selector: 'adf-layout-header', imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-layout-header' }, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--mat-sys-on-primary);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--mat-sys-surface)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--mat-sys-on-primary)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:inherit;border-radius:50%}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:hover{color:inherit}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:active{color:inherit}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-right:-11px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-left:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-left:-11px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-right:16px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-right:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-right:8px}\n"] }]
|
|
25610
25610
|
}], ctorParameters: () => [{ type: AppConfigService }], propDecorators: { title: [{
|
|
25611
25611
|
type: Input
|
|
25612
25612
|
}], logo: [{
|
|
@@ -25749,7 +25749,7 @@ class LayoutContainerComponent {
|
|
|
25749
25749
|
}
|
|
25750
25750
|
}
|
|
25751
25751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LayoutContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25752
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LayoutContainerComponent, isStandalone: true, selector: "adf-layout-container", inputs: { sidenavMin: "sidenavMin", sidenavMax: "sidenavMax", mediaQueryList: "mediaQueryList", hideSidenav: "hideSidenav", expandedSidenav: "expandedSidenav", position: "position", direction: "direction" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-sidenav-container class=\"adf-layout-container\" autosize>\n <mat-sidenav\n class=\"adf-layout-container-sidenav\"\n [position]=\"position\"\n [disableClose]=\"!isMobileScreenSize\"\n [@sidenavAnimation]=\"sidenavAnimationState\"\n [opened]=\"!isMobileScreenSize || !hideSidenav\"\n [mode]=\"isMobileScreenSize ? 'over' : 'side'\">\n <ng-content sidenav select=\"[app-layout-navigation]\" />\n </mat-sidenav>\n\n <div>\n <div class=\"adf-container-full-width\" [@contentAnimationLeft]=\"getContentAnimationState()\">\n <ng-content select=\"[app-layout-content]\" />\n </div>\n </div>\n</mat-sidenav-container>\n", styles: ["adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}adf-layout-container .adf-layout-container-sidenav{overflow:hidden;border-right:1px solid var(--
|
|
25752
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LayoutContainerComponent, isStandalone: true, selector: "adf-layout-container", inputs: { sidenavMin: "sidenavMin", sidenavMax: "sidenavMax", mediaQueryList: "mediaQueryList", hideSidenav: "hideSidenav", expandedSidenav: "expandedSidenav", position: "position", direction: "direction" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: MatSidenav, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<mat-sidenav-container class=\"adf-layout-container\" autosize>\n <mat-sidenav\n class=\"adf-layout-container-sidenav\"\n [position]=\"position\"\n [disableClose]=\"!isMobileScreenSize\"\n [@sidenavAnimation]=\"sidenavAnimationState\"\n [opened]=\"!isMobileScreenSize || !hideSidenav\"\n [mode]=\"isMobileScreenSize ? 'over' : 'side'\">\n <ng-content sidenav select=\"[app-layout-navigation]\" />\n </mat-sidenav>\n\n <div>\n <div class=\"adf-container-full-width\" [@contentAnimationLeft]=\"getContentAnimationState()\">\n <ng-content select=\"[app-layout-content]\" />\n </div>\n </div>\n</mat-sidenav-container>\n", styles: ["adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}adf-layout-container .adf-layout-container-sidenav{overflow:hidden;border-right:1px solid var(--mat-sys-outline-variant)}.adf-container-full-width{width:inherit;overflow:hidden}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-container-full-width{width:100%}}.adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}.mat-sidenav-content,.mat-drawer-transition .mat-drawer-content{margin-left:0!important;margin-right:0!important;transform:unset!important;transition-property:unset!important;transition-duration:unset!important;transition-timing-function:unset!important}mat-sidenav-content>div{display:flex;height:100%}mat-sidenav-content>div>div{flex:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1$d.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1$d.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }], animations: [
|
|
25753
25753
|
trigger('sidenavAnimation', [
|
|
25754
25754
|
state('expanded', style({ width: '{{ width }}px' }), { params: { width: 0 } }),
|
|
25755
25755
|
state('compact', style({ width: '{{ width }}px' }), { params: { width: 0 } }),
|
|
@@ -25787,7 +25787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
25787
25787
|
}), { params: { 'margin-left': 0, 'margin-right': 0 } }),
|
|
25788
25788
|
transition('expanded <=> compact', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)'))
|
|
25789
25789
|
])
|
|
25790
|
-
], template: "<mat-sidenav-container class=\"adf-layout-container\" autosize>\n <mat-sidenav\n class=\"adf-layout-container-sidenav\"\n [position]=\"position\"\n [disableClose]=\"!isMobileScreenSize\"\n [@sidenavAnimation]=\"sidenavAnimationState\"\n [opened]=\"!isMobileScreenSize || !hideSidenav\"\n [mode]=\"isMobileScreenSize ? 'over' : 'side'\">\n <ng-content sidenav select=\"[app-layout-navigation]\" />\n </mat-sidenav>\n\n <div>\n <div class=\"adf-container-full-width\" [@contentAnimationLeft]=\"getContentAnimationState()\">\n <ng-content select=\"[app-layout-content]\" />\n </div>\n </div>\n</mat-sidenav-container>\n", styles: ["adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}adf-layout-container .adf-layout-container-sidenav{overflow:hidden;border-right:1px solid var(--
|
|
25790
|
+
], template: "<mat-sidenav-container class=\"adf-layout-container\" autosize>\n <mat-sidenav\n class=\"adf-layout-container-sidenav\"\n [position]=\"position\"\n [disableClose]=\"!isMobileScreenSize\"\n [@sidenavAnimation]=\"sidenavAnimationState\"\n [opened]=\"!isMobileScreenSize || !hideSidenav\"\n [mode]=\"isMobileScreenSize ? 'over' : 'side'\">\n <ng-content sidenav select=\"[app-layout-navigation]\" />\n </mat-sidenav>\n\n <div>\n <div class=\"adf-container-full-width\" [@contentAnimationLeft]=\"getContentAnimationState()\">\n <ng-content select=\"[app-layout-content]\" />\n </div>\n </div>\n</mat-sidenav-container>\n", styles: ["adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}adf-layout-container .adf-layout-container-sidenav{overflow:hidden;border-right:1px solid var(--mat-sys-outline-variant)}.adf-container-full-width{width:inherit;overflow:hidden}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-container-full-width{width:100%}}.adf-layout-container{display:block;width:100%;height:100%;overflow:hidden}.mat-sidenav-content,.mat-drawer-transition .mat-drawer-content{margin-left:0!important;margin-right:0!important;transform:unset!important;transition-property:unset!important;transition-duration:unset!important;transition-timing-function:unset!important}mat-sidenav-content>div{display:flex;height:100%}mat-sidenav-content>div>div{flex:auto}\n"] }]
|
|
25791
25791
|
}], ctorParameters: () => [], propDecorators: { sidenavMin: [{
|
|
25792
25792
|
type: Input
|
|
25793
25793
|
}], sidenavMax: [{
|
|
@@ -25832,11 +25832,11 @@ class SidebarActionMenuComponent {
|
|
|
25832
25832
|
return this.expanded;
|
|
25833
25833
|
}
|
|
25834
25834
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SidebarActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25835
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SidebarActionMenuComponent, isStandalone: true, selector: "adf-sidebar-action-menu", inputs: { title: "title", expanded: "expanded", width: "width" }, host: { classAttribute: "adf-sidebar-action-menu" }, ngImport: i0, template: "<div class=\"adf-sidebar-action-menu\">\n <button *ngIf=\"isExpanded()\" mat-
|
|
25835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SidebarActionMenuComponent, isStandalone: true, selector: "adf-sidebar-action-menu", inputs: { title: "title", expanded: "expanded", width: "width" }, host: { classAttribute: "adf-sidebar-action-menu" }, ngImport: i0, template: "<div class=\"adf-sidebar-action-menu\">\n <button *ngIf=\"isExpanded()\" mat-button-flat class=\"adf-sidebar-action-menu-button\" data-automation-id=\"create-button\" [matMenuTriggerFor]=\"adfSidebarMenu\">\n <span *ngIf=\"title\" class=\"adf-sidebar-action-menu-text\">{{ title }}</span>\n <ng-content select=\"[adf-sidebar-menu-title-icon], [sidebar-menu-title-icon]\" />\n </button>\n\n <div *ngIf=\"!isExpanded()\" class=\"adf-sidebar-action-menu-icon\" [matMenuTriggerFor]=\"adfSidebarMenu\">\n <ng-content select=\"[adf-sidebar-menu-expand-icon], [sidebar-menu-expand-icon]\" />\n </div>\n\n <mat-menu #adfSidebarMenu=\"matMenu\" class=\"adf-sidebar-action-menu-panel\" [overlapTrigger]=\"false\" yPosition=\"below\">\n <div class=\"adf-sidebar-action-menu-options\" [style.width.px]=\"width\">\n <ng-content select=\"[adf-sidebar-menu-options], [sidebar-menu-options]\" />\n </div>\n </mat-menu>\n</div>\n", styles: [".adf-sidebar-action-menu .adf-sidebar-action-menu-button{width:100%;display:block;box-shadow:none;height:37.5px;font-weight:700;border-radius:4px}.adf-sidebar-action-menu-text{width:100%;height:20px;text-align:left}.adf-sidebar-action-menu-icon{margin:18px 0 0 20px;color:var(--mat-sys-on-surface);cursor:pointer}.adf-sidebar-action-menu-icon:hover{color:var(--mat-sys-primary)}.adf-sidebar-action-menu-options{text-align:left;letter-spacing:-.4px}.adf-sidebar-action-menu-options button{text-align:left;line-height:1.5;letter-spacing:-.4px}.adf-sidebar-action-menu-options button:hover{opacity:inherit}.adf-sidebar-action-menu-panel{margin-top:7.5px;border-radius:2px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
25836
25836
|
}
|
|
25837
25837
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SidebarActionMenuComponent, decorators: [{
|
|
25838
25838
|
type: Component,
|
|
25839
|
-
args: [{ selector: 'adf-sidebar-action-menu', imports: [CommonModule, MatButtonModule, MatMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-sidebar-action-menu' }, template: "<div class=\"adf-sidebar-action-menu\">\n <button *ngIf=\"isExpanded()\" mat-
|
|
25839
|
+
args: [{ selector: 'adf-sidebar-action-menu', imports: [CommonModule, MatButtonModule, MatMenuModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-sidebar-action-menu' }, template: "<div class=\"adf-sidebar-action-menu\">\n <button *ngIf=\"isExpanded()\" mat-button-flat class=\"adf-sidebar-action-menu-button\" data-automation-id=\"create-button\" [matMenuTriggerFor]=\"adfSidebarMenu\">\n <span *ngIf=\"title\" class=\"adf-sidebar-action-menu-text\">{{ title }}</span>\n <ng-content select=\"[adf-sidebar-menu-title-icon], [sidebar-menu-title-icon]\" />\n </button>\n\n <div *ngIf=\"!isExpanded()\" class=\"adf-sidebar-action-menu-icon\" [matMenuTriggerFor]=\"adfSidebarMenu\">\n <ng-content select=\"[adf-sidebar-menu-expand-icon], [sidebar-menu-expand-icon]\" />\n </div>\n\n <mat-menu #adfSidebarMenu=\"matMenu\" class=\"adf-sidebar-action-menu-panel\" [overlapTrigger]=\"false\" yPosition=\"below\">\n <div class=\"adf-sidebar-action-menu-options\" [style.width.px]=\"width\">\n <ng-content select=\"[adf-sidebar-menu-options], [sidebar-menu-options]\" />\n </div>\n </mat-menu>\n</div>\n", styles: [".adf-sidebar-action-menu .adf-sidebar-action-menu-button{width:100%;display:block;box-shadow:none;height:37.5px;font-weight:700;border-radius:4px}.adf-sidebar-action-menu-text{width:100%;height:20px;text-align:left}.adf-sidebar-action-menu-icon{margin:18px 0 0 20px;color:var(--mat-sys-on-surface);cursor:pointer}.adf-sidebar-action-menu-icon:hover{color:var(--mat-sys-primary)}.adf-sidebar-action-menu-options{text-align:left;letter-spacing:-.4px}.adf-sidebar-action-menu-options button{text-align:left;line-height:1.5;letter-spacing:-.4px}.adf-sidebar-action-menu-options button:hover{opacity:inherit}.adf-sidebar-action-menu-panel{margin-top:7.5px;border-radius:2px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}\n"] }]
|
|
25840
25840
|
}], propDecorators: { title: [{
|
|
25841
25841
|
type: Input
|
|
25842
25842
|
}], expanded: [{
|
|
@@ -26243,11 +26243,11 @@ class CommentListComponent {
|
|
|
26243
26243
|
return this.commentsService.getUserImage(userId);
|
|
26244
26244
|
}
|
|
26245
26245
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26246
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;
|
|
26246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentListComponent, isStandalone: true, selector: "adf-comment-list", inputs: { comments: "comments" }, outputs: { clickRow: "clickRow" }, ngImport: i0, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;letter-spacing:-.2px;line-height:1.43}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-radius:50%;font-size:var(--mat-sys-title-small-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2$8.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2$8.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatLineModule }, { kind: "directive", type: i1$2.MatLine, selector: "[mat-line], [matLine]" }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26247
26247
|
}
|
|
26248
26248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentListComponent, decorators: [{
|
|
26249
26249
|
type: Component,
|
|
26250
|
-
args: [{ selector: 'adf-comment-list', imports: [CommonModule, MatListModule, MatLineModule, TimeAgoPipe, TranslatePipe], encapsulation: ViewEncapsulation.None, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;
|
|
26250
|
+
args: [{ selector: 'adf-comment-list', imports: [CommonModule, MatListModule, MatLineModule, TimeAgoPipe, TranslatePipe], encapsulation: ViewEncapsulation.None, template: " <mat-list class=\"adf-comment-list\">\n <mat-list-item *ngFor=\"let comment of comments\"\n (click)=\"selectComment(comment)\"\n class=\"adf-comment-list-item\">\n <div class=\"adf-comment-img-container\">\n <div *ngIf=\"!comment.hasAvatarPicture\" class=\"adf-comment-user-icon\">{{ comment.userInitials }}</div>\n <img *ngIf=\"comment.hasAvatarPicture\" class=\"adf-people-img\"\n [alt]=\"'COMMENTS.PROFILE_IMAGE' | translate\"\n [src]=\"getUserImage(comment.createdBy.id.toString())\" />\n </div>\n <div class=\"adf-comment-contents\">\n <div matLine class=\"adf-comment-user-name\">{{ comment.userDisplayName }}</div>\n <div matLine class=\"adf-comment-message\">{{ comment.message }}</div>\n <div matLine class=\"adf-comment-message-time\">{{ comment.created | adfTimeAgo }}</div>\n </div>\n </mat-list-item>\n</mat-list>\n", styles: [".adf-comment-list{padding-bottom:0}.adf-comment-list .adf-comment-img-container{width:40px;height:100%;display:flex;align-self:flex-start;padding-top:18px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container){white-space:initial;display:table-row-group;padding-top:12px;overflow:hidden;height:100%;background-position:center}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents{width:100%;padding-top:12px;padding-left:5px}.adf-comment-list .adf-comment-list-item:has(.adf-comment-img-container) .adf-comment-contents .adf-comment-message{width:100%;padding:2px 10px;white-space:pre-line;letter-spacing:-.2px;line-height:1.43}.adf-comment-list .adf-comment-user-icon{padding:10px 5px;width:30px;background-color:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-radius:50%;font-size:var(--mat-sys-title-small-size);text-align:center;height:20px;background-size:cover}.adf-comment-list .adf-comment-user-name{width:100%;padding:2px 10px;font-weight:600}.adf-comment-list .adf-comment-message-time{margin-top:5px;width:100%;padding:2px 10px;font-size:unset}.adf-comment-list .adf-people-img{border-radius:90%;width:40px;height:40px;vertical-align:middle}\n"] }]
|
|
26251
26251
|
}], propDecorators: { comments: [{
|
|
26252
26252
|
type: Input,
|
|
26253
26253
|
args: [{ required: true }]
|
|
@@ -26412,7 +26412,7 @@ class CommentsComponent {
|
|
|
26412
26412
|
return commentControl.value?.trim() ? null : { emptyComment: true };
|
|
26413
26413
|
}
|
|
26414
26414
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26415
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentsComponent, isStandalone: true, selector: "adf-comments", inputs: { id: "id", readOnly: "readOnly" }, outputs: { error: "error", commentAdded: "commentAdded" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-comments-container\">\n <div id=\"comment-header\" class=\"adf-comments-header adf-comments-divider\">\n {{'COMMENTS.HEADER' | translate: { count: comments?.length } }}\n </div>\n <div *ngIf=\"!readOnly\" class=\"adf-comments-input-container adf-comments-divider\">\n <mat-form-field>\n <textarea\n matInput\n id=\"comment-input\"\n class=\"adf-text-text-area\"\n [placeholder]='(\"COMMENTS.ADD\" | translate) + \"*\"'\n [attr.aria-label]=\"'COMMENTS.ADD' | translate\"\n [formControl]=\"commentControl\"\n (keydown.escape)=\"clearMessage($event)\"\n >\n </textarea>\n <mat-error *ngIf=\"commentControl.invalid && commentControl.touched\">{{ 'COMMENTS.EMPTY_ERROR' | translate }}</mat-error>\n </mat-form-field>\n\n <div class=\"adf-comments-input-actions\">\n <button\n mat-button\n data-automation-id=\"comments-input-add\"\n
|
|
26415
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CommentsComponent, isStandalone: true, selector: "adf-comments", inputs: { id: "id", readOnly: "readOnly" }, outputs: { error: "error", commentAdded: "commentAdded" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-comments-container\">\n <div id=\"comment-header\" class=\"adf-comments-header adf-comments-divider\">\n {{'COMMENTS.HEADER' | translate: { count: comments?.length } }}\n </div>\n <div *ngIf=\"!readOnly\" class=\"adf-comments-input-container adf-comments-divider\">\n <mat-form-field>\n <textarea\n matInput\n id=\"comment-input\"\n class=\"adf-text-text-area\"\n [placeholder]='(\"COMMENTS.ADD\" | translate) + \"*\"'\n [attr.aria-label]=\"'COMMENTS.ADD' | translate\"\n [formControl]=\"commentControl\"\n (keydown.escape)=\"clearMessage($event)\"\n >\n </textarea>\n <mat-error *ngIf=\"commentControl.invalid && commentControl.touched\">{{ 'COMMENTS.EMPTY_ERROR' | translate }}</mat-error>\n </mat-form-field>\n\n <div class=\"adf-comments-input-actions\">\n <button\n mat-button\n data-automation-id=\"comments-input-add\"\n (click)=\"addComment()\"\n [disabled]=\"commentControl.invalid\"\n >\n {{ 'COMMENTS.ADD' | translate }}\n </button>\n </div>\n </div>\n\n <adf-comment-list *ngIf=\"comments?.length > 0\" [comments]=\"comments\" />\n</div>\n", styles: ["adf-comments .adf-comments-container{height:100%;width:100%;overflow:auto}adf-comments .adf-comments-container .adf-comments-input-container{width:100%;padding-bottom:8px}adf-comments .adf-comments-container .adf-comments-input-container textarea{resize:vertical;height:20px}adf-comments .adf-comments-divider{border-bottom:1px solid var(--mat-sys-outline)}adf-comments .adf-comments-header{padding:10px 0;font-size:var(--mat-sys-body-medium-size);font-weight:600}adf-comments .adf-comments-input-actions{padding-top:16px;display:flex;justify-content:flex-end}adf-comments .mat-mdc-list-item-unscoped-content{display:flex;padding:0 16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: CommentListComponent, selector: "adf-comment-list", inputs: ["comments"], outputs: ["clickRow"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26416
26416
|
}
|
|
26417
26417
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CommentsComponent, decorators: [{
|
|
26418
26418
|
type: Component,
|
|
@@ -26425,7 +26425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
26425
26425
|
MatButtonModule,
|
|
26426
26426
|
CommentListComponent,
|
|
26427
26427
|
ReactiveFormsModule
|
|
26428
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-comments-container\">\n <div id=\"comment-header\" class=\"adf-comments-header adf-comments-divider\">\n {{'COMMENTS.HEADER' | translate: { count: comments?.length } }}\n </div>\n <div *ngIf=\"!readOnly\" class=\"adf-comments-input-container adf-comments-divider\">\n <mat-form-field>\n <textarea\n matInput\n id=\"comment-input\"\n class=\"adf-text-text-area\"\n [placeholder]='(\"COMMENTS.ADD\" | translate) + \"*\"'\n [attr.aria-label]=\"'COMMENTS.ADD' | translate\"\n [formControl]=\"commentControl\"\n (keydown.escape)=\"clearMessage($event)\"\n >\n </textarea>\n <mat-error *ngIf=\"commentControl.invalid && commentControl.touched\">{{ 'COMMENTS.EMPTY_ERROR' | translate }}</mat-error>\n </mat-form-field>\n\n <div class=\"adf-comments-input-actions\">\n <button\n mat-button\n data-automation-id=\"comments-input-add\"\n
|
|
26428
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-comments-container\">\n <div id=\"comment-header\" class=\"adf-comments-header adf-comments-divider\">\n {{'COMMENTS.HEADER' | translate: { count: comments?.length } }}\n </div>\n <div *ngIf=\"!readOnly\" class=\"adf-comments-input-container adf-comments-divider\">\n <mat-form-field>\n <textarea\n matInput\n id=\"comment-input\"\n class=\"adf-text-text-area\"\n [placeholder]='(\"COMMENTS.ADD\" | translate) + \"*\"'\n [attr.aria-label]=\"'COMMENTS.ADD' | translate\"\n [formControl]=\"commentControl\"\n (keydown.escape)=\"clearMessage($event)\"\n >\n </textarea>\n <mat-error *ngIf=\"commentControl.invalid && commentControl.touched\">{{ 'COMMENTS.EMPTY_ERROR' | translate }}</mat-error>\n </mat-form-field>\n\n <div class=\"adf-comments-input-actions\">\n <button\n mat-button\n data-automation-id=\"comments-input-add\"\n (click)=\"addComment()\"\n [disabled]=\"commentControl.invalid\"\n >\n {{ 'COMMENTS.ADD' | translate }}\n </button>\n </div>\n </div>\n\n <adf-comment-list *ngIf=\"comments?.length > 0\" [comments]=\"comments\" />\n</div>\n", styles: ["adf-comments .adf-comments-container{height:100%;width:100%;overflow:auto}adf-comments .adf-comments-container .adf-comments-input-container{width:100%;padding-bottom:8px}adf-comments .adf-comments-container .adf-comments-input-container textarea{resize:vertical;height:20px}adf-comments .adf-comments-divider{border-bottom:1px solid var(--mat-sys-outline)}adf-comments .adf-comments-header{padding:10px 0;font-size:var(--mat-sys-body-medium-size);font-weight:600}adf-comments .adf-comments-input-actions{padding-top:16px;display:flex;justify-content:flex-end}adf-comments .mat-mdc-list-item-unscoped-content{display:flex;padding:0 16px}\n"] }]
|
|
26429
26429
|
}], propDecorators: { id: [{
|
|
26430
26430
|
type: Input
|
|
26431
26431
|
}], readOnly: [{
|
|
@@ -26553,7 +26553,7 @@ class SortingPickerComponent {
|
|
|
26553
26553
|
this.sortingChange.emit(this.ascending);
|
|
26554
26554
|
}
|
|
26555
26555
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SortingPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SortingPickerComponent, isStandalone: true, selector: "adf-sorting-picker", inputs: { options: "options", selected: "selected", ascending: "ascending" }, outputs: { valueChange: "valueChange", sortingChange: "sortingChange" }, host: { classAttribute: "adf-sorting-picker" }, ngImport: i0, template: "<mat-form-field floatLabel=\"always\">\n <mat-label>{{'CORE.SEARCH.SORT_BY' | translate}}</mat-label>\n <mat-select [(value)]=\"selected\" (selectionChange)=\"onOptionChanged($event)\">\n <mat-option *ngFor=\"let option of options\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n</mat-form-field>\n\n<button *ngIf=\"selected\" class=\"adf-sorting-picker-button\" mat-icon-button (click)=\"toggleSortDirection()\" aria-label=\"'CORE.SEARCH.TOGGLE_ASC_DESC_ORDER' | translate\">\n <mat-icon *ngIf=\"ascending\">arrow_upward</mat-icon>\n <mat-icon *ngIf=\"!ascending\">arrow_downward</mat-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$
|
|
26556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SortingPickerComponent, isStandalone: true, selector: "adf-sorting-picker", inputs: { options: "options", selected: "selected", ascending: "ascending" }, outputs: { valueChange: "valueChange", sortingChange: "sortingChange" }, host: { classAttribute: "adf-sorting-picker" }, ngImport: i0, template: "<mat-form-field floatLabel=\"always\">\n <mat-label>{{'CORE.SEARCH.SORT_BY' | translate}}</mat-label>\n <mat-select [(value)]=\"selected\" (selectionChange)=\"onOptionChanged($event)\">\n <mat-option *ngFor=\"let option of options\" [value]=\"option.key\">\n {{ option.label | translate }}\n </mat-option>\n </mat-select>\n</mat-form-field>\n\n<button *ngIf=\"selected\" class=\"adf-sorting-picker-button\" mat-icon-button (click)=\"toggleSortDirection()\" aria-label=\"'CORE.SEARCH.TOGGLE_ASC_DESC_ORDER' | translate\">\n <mat-icon *ngIf=\"ascending\">arrow_upward</mat-icon>\n <mat-icon *ngIf=\"!ascending\">arrow_downward</mat-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26557
26557
|
}
|
|
26558
26558
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SortingPickerComponent, decorators: [{
|
|
26559
26559
|
type: Component,
|
|
@@ -26644,11 +26644,11 @@ class ErrorContentComponent {
|
|
|
26644
26644
|
return errorMessage !== 'ERROR_CONTENT.' + errorCode;
|
|
26645
26645
|
}
|
|
26646
26646
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorContentComponent, deps: [{ token: i1$9.ActivatedRoute }, { token: TranslationService }, { token: i1$e.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorContentComponent, isStandalone: true, selector: "adf-error-content", inputs: { errorCode: "errorCode" }, host: { classAttribute: "adf-error-content" }, ngImport: i0, template: "<ng-container *ngIf=\"{ isSmallScreen: isSmallScreen$ | async } as screenSize\">\n <div class=\"adf-error-content\">\n <p class=\"adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}\">\n {{ errorCodeTranslated }}\n </p>\n <div class=\"adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}\"></div>\n <p class=\"adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}\n </p>\n <p class=\"adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}\n </p>\n <ng-content select=\"[adf-error-content-actions]\" />\n </div>\n</ng-container>\n", styles: [".adf-error-content{
|
|
26647
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ErrorContentComponent, isStandalone: true, selector: "adf-error-content", inputs: { errorCode: "errorCode" }, host: { classAttribute: "adf-error-content" }, ngImport: i0, template: "<ng-container *ngIf=\"{ isSmallScreen: isSmallScreen$ | async } as screenSize\">\n <div class=\"adf-error-content\">\n <p class=\"adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}\">\n {{ errorCodeTranslated }}\n </p>\n <div class=\"adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}\"></div>\n <p class=\"adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}\n </p>\n <p class=\"adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}\n </p>\n <ng-content select=\"[adf-error-content-actions]\" />\n </div>\n</ng-container>\n", styles: [".adf-error-content{display:flex;flex-direction:column;align-items:center;text-align:center}.adf-error-content-code{margin-top:200px}.adf-error-content-code--small{margin-top:100px;margin-bottom:25px}.adf-error-content-shadow{width:170px;height:3px;opacity:.54;box-shadow:0 10px 15px #00000063;margin-bottom:40px}.adf-error-content-shadow--small{width:100px}.adf-error-content-description{width:50%;min-width:250px;margin-bottom:60px;line-height:30px}@media (max-width: 959.9px){.adf-error-content-code{margin-top:100px;font-size:50px;margin-bottom:25px}.adf-error-content-shadow{width:100px}.adf-error-content-title{font-size:var(--mat-sys-headline-small-size)}.adf-error-content-description{font-size:var(--mat-sys-title-small-size)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
26648
26648
|
}
|
|
26649
26649
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ErrorContentComponent, decorators: [{
|
|
26650
26650
|
type: Component,
|
|
26651
|
-
args: [{ selector: 'adf-error-content', imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-error-content' }, template: "<ng-container *ngIf=\"{ isSmallScreen: isSmallScreen$ | async } as screenSize\">\n <div class=\"adf-error-content\">\n <p class=\"adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}\">\n {{ errorCodeTranslated }}\n </p>\n <div class=\"adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}\"></div>\n <p class=\"adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}\n </p>\n <p class=\"adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}\n </p>\n <ng-content select=\"[adf-error-content-actions]\" />\n </div>\n</ng-container>\n", styles: [".adf-error-content{
|
|
26651
|
+
args: [{ selector: 'adf-error-content', imports: [CommonModule, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-error-content' }, template: "<ng-container *ngIf=\"{ isSmallScreen: isSmallScreen$ | async } as screenSize\">\n <div class=\"adf-error-content\">\n <p class=\"adf-error-content-code {{ screenSize.isSmallScreen ? 'adf-error-content-code--small mat-headline-2': 'mat-headline-1' }}\">\n {{ errorCodeTranslated }}\n </p>\n <div class=\"adf-error-content-shadow {{ screenSize.isSmallScreen ? 'adf-error-content-shadow--small': '' }}\"></div>\n <p class=\"adf-error-content-title {{ screenSize.isSmallScreen ? 'mat-headline-5': 'mat-headline-3' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.TITLE' | translate }}\n </p>\n <p class=\"adf-error-content-description {{ screenSize.isSmallScreen ? 'mat-subtitle-1': 'mat-headline-5' }}\">\n {{ 'ERROR_CONTENT.' + errorCodeTranslated + '.DESCRIPTION' | translate }}\n </p>\n <ng-content select=\"[adf-error-content-actions]\" />\n </div>\n</ng-container>\n", styles: [".adf-error-content{display:flex;flex-direction:column;align-items:center;text-align:center}.adf-error-content-code{margin-top:200px}.adf-error-content-code--small{margin-top:100px;margin-bottom:25px}.adf-error-content-shadow{width:170px;height:3px;opacity:.54;box-shadow:0 10px 15px #00000063;margin-bottom:40px}.adf-error-content-shadow--small{width:100px}.adf-error-content-description{width:50%;min-width:250px;margin-bottom:60px;line-height:30px}@media (max-width: 959.9px){.adf-error-content-code{margin-top:100px;font-size:50px;margin-bottom:25px}.adf-error-content-shadow{width:100px}.adf-error-content-title{font-size:var(--mat-sys-headline-small-size)}.adf-error-content-description{font-size:var(--mat-sys-title-small-size)}}\n"] }]
|
|
26652
26652
|
}], ctorParameters: () => [{ type: i1$9.ActivatedRoute }, { type: TranslationService }, { type: i1$e.BreakpointObserver }], propDecorators: { errorCode: [{
|
|
26653
26653
|
type: Input
|
|
26654
26654
|
}] } });
|
|
@@ -26679,11 +26679,11 @@ class EmptyContentComponent {
|
|
|
26679
26679
|
this.subtitle = '';
|
|
26680
26680
|
}
|
|
26681
26681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EmptyContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26682
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EmptyContentComponent, isStandalone: true, selector: "adf-empty-content", inputs: { icon: "icon", title: "title", subtitle: "subtitle" }, host: { classAttribute: "adf-empty-content" }, ngImport: i0, template: "<div class=\"adf-empty-content\" [title]=\"title | translate\">\n <adf-icon class=\"adf-empty-content__icon\" [value]=\"icon\" />\n <div class=\"adf-empty-content__title\">{{ title | translate }}</div>\n <div class=\"adf-empty-content__subtitle\">{{ subtitle | translate }}</div>\n <ng-content />\n</div>\n", styles: [".adf-empty-content{
|
|
26682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: EmptyContentComponent, isStandalone: true, selector: "adf-empty-content", inputs: { icon: "icon", title: "title", subtitle: "subtitle" }, host: { classAttribute: "adf-empty-content" }, ngImport: i0, template: "<div class=\"adf-empty-content\" [title]=\"title | translate\">\n <adf-icon class=\"adf-empty-content__icon\" [value]=\"icon\" />\n <div class=\"adf-empty-content__title\">{{ title | translate }}</div>\n <div class=\"adf-empty-content__subtitle\">{{ subtitle | translate }}</div>\n <ng-content />\n</div>\n", styles: [".adf-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.adf-empty-content__icon>*:first-child{font-size:var(--mat-sys-display-medium-size);height:var(--mat-sys-display-medium-size);width:var(--mat-sys-display-medium-size)}.adf-empty-content__title{font-size:var(--mat-sys-title-large-size);font-weight:600;line-height:0;white-space:normal;text-align:center;margin:10px 0}.adf-empty-content__subtitle,.adf-empty-content__text{font-weight:300;line-height:inherit;white-space:normal;text-align:center}.adf-empty-content .adf-icon{opacity:.6}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
26683
26683
|
}
|
|
26684
26684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: EmptyContentComponent, decorators: [{
|
|
26685
26685
|
type: Component,
|
|
26686
|
-
args: [{ selector: 'adf-empty-content', imports: [TranslatePipe, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-empty-content' }, template: "<div class=\"adf-empty-content\" [title]=\"title | translate\">\n <adf-icon class=\"adf-empty-content__icon\" [value]=\"icon\" />\n <div class=\"adf-empty-content__title\">{{ title | translate }}</div>\n <div class=\"adf-empty-content__subtitle\">{{ subtitle | translate }}</div>\n <ng-content />\n</div>\n", styles: [".adf-empty-content{
|
|
26686
|
+
args: [{ selector: 'adf-empty-content', imports: [TranslatePipe, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'adf-empty-content' }, template: "<div class=\"adf-empty-content\" [title]=\"title | translate\">\n <adf-icon class=\"adf-empty-content__icon\" [value]=\"icon\" />\n <div class=\"adf-empty-content__title\">{{ title | translate }}</div>\n <div class=\"adf-empty-content__subtitle\">{{ subtitle | translate }}</div>\n <ng-content />\n</div>\n", styles: [".adf-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.adf-empty-content__icon>*:first-child{font-size:var(--mat-sys-display-medium-size);height:var(--mat-sys-display-medium-size);width:var(--mat-sys-display-medium-size)}.adf-empty-content__title{font-size:var(--mat-sys-title-large-size);font-weight:600;line-height:0;white-space:normal;text-align:center;margin:10px 0}.adf-empty-content__subtitle,.adf-empty-content__text{font-weight:300;line-height:inherit;white-space:normal;text-align:center}.adf-empty-content .adf-icon{opacity:.6}\n"] }]
|
|
26687
26687
|
}], propDecorators: { icon: [{
|
|
26688
26688
|
type: Input
|
|
26689
26689
|
}], title: [{
|
|
@@ -26925,11 +26925,11 @@ class DynamicChipListComponent {
|
|
|
26925
26925
|
}
|
|
26926
26926
|
}
|
|
26927
26927
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26928
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}
|
|
26928
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DynamicChipListComponent, isStandalone: true, selector: "adf-dynamic-chip-list", inputs: { pagination: "pagination", chips: "chips", showDelete: "showDelete", disableDelete: "disableDelete", limitChipsDisplayed: "limitChipsDisplayed", roundUpChips: "roundUpChips" }, outputs: { displayNext: "displayNext", removedChip: "removedChip" }, viewQueries: [{ propertyName: "containerView", first: true, predicate: ["nodeListContainer"], descendants: true }, { propertyName: "matChips", predicate: MatChip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i8.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "directive", type: i8.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i8.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26929
26929
|
}
|
|
26930
26930
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DynamicChipListComponent, decorators: [{
|
|
26931
26931
|
type: Component,
|
|
26932
|
-
args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}
|
|
26932
|
+
args: [{ selector: 'adf-dynamic-chip-list', imports: [MatChipsModule, TranslatePipe, NgForOf, MatIconModule, NgIf, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n class=\"adf-dynamic-chip-list-container\"\n [class.adf-dynamic-chip-list-flex-column]=\"limitChipsDisplayed && (!calculationsDone || columnFlexDirection)\"\n [class.adf-dynamic-chip-list-button-in-next-line]=\"moveLoadMoreButtonToNextRow\"\n [class.adf-dynamic-chip-list-paginated]=\"paginationData\"\n #nodeListContainer>\n <mat-chip-set\n [class.adf-dynamic-chip-list-full-width]=\"limitChipsDisplayed && !calculationsDone\"\n role=\"list\"\n [attr.aria-label]=\"'METADATA.BASIC.TAGS' | translate\">\n <mat-chip\n *ngFor=\"let chip of chipsToDisplay; let idx = index\"\n class=\"adf-dynamic-chip-list-chip\"\n [style.border-radius]=\"roundUpChips ? '20px' : '10px'\"\n [style.font-weight]=\"'bold'\"\n role=\"listitem\"\n tabIndex=\"0\"\n [attr.aria-label]=\"chip.name\"\n (removed)=\"removedChip.emit(chip.id)\">\n <span id=\"adf-dynamic-chip-list-chip-name-{{ idx }}\">{{ chip.name }}</span>\n <mat-icon *ngIf=\"showDelete\"\n id=\"adf-dynamic-chip-list-delete-{{ chip.name }}\"\n class=\"adf-dynamic-chip-list-delete-icon\"\n [disabled]=\"disableDelete\"\n matChipRemove>\n close\n </mat-icon>\n </mat-chip>\n </mat-chip-set>\n <button\n data-automation-id=\"adf-dynamic-chip-list-view-more-button\"\n mat-button\n [hidden]=\"chipsToDisplay?.length === 0 || !limitChipsDisplayed\"\n [style.left.px]=\"viewMoreButtonLeftOffset\"\n [style.top.px]=\"!!pagination ? viewMoreButtonTop : ''\"\n class=\"adf-dynamic-chip-list-view-more-button\"\n [class.adf-dynamic-chip-list-hidden-btn]=\"!calculationsDone\"\n (click)=\"displayNextChips($event)\">\n {{\n paginationData ? ('DYNAMIC_CHIP_LIST.LOAD_MORE' | translate) :\n ('TAG_NODE_LIST.VIEW_MORE' | translate: { count: undisplayedChipsCount })\n }}\n </button>\n</div>\n", styles: [".adf-dynamic-chip-list-container{display:flex;flex-direction:row;width:inherit;padding-top:12px;padding-bottom:12px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button{margin-left:5px;position:absolute;padding:0 16px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-view-more-button[hidden]{visibility:hidden}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column{flex-direction:column}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-flex-column .adf-dynamic-chip-list-view-more-button{position:relative}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-paginated .adf-dynamic-chip-list-view-more-button{margin-left:24px}.adf-dynamic-chip-list-container.adf-dynamic-chip-list-button-in-next-line{align-items:unset;padding-bottom:54px}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated){align-items:center}.adf-dynamic-chip-list-container:not(.adf-dynamic-chip-list-paginated):not(.adf-dynamic-chip-list-flex-column) .adf-dynamic-chip-list-view-more-button{margin-left:4px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-full-width{width:100%}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-hidden-btn{visibility:hidden}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip{word-break:break-word;margin-top:0;margin-bottom:0;padding:6px 11px}.adf-dynamic-chip-list-container .adf-dynamic-chip-list-chip .mdc-evolution-chip__action{padding:2px 12px}\n"] }]
|
|
26933
26933
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { pagination: [{
|
|
26934
26934
|
type: Input
|
|
26935
26935
|
}], chips: [{
|
|
@@ -27179,11 +27179,11 @@ class UnsavedChangesDialogComponent {
|
|
|
27179
27179
|
this.userPreferencesService.set(AppConfigValues.UNSAVED_CHANGES_MODAL_HIDDEN, savePreferences.checked.toString());
|
|
27180
27180
|
}
|
|
27181
27181
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnsavedChangesDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnsavedChangesDialogComponent, isStandalone: true, selector: "adf-unsaved-changes-dialog", host: { classAttribute: "adf-unsaved-changes-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title class=\"adf-unsaved-changes-dialog-header\">\n {{ dialogData.headerText | translate }}\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-close-button\"\n class=\"adf-unsaved-changes-dialog-header-close-button\"\n mat-icon-button\n [title]=\"'CLOSE' | translate\"\n [mat-dialog-close]=\"false\">\n <mat-icon>close</mat-icon>\n </button>\n</h1>\n<mat-dialog-content class=\"adf-unsaved-changes-dialog-content\">\n {{ dialogData.descriptionText | translate }}\n <div class=\"adf-unsaved-changes-dialog-content-checkbox\" *ngIf=\"dialogData.checkboxText.length\">\n <mat-checkbox data-automation-id=\"adf-unsaved-changes-dialog-content-checkbox\"\n (change)=\"onToggleCheckboxPreferences($event)\"\n >{{ dialogData.checkboxText | translate }}</mat-checkbox>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"adf-unsaved-changes-dialog-actions\">\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-cancel-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n class=\"adf-unsaved-changes-dialog-actions-cancel-button\">\n {{ 'CANCEL' | translate | titlecase }}\n </button>\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-discard-changes-button\"\n mat-button\n [mat-dialog-close]=\"true\"\n class=\"adf-unsaved-changes-dialog-actions-discard-changes-button\">\n {{ dialogData.confirmButtonText | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:16px;height:24px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header-close-button{margin-right:-16px;margin-bottom:2px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header:before{display:none}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content{padding:0 8px 0 0;overflow:unset
|
|
27182
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: UnsavedChangesDialogComponent, isStandalone: true, selector: "adf-unsaved-changes-dialog", host: { classAttribute: "adf-unsaved-changes-dialog" }, ngImport: i0, template: "<h1 mat-dialog-title class=\"adf-unsaved-changes-dialog-header\">\n {{ dialogData.headerText | translate }}\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-close-button\"\n class=\"adf-unsaved-changes-dialog-header-close-button\"\n mat-icon-button\n [title]=\"'CLOSE' | translate\"\n [mat-dialog-close]=\"false\">\n <mat-icon>close</mat-icon>\n </button>\n</h1>\n<mat-dialog-content class=\"adf-unsaved-changes-dialog-content\">\n {{ dialogData.descriptionText | translate }}\n <div class=\"adf-unsaved-changes-dialog-content-checkbox\" *ngIf=\"dialogData.checkboxText.length\">\n <mat-checkbox data-automation-id=\"adf-unsaved-changes-dialog-content-checkbox\"\n (change)=\"onToggleCheckboxPreferences($event)\"\n >{{ dialogData.checkboxText | translate }}</mat-checkbox>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"adf-unsaved-changes-dialog-actions\">\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-cancel-button\"\n mat-button-flat\n [mat-dialog-close]=\"false\"\n class=\"adf-unsaved-changes-dialog-actions-cancel-button\">\n {{ 'CANCEL' | translate | titlecase }}\n </button>\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-discard-changes-button\"\n mat-button\n [mat-dialog-close]=\"true\"\n class=\"adf-unsaved-changes-dialog-actions-discard-changes-button\">\n {{ dialogData.confirmButtonText | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:16px;height:24px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header-close-button{margin-right:-16px;margin-bottom:2px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header:before{display:none}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content{padding:0 8px 0 0;overflow:unset}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content-checkbox{margin-top:20px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions{margin-top:11px;margin-bottom:1px;margin-left:40px;padding:0;align-items:flex-end}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-cancel-button{margin-right:4px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{color:var(--mat-sys-on-error);background-color:var(--mat-sys-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{--mdc-filled-button-label-text-color: var(--mat-sys-on-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{--mdc-filled-button-container-color: var(--mat-sys-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-cancel-button,.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{height:32px;display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27183
27183
|
}
|
|
27184
27184
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UnsavedChangesDialogComponent, decorators: [{
|
|
27185
27185
|
type: Component,
|
|
27186
|
-
args: [{ selector: 'adf-unsaved-changes-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'adf-unsaved-changes-dialog' }, imports: [MatDialogModule, TranslatePipe, MatButtonModule, MatIconModule, CommonModule, MatCheckboxModule, ReactiveFormsModule], template: "<h1 mat-dialog-title class=\"adf-unsaved-changes-dialog-header\">\n {{ dialogData.headerText | translate }}\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-close-button\"\n class=\"adf-unsaved-changes-dialog-header-close-button\"\n mat-icon-button\n [title]=\"'CLOSE' | translate\"\n [mat-dialog-close]=\"false\">\n <mat-icon>close</mat-icon>\n </button>\n</h1>\n<mat-dialog-content class=\"adf-unsaved-changes-dialog-content\">\n {{ dialogData.descriptionText | translate }}\n <div class=\"adf-unsaved-changes-dialog-content-checkbox\" *ngIf=\"dialogData.checkboxText.length\">\n <mat-checkbox data-automation-id=\"adf-unsaved-changes-dialog-content-checkbox\"\n (change)=\"onToggleCheckboxPreferences($event)\"\n >{{ dialogData.checkboxText | translate }}</mat-checkbox>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"adf-unsaved-changes-dialog-actions\">\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-cancel-button\"\n mat-button\n [mat-dialog-close]=\"false\"\n class=\"adf-unsaved-changes-dialog-actions-cancel-button\">\n {{ 'CANCEL' | translate | titlecase }}\n </button>\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-discard-changes-button\"\n mat-button\n [mat-dialog-close]=\"true\"\n class=\"adf-unsaved-changes-dialog-actions-discard-changes-button\">\n {{ dialogData.confirmButtonText | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:16px;height:24px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header-close-button{margin-right:-16px;margin-bottom:2px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header:before{display:none}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content{padding:0 8px 0 0;overflow:unset
|
|
27186
|
+
args: [{ selector: 'adf-unsaved-changes-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'adf-unsaved-changes-dialog' }, imports: [MatDialogModule, TranslatePipe, MatButtonModule, MatIconModule, CommonModule, MatCheckboxModule, ReactiveFormsModule], template: "<h1 mat-dialog-title class=\"adf-unsaved-changes-dialog-header\">\n {{ dialogData.headerText | translate }}\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-close-button\"\n class=\"adf-unsaved-changes-dialog-header-close-button\"\n mat-icon-button\n [title]=\"'CLOSE' | translate\"\n [mat-dialog-close]=\"false\">\n <mat-icon>close</mat-icon>\n </button>\n</h1>\n<mat-dialog-content class=\"adf-unsaved-changes-dialog-content\">\n {{ dialogData.descriptionText | translate }}\n <div class=\"adf-unsaved-changes-dialog-content-checkbox\" *ngIf=\"dialogData.checkboxText.length\">\n <mat-checkbox data-automation-id=\"adf-unsaved-changes-dialog-content-checkbox\"\n (change)=\"onToggleCheckboxPreferences($event)\"\n >{{ dialogData.checkboxText | translate }}</mat-checkbox>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"adf-unsaved-changes-dialog-actions\">\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-cancel-button\"\n mat-button-flat\n [mat-dialog-close]=\"false\"\n class=\"adf-unsaved-changes-dialog-actions-cancel-button\">\n {{ 'CANCEL' | translate | titlecase }}\n </button>\n <button\n data-automation-id=\"adf-unsaved-changes-dialog-discard-changes-button\"\n mat-button\n [mat-dialog-close]=\"true\"\n class=\"adf-unsaved-changes-dialog-actions-discard-changes-button\">\n {{ dialogData.confirmButtonText | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header{display:flex;align-items:center;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:16px;height:24px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header-close-button{margin-right:-16px;margin-bottom:2px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-header:before{display:none}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content{padding:0 8px 0 0;overflow:unset}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-content-checkbox{margin-top:20px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions{margin-top:11px;margin-bottom:1px;margin-left:40px;padding:0;align-items:flex-end}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-cancel-button{margin-right:4px}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{color:var(--mat-sys-on-error);background-color:var(--mat-sys-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{--mdc-filled-button-label-text-color: var(--mat-sys-on-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{--mdc-filled-button-container-color: var(--mat-sys-error)}.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-cancel-button,.adf-unsaved-changes-dialog .adf-unsaved-changes-dialog-actions-discard-changes-button{height:32px;display:flex;align-items:center}\n"] }]
|
|
27187
27187
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
27188
27188
|
type: Inject,
|
|
27189
27189
|
args: [MAT_DIALOG_DATA]
|
|
@@ -27390,11 +27390,11 @@ class DialogComponent {
|
|
|
27390
27390
|
this.dialogRef.close(this.dataOnConfirm || true);
|
|
27391
27391
|
}
|
|
27392
27392
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$7.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27393
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DialogComponent, isStandalone: true, selector: "adf-dialog", ngImport: i0, template: "<div\n data-automation-id=\"adf-dialog-container\"\n class=\"adf-dialog-container {{ dialogSize }}\"\n>\n <div\n mat-dialog-title\n data-automation-id=\"adf-dialog-header\"\n class=\"adf-dialog-header\"\n [ngClass]=\"{ 'adf-centered-header': data.headerIcon }\"\n >\n <div class=\"adf-dialog-title-container\" [ngClass]=\"{ 'adf-centered-title': data.headerIcon }\">\n <mat-icon\n *ngIf=\"data.headerIcon\"\n color=\"primary\"\n class=\"adf-dialog-header-icon\"\n >\n {{ data.headerIcon }}\n </mat-icon>\n <h2 class=\"adf-dialog-title\">{{ data.title | translate }}</h2>\n </div>\n <button\n *ngIf=\"!isCloseButtonHidden\"\n mat-icon-button\n mat-dialog-close\n title=\"{{'CLOSE' | translate }}\"\n data-automation-id=\"adf-dialog-close-button\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <div\n [ngTemplateOutlet]=\"data.descriptionTemplate\"\n [ngClass]=\"{ 'adf-description': data.description || data.descriptionTemplate }\"\n >\n <ng-container>{{ data.description | translate }}</ng-container>\n </div>\n\n <mat-dialog-content *ngIf=\"data.contentTemplate || data.contentComponent || data.contentText\" class=\"adf-dialog-content\">\n <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n <ng-container *ngComponentOutlet=\"data.contentComponent; injector: dataInjector\" />\n <ng-container>{{ data.contentText | translate }}</ng-container>\n </mat-dialog-content>\n\n <mat-dialog-actions\n class=\"adf-dialog-actions\"\n [ngClass]=\"{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }\"\n >\n <div class=\"adf-additional-actions-container\">\n <ng-container *ngIf=\"!additionalActionButtons && data.actionsTemplate\">\n <ng-container [ngTemplateOutlet]=\"data.actionsTemplate\" />\n </ng-container>\n\n <ng-container *ngIf=\"!data.actionsTemplate && additionalActionButtons\">\n <button\n *ngFor=\"let additionalButton of additionalActionButtons\"\n mat-button\n color=\"primary\"\n class=\"{{ additionalButton.class }}\"\n (click)=\"additionalButton.onClick()\"\n >\n {{ additionalButton.title | translate }}\n </button>\n </ng-container>\n </div>\n\n <div class=\"adf-main-actions-container\">\n <button\n *ngIf=\"!isCancelButtonHidden\"\n mat-stroked-button\n color=\"primary\"\n mat-dialog-close\n data-automation-id=\"adf-dialog-actions-cancel\"\n >\n {{ cancelButtonTitle | translate }}\n </button>\n\n <button\n mat-flat-button\n color=\"primary\"\n data-automation-id=\"adf-dialog-actions-confirm\"\n [disabled]=\"isConfirmButtonDisabled$ | async\"\n (click)=\"onConfirm()\"\n >\n {{ confirmButtonTitle | translate }}\n </button>\n </div>\n </mat-dialog-actions>\n</div>\n", styles: [".adf-large-dialog-panel,.adf-medium-dialog-panel,.adf-alert-dialog-panel{min-width:221px;border-radius:8px;overflow:hidden}@media screen and (max-width: 375px){.adf-large-dialog-panel .adf-additional-actions,.adf-medium-dialog-panel .adf-additional-actions,.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-large-dialog-panel{max-width:56vw}@media screen and (min-width: 1920px){.adf-large-dialog-panel{max-width:1075px}}@media screen and (max-width: 500px){.adf-large-dialog-panel{max-width:100vw}}@media screen and (max-width: 642px){.adf-large-dialog-panel .adf-additional-actions{justify-content:center}}.adf-medium-dialog-panel{max-width:36vw}@media screen and (min-width: 1920px){.adf-medium-dialog-panel{max-width:691px}}@media screen and (max-width: 920px){.adf-medium-dialog-panel{max-width:84vw}}@media screen and (max-width: 375px){.adf-medium-dialog-panel{max-width:100vw}}@media screen and (max-width: 1002px){.adf-medium-dialog-panel .adf-additional-actions{justify-content:center}}.adf-alert-dialog-panel{max-width:24vw}@media screen and (min-width: 1680px){.adf-alert-dialog-panel{max-width:461px}}@media screen and (max-width: 1440px){.adf-alert-dialog-panel{max-width:346px}}@media screen and (max-width: 375px){.adf-alert-dialog-panel{max-width:84vw}}@media screen and (max-width: 1501px){.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-dialog-container{min-width:221px;min-height:140px;max-height:calc(84vh - 48px);position:relative;display:flex;flex-direction:column}.adf-dialog-container .adf-dialog-header,.adf-dialog-container .adf-dialog-content,.adf-dialog-container .adf-dialog-actions{margin:0;padding:0}.adf-dialog-container .adf-dialog-header{display:flex;align-items:center;padding-bottom:24px}.adf-dialog-container .adf-dialog-header.adf-centered-header{align-items:flex-start}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container{flex:1}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container.adf-centered-title{display:flex;flex-direction:column;align-items:center}.adf-dialog-container .adf-dialog-header .adf-dialog-title{font-size:large;font-weight:200;margin:0}.adf-dialog-container .adf-dialog-header .adf-dialog-header-icon{width:48px;height:48px;font-size:48px}.adf-dialog-container .adf-description{padding-top:24px}.adf-dialog-container .adf-dialog-content{margin:24px 0;overflow:auto;flex:1;max-height:none;line-height:20px}.adf-dialog-container .adf-dialog-header:after,.adf-dialog-container .adf-dialog-actions:after{content:\" \";position:absolute;left:-24px;display:block;height:0;border-bottom:1px solid var(--adf-theme-foreground-divider-color);width:calc(100% + 48px)}.adf-dialog-container .adf-dialog-actions:after{top:0}.adf-dialog-container .adf-dialog-header:after{bottom:0}.adf-dialog-container .adf-dialog-actions{position:relative;display:flex;justify-content:space-between;padding-top:24px;text-transform:capitalize;min-height:auto}.adf-dialog-container .adf-dialog-actions .adf-main-actions-container,.adf-dialog-container .adf-dialog-actions .adf-additional-actions-container{display:flex;column-gap:8px}.adf-dialog-container.adf-large{max-height:calc(84vh - 48px)}@media screen and (min-height: 1075px){.adf-dialog-container.adf-large{max-height:859px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-large{max-height:calc(100vh - 48px)}}@media screen and (max-width: 642px){.adf-dialog-container.adf-large .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-medium{max-height:calc(72vh - 48px)}@media screen and (max-width: 375px){.adf-dialog-container.adf-medium{max-height:calc(100vh - 48px)}}@media screen and (min-height: 1075px){.adf-dialog-container.adf-medium{max-height:730px}}@media screen and (max-width: 1002px){.adf-dialog-container.adf-medium .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-alert{max-height:calc(40vh - 48px)}.adf-dialog-container.adf-alert .adf-centered-title{padding-left:40px;margin:auto;text-align:center}.adf-dialog-container.adf-alert .adf-dialog-content{margin:0}.adf-dialog-container.adf-alert .adf-dialog-header{padding:0}.adf-dialog-container.adf-alert .adf-dialog-header:after,.adf-dialog-container.adf-alert .adf-dialog-actions:after{display:none}@media screen and (min-width: 1680px){.adf-dialog-container.adf-alert{max-height:384px}}@media screen and (max-width: 1440px){.adf-dialog-container.adf-alert{max-height:312px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-alert{max-height:calc(56vh - 48px)}}@media screen and (max-height: 375px){.adf-dialog-container.adf-alert{max-height:84vh}}@media screen and (max-width: 1501px){.adf-dialog-container.adf-alert .adf-additional-actions{justify-content:center}}@media screen and (max-width: 375px){.adf-dialog-container .adf-additional-actions{justify-content:center}}.adf-additional-actions{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27393
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DialogComponent, isStandalone: true, selector: "adf-dialog", ngImport: i0, template: "<div\n data-automation-id=\"adf-dialog-container\"\n class=\"adf-dialog-container {{ dialogSize }}\"\n>\n <div\n mat-dialog-title\n data-automation-id=\"adf-dialog-header\"\n class=\"adf-dialog-header\"\n [ngClass]=\"{ 'adf-centered-header': data.headerIcon }\"\n >\n <div class=\"adf-dialog-title-container\" [ngClass]=\"{ 'adf-centered-title': data.headerIcon }\">\n <mat-icon\n *ngIf=\"data.headerIcon\"\n class=\"adf-dialog-header-icon\"\n >\n {{ data.headerIcon }}\n </mat-icon>\n <h2 class=\"adf-dialog-title\">{{ data.title | translate }}</h2>\n </div>\n <button\n *ngIf=\"!isCloseButtonHidden\"\n mat-icon-button\n mat-dialog-close\n title=\"{{'CLOSE' | translate }}\"\n data-automation-id=\"adf-dialog-close-button\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <div\n [ngTemplateOutlet]=\"data.descriptionTemplate\"\n [ngClass]=\"{ 'adf-description': data.description || data.descriptionTemplate }\"\n >\n <ng-container>{{ data.description | translate }}</ng-container>\n </div>\n\n <mat-dialog-content *ngIf=\"data.contentTemplate || data.contentComponent || data.contentText\" class=\"adf-dialog-content\">\n <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n <ng-container *ngComponentOutlet=\"data.contentComponent; injector: dataInjector\" />\n <ng-container>{{ data.contentText | translate }}</ng-container>\n </mat-dialog-content>\n\n <mat-dialog-actions\n class=\"adf-dialog-actions\"\n [ngClass]=\"{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }\"\n >\n <div class=\"adf-additional-actions-container\">\n <ng-container *ngIf=\"!additionalActionButtons && data.actionsTemplate\">\n <ng-container [ngTemplateOutlet]=\"data.actionsTemplate\" />\n </ng-container>\n\n <ng-container *ngIf=\"!data.actionsTemplate && additionalActionButtons\">\n <button\n *ngFor=\"let additionalButton of additionalActionButtons\"\n mat-button\n class=\"{{ additionalButton.class }}\"\n (click)=\"additionalButton.onClick()\"\n >\n {{ additionalButton.title | translate }}\n </button>\n </ng-container>\n </div>\n\n <div class=\"adf-main-actions-container\">\n <button\n *ngIf=\"!isCancelButtonHidden\"\n mat-stroked-button\n mat-dialog-close\n data-automation-id=\"adf-dialog-actions-cancel\"\n >\n {{ cancelButtonTitle | translate }}\n </button>\n\n <button\n mat-flat-button\n data-automation-id=\"adf-dialog-actions-confirm\"\n [disabled]=\"isConfirmButtonDisabled$ | async\"\n (click)=\"onConfirm()\"\n >\n {{ confirmButtonTitle | translate }}\n </button>\n </div>\n </mat-dialog-actions>\n</div>\n", styles: [".adf-large-dialog-panel,.adf-medium-dialog-panel,.adf-alert-dialog-panel{min-width:221px;border-radius:8px;overflow:hidden}@media screen and (max-width: 375px){.adf-large-dialog-panel .adf-additional-actions,.adf-medium-dialog-panel .adf-additional-actions,.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-large-dialog-panel{max-width:56vw}@media screen and (min-width: 1920px){.adf-large-dialog-panel{max-width:1075px}}@media screen and (max-width: 500px){.adf-large-dialog-panel{max-width:100vw}}@media screen and (max-width: 642px){.adf-large-dialog-panel .adf-additional-actions{justify-content:center}}.adf-medium-dialog-panel{max-width:36vw}@media screen and (min-width: 1920px){.adf-medium-dialog-panel{max-width:691px}}@media screen and (max-width: 920px){.adf-medium-dialog-panel{max-width:84vw}}@media screen and (max-width: 375px){.adf-medium-dialog-panel{max-width:100vw}}@media screen and (max-width: 1002px){.adf-medium-dialog-panel .adf-additional-actions{justify-content:center}}.adf-alert-dialog-panel{max-width:24vw}@media screen and (min-width: 1680px){.adf-alert-dialog-panel{max-width:461px}}@media screen and (max-width: 1440px){.adf-alert-dialog-panel{max-width:346px}}@media screen and (max-width: 375px){.adf-alert-dialog-panel{max-width:84vw}}@media screen and (max-width: 1501px){.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-dialog-container{min-width:221px;min-height:140px;max-height:calc(84vh - 48px);position:relative;display:flex;flex-direction:column}.adf-dialog-container .adf-dialog-header,.adf-dialog-container .adf-dialog-content,.adf-dialog-container .adf-dialog-actions{margin:0;padding:0}.adf-dialog-container .adf-dialog-header{display:flex;align-items:center;padding-bottom:24px}.adf-dialog-container .adf-dialog-header.adf-centered-header{align-items:flex-start}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container{flex:1}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container.adf-centered-title{display:flex;flex-direction:column;align-items:center}.adf-dialog-container .adf-dialog-header .adf-dialog-title{font-size:large;font-weight:200;margin:0}.adf-dialog-container .adf-dialog-header .adf-dialog-header-icon{width:48px;height:48px;font-size:48px}.adf-dialog-container .adf-description{padding-top:24px}.adf-dialog-container .adf-dialog-content{margin:24px 0;overflow:auto;flex:1;max-height:none;line-height:20px}.adf-dialog-container .adf-dialog-header:after,.adf-dialog-container .adf-dialog-actions:after{content:\" \";position:absolute;left:-24px;display:block;height:0;border-bottom:1px solid var(--mat-sys-outline-variant);width:calc(100% + 48px)}.adf-dialog-container .adf-dialog-actions:after{top:0}.adf-dialog-container .adf-dialog-header:after{bottom:0}.adf-dialog-container .adf-dialog-actions{position:relative;display:flex;justify-content:space-between;padding-top:24px;text-transform:capitalize;min-height:auto}.adf-dialog-container .adf-dialog-actions .adf-main-actions-container,.adf-dialog-container .adf-dialog-actions .adf-additional-actions-container{display:flex;column-gap:8px}.adf-dialog-container.adf-large{max-height:calc(84vh - 48px)}@media screen and (min-height: 1075px){.adf-dialog-container.adf-large{max-height:859px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-large{max-height:calc(100vh - 48px)}}@media screen and (max-width: 642px){.adf-dialog-container.adf-large .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-medium{max-height:calc(72vh - 48px)}@media screen and (max-width: 375px){.adf-dialog-container.adf-medium{max-height:calc(100vh - 48px)}}@media screen and (min-height: 1075px){.adf-dialog-container.adf-medium{max-height:730px}}@media screen and (max-width: 1002px){.adf-dialog-container.adf-medium .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-alert{max-height:calc(40vh - 48px)}.adf-dialog-container.adf-alert .adf-centered-title{padding-left:40px;margin:auto;text-align:center}.adf-dialog-container.adf-alert .adf-dialog-content{margin:0}.adf-dialog-container.adf-alert .adf-dialog-header{padding:0}.adf-dialog-container.adf-alert .adf-dialog-header:after,.adf-dialog-container.adf-alert .adf-dialog-actions:after{display:none}@media screen and (min-width: 1680px){.adf-dialog-container.adf-alert{max-height:384px}}@media screen and (max-width: 1440px){.adf-dialog-container.adf-alert{max-height:312px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-alert{max-height:calc(56vh - 48px)}}@media screen and (max-height: 375px){.adf-dialog-container.adf-alert{max-height:84vh}}@media screen and (max-width: 1501px){.adf-dialog-container.adf-alert .adf-additional-actions{justify-content:center}}@media screen and (max-width: 375px){.adf-dialog-container .adf-additional-actions{justify-content:center}}.adf-additional-actions{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$7.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$7.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$7.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$7.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27394
27394
|
}
|
|
27395
27395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DialogComponent, decorators: [{
|
|
27396
27396
|
type: Component,
|
|
27397
|
-
args: [{ selector: 'adf-dialog', imports: [CommonModule, TranslatePipe, MatIconModule, MatDialogModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n data-automation-id=\"adf-dialog-container\"\n class=\"adf-dialog-container {{ dialogSize }}\"\n>\n <div\n mat-dialog-title\n data-automation-id=\"adf-dialog-header\"\n class=\"adf-dialog-header\"\n [ngClass]=\"{ 'adf-centered-header': data.headerIcon }\"\n >\n <div class=\"adf-dialog-title-container\" [ngClass]=\"{ 'adf-centered-title': data.headerIcon }\">\n <mat-icon\n *ngIf=\"data.headerIcon\"\n
|
|
27397
|
+
args: [{ selector: 'adf-dialog', imports: [CommonModule, TranslatePipe, MatIconModule, MatDialogModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div\n data-automation-id=\"adf-dialog-container\"\n class=\"adf-dialog-container {{ dialogSize }}\"\n>\n <div\n mat-dialog-title\n data-automation-id=\"adf-dialog-header\"\n class=\"adf-dialog-header\"\n [ngClass]=\"{ 'adf-centered-header': data.headerIcon }\"\n >\n <div class=\"adf-dialog-title-container\" [ngClass]=\"{ 'adf-centered-title': data.headerIcon }\">\n <mat-icon\n *ngIf=\"data.headerIcon\"\n class=\"adf-dialog-header-icon\"\n >\n {{ data.headerIcon }}\n </mat-icon>\n <h2 class=\"adf-dialog-title\">{{ data.title | translate }}</h2>\n </div>\n <button\n *ngIf=\"!isCloseButtonHidden\"\n mat-icon-button\n mat-dialog-close\n title=\"{{'CLOSE' | translate }}\"\n data-automation-id=\"adf-dialog-close-button\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </div>\n\n <div\n [ngTemplateOutlet]=\"data.descriptionTemplate\"\n [ngClass]=\"{ 'adf-description': data.description || data.descriptionTemplate }\"\n >\n <ng-container>{{ data.description | translate }}</ng-container>\n </div>\n\n <mat-dialog-content *ngIf=\"data.contentTemplate || data.contentComponent || data.contentText\" class=\"adf-dialog-content\">\n <ng-container [ngTemplateOutlet]=\"data.contentTemplate\" />\n <ng-container *ngComponentOutlet=\"data.contentComponent; injector: dataInjector\" />\n <ng-container>{{ data.contentText | translate }}</ng-container>\n </mat-dialog-content>\n\n <mat-dialog-actions\n class=\"adf-dialog-actions\"\n [ngClass]=\"{ 'adf-additional-actions': data.actionsTemplate || additionalActionButtons }\"\n >\n <div class=\"adf-additional-actions-container\">\n <ng-container *ngIf=\"!additionalActionButtons && data.actionsTemplate\">\n <ng-container [ngTemplateOutlet]=\"data.actionsTemplate\" />\n </ng-container>\n\n <ng-container *ngIf=\"!data.actionsTemplate && additionalActionButtons\">\n <button\n *ngFor=\"let additionalButton of additionalActionButtons\"\n mat-button\n class=\"{{ additionalButton.class }}\"\n (click)=\"additionalButton.onClick()\"\n >\n {{ additionalButton.title | translate }}\n </button>\n </ng-container>\n </div>\n\n <div class=\"adf-main-actions-container\">\n <button\n *ngIf=\"!isCancelButtonHidden\"\n mat-stroked-button\n mat-dialog-close\n data-automation-id=\"adf-dialog-actions-cancel\"\n >\n {{ cancelButtonTitle | translate }}\n </button>\n\n <button\n mat-flat-button\n data-automation-id=\"adf-dialog-actions-confirm\"\n [disabled]=\"isConfirmButtonDisabled$ | async\"\n (click)=\"onConfirm()\"\n >\n {{ confirmButtonTitle | translate }}\n </button>\n </div>\n </mat-dialog-actions>\n</div>\n", styles: [".adf-large-dialog-panel,.adf-medium-dialog-panel,.adf-alert-dialog-panel{min-width:221px;border-radius:8px;overflow:hidden}@media screen and (max-width: 375px){.adf-large-dialog-panel .adf-additional-actions,.adf-medium-dialog-panel .adf-additional-actions,.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-large-dialog-panel{max-width:56vw}@media screen and (min-width: 1920px){.adf-large-dialog-panel{max-width:1075px}}@media screen and (max-width: 500px){.adf-large-dialog-panel{max-width:100vw}}@media screen and (max-width: 642px){.adf-large-dialog-panel .adf-additional-actions{justify-content:center}}.adf-medium-dialog-panel{max-width:36vw}@media screen and (min-width: 1920px){.adf-medium-dialog-panel{max-width:691px}}@media screen and (max-width: 920px){.adf-medium-dialog-panel{max-width:84vw}}@media screen and (max-width: 375px){.adf-medium-dialog-panel{max-width:100vw}}@media screen and (max-width: 1002px){.adf-medium-dialog-panel .adf-additional-actions{justify-content:center}}.adf-alert-dialog-panel{max-width:24vw}@media screen and (min-width: 1680px){.adf-alert-dialog-panel{max-width:461px}}@media screen and (max-width: 1440px){.adf-alert-dialog-panel{max-width:346px}}@media screen and (max-width: 375px){.adf-alert-dialog-panel{max-width:84vw}}@media screen and (max-width: 1501px){.adf-alert-dialog-panel .adf-additional-actions{justify-content:center}}.adf-dialog-container{min-width:221px;min-height:140px;max-height:calc(84vh - 48px);position:relative;display:flex;flex-direction:column}.adf-dialog-container .adf-dialog-header,.adf-dialog-container .adf-dialog-content,.adf-dialog-container .adf-dialog-actions{margin:0;padding:0}.adf-dialog-container .adf-dialog-header{display:flex;align-items:center;padding-bottom:24px}.adf-dialog-container .adf-dialog-header.adf-centered-header{align-items:flex-start}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container{flex:1}.adf-dialog-container .adf-dialog-header .adf-dialog-title-container.adf-centered-title{display:flex;flex-direction:column;align-items:center}.adf-dialog-container .adf-dialog-header .adf-dialog-title{font-size:large;font-weight:200;margin:0}.adf-dialog-container .adf-dialog-header .adf-dialog-header-icon{width:48px;height:48px;font-size:48px}.adf-dialog-container .adf-description{padding-top:24px}.adf-dialog-container .adf-dialog-content{margin:24px 0;overflow:auto;flex:1;max-height:none;line-height:20px}.adf-dialog-container .adf-dialog-header:after,.adf-dialog-container .adf-dialog-actions:after{content:\" \";position:absolute;left:-24px;display:block;height:0;border-bottom:1px solid var(--mat-sys-outline-variant);width:calc(100% + 48px)}.adf-dialog-container .adf-dialog-actions:after{top:0}.adf-dialog-container .adf-dialog-header:after{bottom:0}.adf-dialog-container .adf-dialog-actions{position:relative;display:flex;justify-content:space-between;padding-top:24px;text-transform:capitalize;min-height:auto}.adf-dialog-container .adf-dialog-actions .adf-main-actions-container,.adf-dialog-container .adf-dialog-actions .adf-additional-actions-container{display:flex;column-gap:8px}.adf-dialog-container.adf-large{max-height:calc(84vh - 48px)}@media screen and (min-height: 1075px){.adf-dialog-container.adf-large{max-height:859px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-large{max-height:calc(100vh - 48px)}}@media screen and (max-width: 642px){.adf-dialog-container.adf-large .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-medium{max-height:calc(72vh - 48px)}@media screen and (max-width: 375px){.adf-dialog-container.adf-medium{max-height:calc(100vh - 48px)}}@media screen and (min-height: 1075px){.adf-dialog-container.adf-medium{max-height:730px}}@media screen and (max-width: 1002px){.adf-dialog-container.adf-medium .adf-additional-actions{justify-content:center}}.adf-dialog-container.adf-alert{max-height:calc(40vh - 48px)}.adf-dialog-container.adf-alert .adf-centered-title{padding-left:40px;margin:auto;text-align:center}.adf-dialog-container.adf-alert .adf-dialog-content{margin:0}.adf-dialog-container.adf-alert .adf-dialog-header{padding:0}.adf-dialog-container.adf-alert .adf-dialog-header:after,.adf-dialog-container.adf-alert .adf-dialog-actions:after{display:none}@media screen and (min-width: 1680px){.adf-dialog-container.adf-alert{max-height:384px}}@media screen and (max-width: 1440px){.adf-dialog-container.adf-alert{max-height:312px}}@media screen and (max-width: 375px){.adf-dialog-container.adf-alert{max-height:calc(56vh - 48px)}}@media screen and (max-height: 375px){.adf-dialog-container.adf-alert{max-height:84vh}}@media screen and (max-width: 1501px){.adf-dialog-container.adf-alert .adf-additional-actions{justify-content:center}}@media screen and (max-width: 375px){.adf-dialog-container .adf-additional-actions{justify-content:center}}.adf-additional-actions{color:var(--mat-sys-primary)}\n"] }]
|
|
27398
27398
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
27399
27399
|
type: Inject,
|
|
27400
27400
|
args: [MAT_DIALOG_DATA]
|
|
@@ -27559,7 +27559,7 @@ class NotificationHistoryComponent {
|
|
|
27559
27559
|
this.focusKeyManager.setActiveItem(activeIndex);
|
|
27560
27560
|
}
|
|
27561
27561
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryComponent, deps: [{ token: NotificationService }, { token: StorageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27562
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }, { propertyName: "markAsReadButton", first: true, predicate: ["markAsReadButton"], descendants: true }, { propertyName: "loadMoreButton", first: true, predicate: ["loadMoreButton"], descendants: true }, { propertyName: "menuItems", predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-icon-button\n *ngIf=\"notifications.length\"\n data-automation-id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\"\n #markAsReadButton\n (keydown)=\"manageFocus($event)\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\"\n (keydown)=\"manageFocus($event)\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div\n class=\"adf-notification-history-load-more\"\n *ngIf=\"hasMoreNotifications()\"\n aria-hidden=\"true\">\n <button\n data-automation-id=\"adf-notification-history-load-more\"\n mat-button\n (click)=\"loadMore($event)\"\n #loadMoreButton\n (keydown)=\"manageFocus($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px;color:var(--theme-text-color)}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0;color:var(--theme-sidenav-user-menu-color)}.adf-notification-history-menu .adf-notification-history-menu-item:focus{outline:none;background:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-item:hover{background-color:var(--adf-theme-background-hover-color)}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--theme-body-1-font-size)}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{color:var(--theme-sidenav-user-menu-color);margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--theme-caption-font-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--theme-accent-color);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px;color:var(--adf-theme-mat-grey-color-a200)}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i6$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NotificationHistoryComponent, isStandalone: true, selector: "adf-notification-history", inputs: { menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", maxNotifications: "maxNotifications" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }, { propertyName: "markAsReadButton", first: true, predicate: ["markAsReadButton"], descendants: true }, { propertyName: "loadMoreButton", first: true, predicate: ["loadMoreButton"], descendants: true }, { propertyName: "menuItems", predicate: MatMenuItem, descendants: true }], ngImport: i0, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-icon-button\n *ngIf=\"notifications.length\"\n data-automation-id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\"\n #markAsReadButton\n (keydown)=\"manageFocus($event)\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\"\n (keydown)=\"manageFocus($event)\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div\n class=\"adf-notification-history-load-more\"\n *ngIf=\"hasMoreNotifications()\"\n aria-hidden=\"true\">\n <button\n data-automation-id=\"adf-notification-history-load-more\"\n mat-button\n (click)=\"loadMore($event)\"\n #loadMoreButton\n (keydown)=\"manageFocus($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--mat-sys-body-small-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--mat-sys-secondary);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--mat-sys-title-large-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i7.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: i7.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i6$1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TimeAgoPipe, name: "adfTimeAgo" }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatSnackBarModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
27563
27563
|
}
|
|
27564
27564
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotificationHistoryComponent, decorators: [{
|
|
27565
27565
|
type: Component,
|
|
@@ -27575,7 +27575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
27575
27575
|
TimeAgoPipe,
|
|
27576
27576
|
InitialUsernamePipe,
|
|
27577
27577
|
MatSnackBarModule
|
|
27578
|
-
], encapsulation: ViewEncapsulation.None, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-icon-button\n *ngIf=\"notifications.length\"\n data-automation-id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\"\n #markAsReadButton\n (keydown)=\"manageFocus($event)\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\"\n (keydown)=\"manageFocus($event)\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div\n class=\"adf-notification-history-load-more\"\n *ngIf=\"hasMoreNotifications()\"\n aria-hidden=\"true\">\n <button\n data-automation-id=\"adf-notification-history-load-more\"\n mat-button\n (click)=\"loadMore($event)\"\n #loadMoreButton\n (keydown)=\"manageFocus($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px
|
|
27578
|
+
], encapsulation: ViewEncapsulation.None, template: "<button mat-button\n [matMenuTriggerFor]=\"menu\"\n aria-hidden=\"false\"\n [attr.aria-label]=\"('NOTIFICATIONS.' + (notifications.length ? 'UNREAD_MESSAGES' : 'NO_MESSAGE') | translate) + ' ' + ('NOTIFICATIONS.OPEN_HISTORY' | translate)\"\n title=\"{{ 'NOTIFICATIONS.OPEN_HISTORY' | translate }}\"\n class=\"adf-notification-history-menu_button\"\n id=\"adf-notification-history-open-button\"\n (menuOpened)=\"onMenuOpened()\">\n <mat-icon matBadge=\"⁠\"\n [matBadgeHidden]=\"!notifications.length\"\n class=\"adf-notification-history-menu_button-icon\"\n matBadgeColor=\"accent\"\n matBadgeSize=\"small\">notifications\n </mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n id=\"adf-notification-history-menu\"\n class=\"adf-notification-history-menu adf-notification-history-menu-panel\">\n <div class=\"adf-notification-history-list-header\" aria-hidden=\"true\">\n <span class=\"adf-notification-history-menu-title\">{{ 'NOTIFICATIONS.TITLE' | translate }}</span>\n <button mat-icon-button\n *ngIf=\"notifications.length\"\n data-automation-id=\"adf-notification-history-mark-as-read\"\n class=\"adf-notification-history-mark-as-read\"\n title=\"{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}\"\n (click)=\"markAsRead()\"\n #markAsReadButton\n (keydown)=\"manageFocus($event)\">\n <mat-icon class=\"adf-notification-history-mark-as-read-icon\">done_all</mat-icon>\n </button>\n </div>\n\n <mat-divider/>\n\n <div class=\"adf-notification-history-item-list\">\n <ng-container *ngIf=\"notifications.length; else empty_list_template\">\n <button mat-menu-item\n *ngFor=\"let notification of paginatedNotifications\"\n (click)=\"onNotificationClick(notification, $event)\"\n class=\"adf-notification-history-menu-item\"\n (keydown)=\"manageFocus($event)\">\n <div class=\"adf-notification-history-menu-item-content\">\n <div *ngIf=\"notification.initiator; else no_avatar\"\n [outerHTML]=\"notification.initiator | usernameInitials : 'adf-notification-initiator-pic'\"></div>\n <ng-template #no_avatar>\n <mat-icon class=\"adf-notification-history-menu-initiator\">\n {{ notification.icon }}\n </mat-icon>\n </ng-template>\n <div class=\"adf-notification-history-menu-item-content-message\">\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-message\"\n *ngFor=\"let message of notification.messages\"\n [title]=\"message\">{{ message }}</p>\n <p class=\"adf-notification-history-menu-text adf-notification-history-menu-date\"\n > {{ notification.datetime | adfTimeAgo }} </p>\n </div>\n </div>\n </button>\n </ng-container>\n <ng-template #empty_list_template>\n <p mat-menu-item id=\"adf-notification-history-component-no-message\"\n class=\"adf-notification-history-menu-no-message-text\">\n {{ 'NOTIFICATIONS.NO_MESSAGE' | translate }}\n </p>\n </ng-template>\n </div>\n\n <mat-divider/>\n\n <div\n class=\"adf-notification-history-load-more\"\n *ngIf=\"hasMoreNotifications()\"\n aria-hidden=\"true\">\n <button\n data-automation-id=\"adf-notification-history-load-more\"\n mat-button\n (click)=\"loadMore($event)\"\n #loadMoreButton\n (keydown)=\"manageFocus($event)\">\n {{ 'NOTIFICATIONS.LOAD_MORE' | translate }}\n </button>\n </div>\n</mat-menu>\n", styles: [".adf-notification-history-menu-title{font-size:14px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu_button.mat-mdc-button{border-radius:90%;padding:0;min-width:40px;height:40px;margin-top:1px}.adf-notification-history-menu_button.mat-mdc-button .adf-notification-history-menu_button-icon{margin-right:0;font-size:24px;height:24px;width:24px}.adf-notification-history-menu .adf-notification-history-list-header{padding:10.5px 16px;display:flex;justify-content:space-between;align-items:center}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read{display:flex;padding:10px;width:auto;margin:4px 0}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:hover,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:focus,.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read:active{background:none}.adf-notification-history-menu .adf-notification-history-list-header .adf-notification-history-mark-as-read-icon{margin:0;color:inherit}.adf-notification-history-menu .adf-notification-history-menu-title{line-height:28px}.adf-notification-history-menu .adf-notification-history-item-list{padding-top:8px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item{cursor:pointer;height:72px;align-items:center;display:block;padding:0 14px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content{height:100%;display:flex;align-items:center}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;overflow:hidden;padding:0 0 0 16px}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-item-content-message p{line-height:normal;margin:0}.adf-notification-history-menu .adf-notification-history-menu-message:is(p){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text{margin:0;padding:12px 16px;opacity:inherit;border:none}.adf-notification-history-menu .adf-notification-history-item-list .adf-notification-history-menu-no-message-text span{font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-notification-history-menu .adf-notification-history-menu-date.adf-notification-history-menu-text:is(p){font-size:var(--mat-sys-body-small-size);text-indent:3px}.adf-notification-history-menu .adf-notification-history-menu-initiator{margin:4px}.adf-notification-initiator-pic{min-width:40px;background:var(--mat-sys-secondary);display:inline-block;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--mat-sys-title-large-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-notification-history-load-more{display:flex;justify-content:center;padding:10px}.adf-notification-history-load-more button{justify-content:center;width:100%;min-height:36px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel{min-width:320px;max-height:500px}.mat-mdc-menu-panel.adf-notification-history-menu.adf-notification-history-menu-panel .mat-mdc-menu-content{padding:0}\n"] }]
|
|
27579
27579
|
}], ctorParameters: () => [{ type: NotificationService }, { type: StorageService }, { type: i0.ChangeDetectorRef }], propDecorators: { trigger: [{
|
|
27580
27580
|
type: ViewChild,
|
|
27581
27581
|
args: [MatMenuTrigger, { static: true }]
|
|
@@ -28188,13 +28188,13 @@ class SearchTextInputComponent {
|
|
|
28188
28188
|
this.searchVisibility.emit(this.isSearchBarActive());
|
|
28189
28189
|
}
|
|
28190
28190
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchTextInputComponent, deps: [{ token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28191
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchTextInputComponent, isStandalone: true, selector: "adf-search-text-input", inputs: { autocomplete: "autocomplete", expandable: "expandable", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", searchAutocomplete: "searchAutocomplete", searchTerm: "searchTerm", debounceTime: "debounceTime", focusListener: "focusListener", collapseOnSubmit: "collapseOnSubmit", defaultState: "defaultState", collapseOnBlur: "collapseOnBlur", showClearButton: "showClearButton", placeholder: "placeholder", label: "label", hintLabel: "hintLabel" }, outputs: { searchChange: "searchChange", submit: "submit", selectResult: "selectResult", reset: "reset", searchVisibility: "searchVisibility" }, host: { classAttribute: "adf-search-text-input" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-
|
|
28191
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchTextInputComponent, isStandalone: true, selector: "adf-search-text-input", inputs: { autocomplete: "autocomplete", expandable: "expandable", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", searchAutocomplete: "searchAutocomplete", searchTerm: "searchTerm", debounceTime: "debounceTime", focusListener: "focusListener", collapseOnSubmit: "collapseOnSubmit", defaultState: "defaultState", collapseOnBlur: "collapseOnBlur", showClearButton: "showClearButton", placeholder: "placeholder", label: "label", hintLabel: "hintLabel" }, outputs: { searchChange: "searchChange", submit: "submit", selectResult: "selectResult", reset: "reset", searchVisibility: "searchVisibility" }, host: { classAttribute: "adf-search-text-input" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-highlight{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$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: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SearchTriggerDirective, selector: "input[searchAutocomplete], textarea[searchAutocomplete]", inputs: ["searchAutocomplete", "autocomplete"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [searchAnimation], encapsulation: i0.ViewEncapsulation.None }); }
|
|
28192
28192
|
}
|
|
28193
28193
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchTextInputComponent, decorators: [{
|
|
28194
28194
|
type: Component,
|
|
28195
28195
|
args: [{ selector: 'adf-search-text-input', animations: [searchAnimation], encapsulation: ViewEncapsulation.None, imports: [MatButtonModule, MatIconModule, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, SearchTriggerDirective, NgIf, NgClass], host: {
|
|
28196
28196
|
class: 'adf-search-text-input'
|
|
28197
|
-
}, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-
|
|
28197
|
+
}, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-highlight{color:var(--mat-sys-primary)}\n"] }]
|
|
28198
28198
|
}], ctorParameters: () => [{ type: UserPreferencesService }], propDecorators: { autocomplete: [{
|
|
28199
28199
|
type: Input
|
|
28200
28200
|
}], expandable: [{
|