@alfresco/adf-content-services 8.4.0-20710234539 → 8.4.0-20714153393
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.
|
@@ -4,12 +4,12 @@ import * as i3 from '@alfresco/js-api';
|
|
|
4
4
|
import { AlfrescoApiConfig, AlfrescoApi, ContentApi, TrashcanApi, NodesApi, PeopleApi, SitesApi, SearchApi, SharedlinksApi, FavoritesApi, SEARCH_LANGUAGE, SiteMemberPaging, DiscoveryApi, AboutApi, SystemPropertiesApi, UploadApi, VersionsApi, RenditionsApi, PreferencesApi, DownloadsApi, FileDownloadStatus, TagsApi, TagBody, CategoriesApi, QueriesApi, Pagination, SiteEntry, Site, NodePagingList, Node, UserInfo, ContentInfo, Category, SitePaging, ClassesApi, TypesApi, CategoryLinkBody, AspectsApi, GroupsApi, NodeEntry, CommentsApi, SecurityGroupsApi, SecurityMarksApi, AuthorityClearanceApi, PredictionsApi, LegalHoldApi, AgentsApi, SearchAiApi } from '@alfresco/js-api';
|
|
5
5
|
import { ReplaySubject, Subject, from, throwError, Observable, of, forkJoin, take as take$1, switchMap as switchMap$1, tap as tap$1, catchError as catchError$1, map as map$1, BehaviorSubject, timer, merge, EMPTY, Subscription, defer, zip, iif } from 'rxjs';
|
|
6
6
|
import * as i2 from '@alfresco/adf-core';
|
|
7
|
-
import { AppConfigValues, BpmProductVersionModel, AppConfigService, ObjectUtils, DataSorting, BaseEvent, DateFnsUtils, ADF_DATE_FORMATS, ADF_DATETIME_FORMATS, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, IconComponent, HeaderFilterTemplateDirective, DataTableSchema, ShowHeaderMode, UserPreferenceValues, DataTableComponent, NoContentTemplateDirective, EmptyListComponent, NoPermissionTemplateDirective, LoadingContentTemplateDirective, MainMenuDataTableTemplateDirective, ColumnsSelectorComponent, DataColumnListComponent, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, CustomEmptyContentTemplateDirective, DataTableService, TranslationService, FileUtils, NotificationService, FileSizePipe, InfiniteSelectScrollDirective, ToolbarTitleComponent, ToolbarComponent, HighlightDirective, DataColumnComponent, InfinitePaginationComponent, DynamicChipListComponent, SortingPickerComponent, SearchTextInputComponent, HighlightPipe, ConfirmDialogComponent, FileTypePipe, ContextMenuDirective, CardViewTextItemModel, CardViewDateItemModel, CardViewItemMatchValidator, UserPreferencesService, LogService, CardViewSelectItemModel, MultiValuePipe, CardViewBoolItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewLongItemModel, CardViewIntItemModel, DecimalNumberPipe, CardViewComponent, User, InitialUsernamePipe, DateColumnHeaderComponent, EmptyContentComponent, ClipboardDirective, CommentModel, CommentsComponent, ADF_COMMENTS_SERVICE, CloseButtonPosition, ViewerToolbarComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewUtilService, VIEWER_DIRECTIVES, provideTranslations } from '@alfresco/adf-core';
|
|
7
|
+
import { AppConfigValues, BpmProductVersionModel, AppConfigService, ObjectUtils, DataSorting, BaseEvent, IconModule, DateFnsUtils, ADF_DATE_FORMATS, ADF_DATETIME_FORMATS, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, IconComponent, HeaderFilterTemplateDirective, DataTableSchema, ShowHeaderMode, UserPreferenceValues, DataTableComponent, NoContentTemplateDirective, EmptyListComponent, NoPermissionTemplateDirective, LoadingContentTemplateDirective, MainMenuDataTableTemplateDirective, ColumnsSelectorComponent, DataColumnListComponent, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, CustomEmptyContentTemplateDirective, DataTableService, TranslationService, FileUtils, NotificationService, FileSizePipe, InfiniteSelectScrollDirective, ToolbarTitleComponent, ToolbarComponent, HighlightDirective, DataColumnComponent, InfinitePaginationComponent, DynamicChipListComponent, SortingPickerComponent, SearchTextInputComponent, HighlightPipe, ConfirmDialogComponent, FileTypePipe, ContextMenuDirective, CardViewTextItemModel, CardViewDateItemModel, CardViewItemMatchValidator, UserPreferencesService, LogService, CardViewSelectItemModel, MultiValuePipe, CardViewBoolItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewLongItemModel, CardViewIntItemModel, DecimalNumberPipe, CardViewComponent, User, InitialUsernamePipe, DateColumnHeaderComponent, EmptyContentComponent, ClipboardDirective, CommentModel, CommentsComponent, ADF_COMMENTS_SERVICE, CloseButtonPosition, ViewerToolbarComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewUtilService, VIEWER_DIRECTIVES, provideTranslations } from '@alfresco/adf-core';
|
|
8
8
|
import * as i1 from '@angular/material/dialog';
|
|
9
9
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
10
10
|
import { map, catchError, filter, take, switchMap, tap, first, concatMap, startWith, debounce, delay, debounceTime, retry, mergeMap, distinctUntilChanged, takeUntil, finalize, toArray, expand, reduce } from 'rxjs/operators';
|
|
11
11
|
import { Minimatch } from 'minimatch';
|
|
12
|
-
import * as i5$
|
|
12
|
+
import * as i5$3 from '@angular/cdk/overlay';
|
|
13
13
|
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
14
14
|
import * as i1$1 from '@angular/common';
|
|
15
15
|
import { CommonModule, AsyncPipe } from '@angular/common';
|
|
@@ -17,7 +17,7 @@ import * as i7$2 from '@angular/material/tabs';
|
|
|
17
17
|
import { MatTabsModule, MatTabGroup } from '@angular/material/tabs';
|
|
18
18
|
import * as i2$4 from '@ngx-translate/core';
|
|
19
19
|
import { TranslatePipe } from '@ngx-translate/core';
|
|
20
|
-
import * as
|
|
20
|
+
import * as i4$1 from '@angular/material/select';
|
|
21
21
|
import { MatSelectModule } from '@angular/material/select';
|
|
22
22
|
import { isAfter, parseISO, startOfMinute, endOfMinute, isValid, isBefore, endOfDay, parse, startOfMonth, subMonths, startOfWeek, subWeeks, startOfDay, subDays, endOfToday, formatISO, format, differenceInSeconds, add } from 'date-fns';
|
|
23
23
|
import * as i4 from '@angular/material/button';
|
|
@@ -33,52 +33,52 @@ import * as i7 from '@angular/material/input';
|
|
|
33
33
|
import { MatInputModule } from '@angular/material/input';
|
|
34
34
|
import * as i1$2 from '@angular/forms';
|
|
35
35
|
import { FormsModule, Validators, UntypedFormControl, UntypedFormGroup, ReactiveFormsModule, FormControl, FormGroup } from '@angular/forms';
|
|
36
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
36
37
|
import * as i5$1 from '@angular/material/icon';
|
|
37
38
|
import { MatIconModule } from '@angular/material/icon';
|
|
38
|
-
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
39
39
|
import * as i2$1 from '@angular/material/radio';
|
|
40
40
|
import { MatRadioModule } from '@angular/material/radio';
|
|
41
41
|
import * as i2$2 from '@angular/material/slider';
|
|
42
42
|
import { MatSliderModule } from '@angular/material/slider';
|
|
43
|
-
import * as
|
|
43
|
+
import * as i5$2 from '@angular/material/checkbox';
|
|
44
44
|
import { MatCheckboxModule, MatCheckbox } from '@angular/material/checkbox';
|
|
45
45
|
import * as i2$3 from '@mat-datetimepicker/core';
|
|
46
46
|
import { MatDatetimepickerModule, MAT_DATETIME_FORMATS, DatetimeAdapter, MatNativeDatetimeModule } from '@mat-datetimepicker/core';
|
|
47
47
|
import * as i1$3 from '@angular/material/core';
|
|
48
48
|
import { MAT_DATE_FORMATS, DateAdapter, MAT_DATE_LOCALE, MatRippleModule, MatOptionModule } from '@angular/material/core';
|
|
49
49
|
import { ENTER } from '@angular/cdk/keycodes';
|
|
50
|
-
import * as
|
|
50
|
+
import * as i7$1 from '@angular/material/autocomplete';
|
|
51
51
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
52
52
|
import * as i3$1 from '@angular/material/chips';
|
|
53
53
|
import { MatChipsModule } from '@angular/material/chips';
|
|
54
54
|
import { DateFnsAdapter, MAT_DATE_FNS_FORMATS } from '@angular/material-date-fns-adapter';
|
|
55
55
|
import * as i10 from '@angular/material/datepicker';
|
|
56
56
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
57
|
-
import * as i4$
|
|
57
|
+
import * as i4$2 from '@angular/material/menu';
|
|
58
58
|
import { MatMenuModule } from '@angular/material/menu';
|
|
59
59
|
import * as i7$3 from '@angular/material/badge';
|
|
60
60
|
import { MatBadgeModule } from '@angular/material/badge';
|
|
61
|
-
import * as
|
|
61
|
+
import * as i9 from '@angular/material/progress-spinner';
|
|
62
62
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
63
63
|
import * as i7$4 from '@angular/material/list';
|
|
64
64
|
import { MatListModule, MatListItem, MatSelectionList } from '@angular/material/list';
|
|
65
|
-
import * as i4$
|
|
65
|
+
import * as i4$4 from '@angular/material/expansion';
|
|
66
66
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
67
|
-
import * as
|
|
67
|
+
import * as i4$3 from '@angular/material/divider';
|
|
68
68
|
import { MatDividerModule } from '@angular/material/divider';
|
|
69
69
|
import { DataSource, SelectionModel } from '@angular/cdk/collections';
|
|
70
70
|
import { CdkVirtualScrollViewport, CdkFixedSizeVirtualScroll, CdkVirtualForOf } from '@angular/cdk/scrolling';
|
|
71
71
|
import { trigger, state, transition, style, animate } from '@angular/animations';
|
|
72
72
|
import * as i1$5 from '@angular/cdk/tree';
|
|
73
73
|
import { FlatTreeControl } from '@angular/cdk/tree';
|
|
74
|
-
import * as i3$
|
|
74
|
+
import * as i3$2 from '@angular/material/tree';
|
|
75
75
|
import { MatTreeModule } from '@angular/material/tree';
|
|
76
|
-
import * as i5$
|
|
76
|
+
import * as i5$4 from '@angular/material/table';
|
|
77
77
|
import { MatTableModule } from '@angular/material/table';
|
|
78
78
|
import { DynamicExtensionComponent } from '@alfresco/adf-extensions';
|
|
79
|
-
import * as i5$
|
|
79
|
+
import * as i5$5 from '@angular/material/card';
|
|
80
80
|
import { MatCardModule } from '@angular/material/card';
|
|
81
|
-
import * as
|
|
81
|
+
import * as i8 from '@angular/material/slide-toggle';
|
|
82
82
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
83
83
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
84
84
|
import * as i2$5 from '@alfresco/adf-core/api';
|
|
@@ -4945,11 +4945,11 @@ class SearchTextComponent {
|
|
|
4945
4945
|
return this.settings.searchSuffix ? this.settings.searchSuffix : '';
|
|
4946
4946
|
}
|
|
4947
4947
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4948
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchTextComponent, isStandalone: true, selector: "adf-search-text", inputs: { value: "value" }, host: { classAttribute: "adf-search-text" }, ngImport: i0, template: "<mat-form-field\n class=\"adf-search-text-form-field\"\n appearance=\"fill\">\n <mat-label>{{ settings?.placeholder | translate }}</mat-label>\n <input\n matInput\n [(ngModel)]=\"value\"\n (change)=\"onChangedHandler($event)\">\n <button\n mat-icon-button\n *ngIf=\"value\"\n matSuffix\n (click)=\"clear()\"\n class=\"adf-search-text-form-field-clear-button\"\n [attr.aria-label]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\"\n [attr.title]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\">\n <mat-icon
|
|
4948
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchTextComponent, isStandalone: true, selector: "adf-search-text", inputs: { value: "value" }, host: { classAttribute: "adf-search-text" }, ngImport: i0, template: "<mat-form-field\n class=\"adf-search-text-form-field\"\n appearance=\"fill\">\n <mat-label>{{ settings?.placeholder | translate }}</mat-label>\n <input\n matInput\n [(ngModel)]=\"value\"\n (change)=\"onChangedHandler($event)\">\n <button\n mat-icon-button\n *ngIf=\"value\"\n matSuffix\n (click)=\"clear()\"\n class=\"adf-search-text-form-field-clear-button\"\n [attr.aria-label]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\"\n [attr.title]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\">\n <mat-icon adf-icon=\"close\" />\n </button>\n</mat-form-field>\n", styles: [".adf-search-text{padding:0}.adf-search-text .adf-search-text-form-field{width:100%}.adf-search-text .adf-search-text-form-field-clear-button{min-width:unset;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4949
4949
|
}
|
|
4950
4950
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchTextComponent, decorators: [{
|
|
4951
4951
|
type: Component,
|
|
4952
|
-
args: [{ selector: 'adf-search-text', imports: [CommonModule, MatFormFieldModule, TranslatePipe, MatInputModule, MatButtonModule, FormsModule,
|
|
4952
|
+
args: [{ selector: 'adf-search-text', imports: [CommonModule, MatFormFieldModule, TranslatePipe, MatInputModule, MatButtonModule, FormsModule, IconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-text' }, template: "<mat-form-field\n class=\"adf-search-text-form-field\"\n appearance=\"fill\">\n <mat-label>{{ settings?.placeholder | translate }}</mat-label>\n <input\n matInput\n [(ngModel)]=\"value\"\n (change)=\"onChangedHandler($event)\">\n <button\n mat-icon-button\n *ngIf=\"value\"\n matSuffix\n (click)=\"clear()\"\n class=\"adf-search-text-form-field-clear-button\"\n [attr.aria-label]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\"\n [attr.title]=\"'SEARCH.FILTER.ACTIONS.CLEAR' | translate\">\n <mat-icon adf-icon=\"close\" />\n </button>\n</mat-form-field>\n", styles: [".adf-search-text{padding:0}.adf-search-text .adf-search-text-form-field{width:100%}.adf-search-text .adf-search-text-form-field-clear-button{min-width:unset;border-radius:50%}\n"] }]
|
|
4953
4953
|
}], propDecorators: { value: [{
|
|
4954
4954
|
type: Input
|
|
4955
4955
|
}] } });
|
|
@@ -5222,11 +5222,11 @@ class SearchRadioComponent {
|
|
|
5222
5222
|
}
|
|
5223
5223
|
}
|
|
5224
5224
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchRadioComponent, isStandalone: true, selector: "adf-search-radio", inputs: { value: "value" }, host: { classAttribute: "adf-search-radio" }, ngImport: i0, template: "<mat-radio-group\n class=\"adf-search-radio-group\"\n [(ngModel)]=\"value\"\n (change)=\"changeHandler($event)\">\n <mat-radio-button [attr.data-automation-id]=\"'search-radio-'+(option.name | translate)\"\n *ngFor=\"let option of options\"\n [value]=\"option.value\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-filter-label\">\n {{ option.name | translate }}\n </div>\n </mat-radio-button>\n</mat-radio-group>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n *ngIf=\"options.canShowLessItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n (click)=\"options.showLessItems()\">\n <mat-icon
|
|
5225
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchRadioComponent, isStandalone: true, selector: "adf-search-radio", inputs: { value: "value" }, host: { classAttribute: "adf-search-radio" }, ngImport: i0, template: "<mat-radio-group\n class=\"adf-search-radio-group\"\n [(ngModel)]=\"value\"\n (change)=\"changeHandler($event)\">\n <mat-radio-button [attr.data-automation-id]=\"'search-radio-'+(option.name | translate)\"\n *ngFor=\"let option of options\"\n [value]=\"option.value\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-filter-label\">\n {{ option.name | translate }}\n </div>\n </mat-radio-button>\n</mat-radio-group>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n *ngIf=\"options.canShowLessItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n (click)=\"options.showLessItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowMoreItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n (click)=\"options.showMoreItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-search-radio .adf-search-radio-group{display:flex;flex-direction:column}.adf-search-radio .adf-facet-filter{margin:5px}.adf-search-radio .adf-facet-filter .adf-filter-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5226
5226
|
}
|
|
5227
5227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchRadioComponent, decorators: [{
|
|
5228
5228
|
type: Component,
|
|
5229
|
-
args: [{ selector: 'adf-search-radio', imports: [CommonModule, MatRadioModule, FormsModule, TranslatePipe, MatButtonModule,
|
|
5229
|
+
args: [{ selector: 'adf-search-radio', imports: [CommonModule, MatRadioModule, FormsModule, TranslatePipe, MatButtonModule, IconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-radio' }, template: "<mat-radio-group\n class=\"adf-search-radio-group\"\n [(ngModel)]=\"value\"\n (change)=\"changeHandler($event)\">\n <mat-radio-button [attr.data-automation-id]=\"'search-radio-'+(option.name | translate)\"\n *ngFor=\"let option of options\"\n [value]=\"option.value\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-filter-label\">\n {{ option.name | translate }}\n </div>\n </mat-radio-button>\n</mat-radio-group>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n *ngIf=\"options.canShowLessItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n (click)=\"options.showLessItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowMoreItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n (click)=\"options.showMoreItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-search-radio .adf-search-radio-group{display:flex;flex-direction:column}.adf-search-radio .adf-facet-filter{margin:5px}.adf-search-radio .adf-facet-filter .adf-filter-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
|
|
5230
5230
|
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
5231
5231
|
type: Input
|
|
5232
5232
|
}] } });
|
|
@@ -5631,11 +5631,11 @@ class SearchCheckListComponent {
|
|
|
5631
5631
|
}
|
|
5632
5632
|
}
|
|
5633
5633
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchCheckListComponent, deps: [{ token: i2.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5634
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchCheckListComponent, isStandalone: true, selector: "adf-search-check-list", host: { classAttribute: "adf-search-check-list" }, ngImport: i0, template: "<div class=\"checklist\">\n <mat-checkbox\n *ngFor=\"let option of options\"\n [checked]=\"option.checked\"\n (keydown.enter)=\"option.checked = !option.checked\"\n [attr.data-automation-id]=\"'checkbox-' + (option.name)\"\n [attr.aria-label]=\"option.name | translate\"\n (change)=\"changeHandler($event, option)\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-search-check-list-label\">\n {{ option.name | translate }}\n </div>\n\n </mat-checkbox>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"options.fitsPage && !settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" (click)=\"clear()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\n </button>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n title=\"{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\"\n (click)=\"clear()\">\n <mat-icon
|
|
5634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchCheckListComponent, isStandalone: true, selector: "adf-search-check-list", host: { classAttribute: "adf-search-check-list" }, ngImport: i0, template: "<div class=\"checklist\">\n <mat-checkbox\n *ngFor=\"let option of options\"\n [checked]=\"option.checked\"\n (keydown.enter)=\"option.checked = !option.checked\"\n [attr.data-automation-id]=\"'checkbox-' + (option.name)\"\n [attr.aria-label]=\"option.name | translate\"\n (change)=\"changeHandler($event, option)\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-search-check-list-label\">\n {{ option.name | translate }}\n </div>\n\n </mat-checkbox>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"options.fitsPage && !settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" (click)=\"clear()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\n </button>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n title=\"{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\"\n (click)=\"clear()\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowLessItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n (click)=\"options.showLessItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowMoreItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n (click)=\"options.showMoreItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-search-check-list>div{display:flex;flex-direction:column}.adf-search-check-list>div .adf-facet-filter{display:block}.adf-search-check-list>div .adf-facet-filter .adf-search-check-list-label{text-overflow:ellipsis;overflow:hidden;width:100%;-webkit-font-smoothing:subpixel-antialiased;margin-top:1px}.adf-search-check-list>div .adf-facet-filter .adf-facet-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.adf-search-check-list>div .adf-facet-filter .mdc-checkbox{margin-left:4px;margin-top:5px;margin-bottom:4px}.adf-search-check-list>div .adf-facet-filter label{padding-left:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$2.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" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5635
5635
|
}
|
|
5636
5636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchCheckListComponent, decorators: [{
|
|
5637
5637
|
type: Component,
|
|
5638
|
-
args: [{ selector: 'adf-search-check-list', imports: [CommonModule, MatCheckboxModule, TranslatePipe, MatButtonModule,
|
|
5638
|
+
args: [{ selector: 'adf-search-check-list', imports: [CommonModule, MatCheckboxModule, TranslatePipe, MatButtonModule, IconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-check-list' }, template: "<div class=\"checklist\">\n <mat-checkbox\n *ngFor=\"let option of options\"\n [checked]=\"option.checked\"\n (keydown.enter)=\"option.checked = !option.checked\"\n [attr.data-automation-id]=\"'checkbox-' + (option.name)\"\n [attr.aria-label]=\"option.name | translate\"\n (change)=\"changeHandler($event, option)\"\n class=\"adf-facet-filter\">\n <div title=\"{{ option.name | translate }}\" class=\"adf-search-check-list-label\">\n {{ option.name | translate }}\n </div>\n\n </mat-checkbox>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"options.fitsPage && !settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" (click)=\"clear()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\n </button>\n</div>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!options.fitsPage\">\n <button mat-icon-button\n title=\"{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\"\n (click)=\"clear()\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowLessItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n (click)=\"options.showLessItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button mat-icon-button\n *ngIf=\"options.canShowMoreItems\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n (click)=\"options.showMoreItems()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-search-check-list>div{display:flex;flex-direction:column}.adf-search-check-list>div .adf-facet-filter{display:block}.adf-search-check-list>div .adf-facet-filter .adf-search-check-list-label{text-overflow:ellipsis;overflow:hidden;width:100%;-webkit-font-smoothing:subpixel-antialiased;margin-top:1px}.adf-search-check-list>div .adf-facet-filter .adf-facet-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.adf-search-check-list>div .adf-facet-filter .mdc-checkbox{margin-left:4px;margin-top:5px;margin-bottom:4px}.adf-search-check-list>div .adf-facet-filter label{padding-left:0}\n"] }]
|
|
5639
5639
|
}], ctorParameters: () => [{ type: i2.TranslationService }] });
|
|
5640
5640
|
|
|
5641
5641
|
/*!
|
|
@@ -6447,11 +6447,11 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6447
6447
|
this.optionInput.nativeElement.value = '';
|
|
6448
6448
|
}
|
|
6449
6449
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchChipAutocompleteInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6450
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchChipAutocompleteInputComponent, isStandalone: true, selector: "adf-search-chip-autocomplete-input", inputs: { autocompleteOptions: "autocompleteOptions", preselectedOptions: "preselectedOptions", onReset$: "onReset$", allowOnlyPredefinedValues: "allowOnlyPredefinedValues", placeholder: "placeholder", compareOption: "compareOption", formatChipValue: "formatChipValue", filter: "filter" }, outputs: { optionsChanged: "optionsChanged", inputChanged: "inputChanged" }, viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-label>{{ placeholder | translate }}</mat-label>\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\"
|
|
6450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchChipAutocompleteInputComponent, isStandalone: true, selector: "adf-search-chip-autocomplete-input", inputs: { autocompleteOptions: "autocompleteOptions", preselectedOptions: "preselectedOptions", onReset$: "onReset$", allowOnlyPredefinedValues: "allowOnlyPredefinedValues", placeholder: "placeholder", compareOption: "compareOption", formatChipValue: "formatChipValue", filter: "filter" }, outputs: { optionsChanged: "optionsChanged", inputChanged: "inputChanged" }, viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-label>{{ placeholder | translate }}</mat-label>\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\" adf-icon=\"close\" />\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i7$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i7$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6451
6451
|
}
|
|
6452
6452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchChipAutocompleteInputComponent, decorators: [{
|
|
6453
6453
|
type: Component,
|
|
6454
|
-
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe,
|
|
6454
|
+
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, IconModule, ReactiveFormsModule, MatAutocompleteModule], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-label>{{ placeholder | translate }}</mat-label>\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\" adf-icon=\"close\" />\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"] }]
|
|
6455
6455
|
}], propDecorators: { optionInput: [{
|
|
6456
6456
|
type: ViewChild,
|
|
6457
6457
|
args: ['optionInput']
|
|
@@ -6922,7 +6922,7 @@ class SearchPropertiesComponent {
|
|
|
6922
6922
|
return `${this.getCssStyle(el, 'font-weight')} ${this.getCssStyle(el, 'font-size')} ${this.getCssStyle(el, 'font-family')}`;
|
|
6923
6923
|
}
|
|
6924
6924
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchPropertiesComponent, deps: [{ token: i1$2.FormBuilder }, { token: i2$4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6925
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchPropertiesComponent, isStandalone: true, selector: "adf-search-properties", viewQueries: [{ propertyName: "fileSizeOperatorSelectElement", first: true, predicate: ["fileSizeOperatorSelect"], descendants: true, read: ElementRef }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"adf-search-properties-form\">\n <fieldset aria-labelledby=\"file-size-label\">\n <legend id=\"file-size-label\" class=\"adf-search-properties-file-size-label\">\n {{ 'SEARCH.SEARCH_PROPERTIES.FILE_SIZE' | translate }}\n </legend>\n <div class=\"adf-search-properties-file-size-container\">\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n [style.flex]=\"'0 0 ' + fileSizeOperatorsMaxWidth + 'px'\"\n subscriptSizing=\"dynamic\"\n data-automation-id=\"adf-search-properties-file-size-operator\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.CONDITION' | translate }}</mat-label>\n <mat-select\n data-automation-id=\"adf-search-properties-file-size-operator-select\"\n [formControl]=\"form.controls.fileSizeOperator\"\n #fileSizeOperatorSelect>\n <mat-option\n *ngFor=\"let fileSizeOperator of fileSizeOperators\"\n [value]=\"fileSizeOperator\">\n {{ fileSizeOperator | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-search-properties-form-field\" appearance=\"outline\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.SIZE_VALUE' | translate }}</mat-label>\n <input\n matInput\n [formControl]=\"form.controls.fileSize\"\n type=\"number\"\n min=\"0\"\n step=\"any\"\n (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\"\n id=\"adf-search-properties-file-size\"\n [placeholder]=\"'SEARCH.SEARCH_PROPERTIES.FILE_SIZE_PLACEHOLDER' | translate\"\n (blur)=\"clearNumberFieldWhenInvalid($event)\"\n data-automation-id=\"adf-search-properties-file-size-input\"/>\n </mat-form-field>\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n data-automation-id=\"adf-search-properties-file-size-unit\"\n subscriptSizing=\"dynamic\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select\n [attr.aria-label]=\"'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate\"\n [formControl]=\"form.controls.fileSizeUnit\"\n data-automation-id=\"adf-search-properties-file-size-unit-select\">\n <mat-option\n *ngFor=\"let fileSizeUnit of fileSizeUnits\"\n [value]=\"fileSizeUnit\">\n {{ fileSizeUnit.abbreviation | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </fieldset>\n <p class=\"adf-search-properties-file-type-label\">{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}</p>\n <adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions\"\n [preselectedOptions]=\"preselectedOptions\"\n (optionsChanged)=\"selectedExtensions = $event\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"false\"\n [compareOption]=\"compareFileExtensions\"\n [formatChipValue]=\"getExtensionWithoutDot\"\n [filter]=\"filterExtensions\"\n placeholder=\"SEARCH.SEARCH_PROPERTIES.FILE_TYPE\"/>\n</form>\n", styles: ["adf-search-properties .adf-search-properties-form fieldset{padding:0;margin:0;border:none}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-label{margin-top:4px;margin-bottom:10px;display:block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-type-label{margin-top:10px;margin-bottom:6px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container{width:370px;display:flex}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field-infix{height:37.5px;min-height:37.5px;padding-top:9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-text-field--outlined{padding:0 9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field{width:100%;display:block;flex:1}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(1){min-width:115px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(2){margin:0 8px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(3){max-width:90px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type:
|
|
6925
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchPropertiesComponent, isStandalone: true, selector: "adf-search-properties", viewQueries: [{ propertyName: "fileSizeOperatorSelectElement", first: true, predicate: ["fileSizeOperatorSelect"], descendants: true, read: ElementRef }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"adf-search-properties-form\">\n <fieldset aria-labelledby=\"file-size-label\">\n <legend id=\"file-size-label\" class=\"adf-search-properties-file-size-label\">\n {{ 'SEARCH.SEARCH_PROPERTIES.FILE_SIZE' | translate }}\n </legend>\n <div class=\"adf-search-properties-file-size-container\">\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n [style.flex]=\"'0 0 ' + fileSizeOperatorsMaxWidth + 'px'\"\n subscriptSizing=\"dynamic\"\n data-automation-id=\"adf-search-properties-file-size-operator\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.CONDITION' | translate }}</mat-label>\n <mat-select\n data-automation-id=\"adf-search-properties-file-size-operator-select\"\n [formControl]=\"form.controls.fileSizeOperator\"\n #fileSizeOperatorSelect>\n <mat-option\n *ngFor=\"let fileSizeOperator of fileSizeOperators\"\n [value]=\"fileSizeOperator\">\n {{ fileSizeOperator | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-search-properties-form-field\" appearance=\"outline\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.SIZE_VALUE' | translate }}</mat-label>\n <input\n matInput\n [formControl]=\"form.controls.fileSize\"\n type=\"number\"\n min=\"0\"\n step=\"any\"\n (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\"\n id=\"adf-search-properties-file-size\"\n [placeholder]=\"'SEARCH.SEARCH_PROPERTIES.FILE_SIZE_PLACEHOLDER' | translate\"\n (blur)=\"clearNumberFieldWhenInvalid($event)\"\n data-automation-id=\"adf-search-properties-file-size-input\"/>\n </mat-form-field>\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n data-automation-id=\"adf-search-properties-file-size-unit\"\n subscriptSizing=\"dynamic\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select\n [attr.aria-label]=\"'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate\"\n [formControl]=\"form.controls.fileSizeUnit\"\n data-automation-id=\"adf-search-properties-file-size-unit-select\">\n <mat-option\n *ngFor=\"let fileSizeUnit of fileSizeUnits\"\n [value]=\"fileSizeUnit\">\n {{ fileSizeUnit.abbreviation | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </fieldset>\n <p class=\"adf-search-properties-file-type-label\">{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}</p>\n <adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions\"\n [preselectedOptions]=\"preselectedOptions\"\n (optionsChanged)=\"selectedExtensions = $event\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"false\"\n [compareOption]=\"compareFileExtensions\"\n [formatChipValue]=\"getExtensionWithoutDot\"\n [filter]=\"filterExtensions\"\n placeholder=\"SEARCH.SEARCH_PROPERTIES.FILE_TYPE\"/>\n</form>\n", styles: ["adf-search-properties .adf-search-properties-form fieldset{padding:0;margin:0;border:none}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-label{margin-top:4px;margin-bottom:10px;display:block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-type-label{margin-top:10px;margin-bottom:6px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container{width:370px;display:flex}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field-infix{height:37.5px;min-height:37.5px;padding-top:9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-text-field--outlined{padding:0 9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field{width:100%;display:block;flex:1}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(1){min-width:115px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(2){margin:0 8px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(3){max-width:90px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.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: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: SearchChipAutocompleteInputComponent, selector: "adf-search-chip-autocomplete-input", inputs: ["autocompleteOptions", "preselectedOptions", "onReset$", "allowOnlyPredefinedValues", "placeholder", "compareOption", "formatChipValue", "filter"], outputs: ["optionsChanged", "inputChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6926
6926
|
}
|
|
6927
6927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchPropertiesComponent, decorators: [{
|
|
6928
6928
|
type: Component,
|
|
@@ -7221,7 +7221,7 @@ class SearchDateRangeComponent {
|
|
|
7221
7221
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchDateRangeComponent, isStandalone: true, selector: "adf-search-date-range", inputs: { dateFormat: "dateFormat", maxDate: "maxDate", field: "field", initialValue: "initialValue", onReset$: "onReset$" }, outputs: { changed: "changed", valid: "valid" }, host: { classAttribute: "adf-search-date-range" }, providers: [
|
|
7222
7222
|
{ provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
|
|
7223
7223
|
{ provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS }
|
|
7224
|
-
], ngImport: i0, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label id=\"adf-search-date-range-quantity-label\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.QUANTITY' | translate }}</mat-label>\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n aria-labelledby=\"adf-search-date-range-quantity-label\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.DATE_RANGE' | translate }}</mat-label>\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate: { requiredFormat: dateFormat } }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate : { requiredFormat: dateFormat } }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-widget-extra-width{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatSelectModule }, { kind: "component", type: i3$2.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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i10.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i10.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i10.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i10.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7224
|
+
], ngImport: i0, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label id=\"adf-search-date-range-quantity-label\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.QUANTITY' | translate }}</mat-label>\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n aria-labelledby=\"adf-search-date-range-quantity-label\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.DATE_RANGE' | translate }}</mat-label>\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate: { requiredFormat: dateFormat } }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate : { requiredFormat: dateFormat } }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-widget-extra-width{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatSelectModule }, { kind: "component", type: i4$1.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: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i10.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i10.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i10.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i10.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7225
7225
|
}
|
|
7226
7226
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchDateRangeComponent, decorators: [{
|
|
7227
7227
|
type: Component,
|
|
@@ -8264,7 +8264,7 @@ class SearchFilterContainerComponent {
|
|
|
8264
8264
|
this.focusTrap = null;
|
|
8265
8265
|
}
|
|
8266
8266
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterContainerComponent, deps: [{ token: SearchHeaderQueryBuilderService }, { token: i2.TranslationService }, { token: i1$4.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterContainerComponent, isStandalone: true, selector: "adf-search-filter-container", inputs: { col: "col", value: "value" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: SearchWidgetContainerComponent, descendants: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!!category\" class=\"adf-filter\">\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"filter\"\n data-automation-id=\"filter-menu-button\"\n #menuTrigger=\"matMenuTrigger\"\n (click)=\"$event.stopPropagation()\"\n (menuOpened)=\"onMenuOpen()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-filter-button\"\n [attr.aria-label]=\"isActive() ? getTooltipTranslation(col?.title) + ' (' + ('SEARCH.SEARCH_HEADER.ACTIVE_FILTER' | translate) + ')' : getTooltipTranslation(col?.title)\"\n [title]=\"getTooltipTranslation(col?.title)\"\n >\n <adf-icon\n value=\"filter_list\"\n [ngClass]=\"{ 'adf-icon-active': isActive() || menuTrigger.menuOpen }\"\n class=\"adf-filter-icon\"\n matBadge=\"filter\"\n matBadgeColor=\"warn\"\n [matBadgeHidden]=\"!isActive()\"\n />\n </button>\n\n <mat-menu #filter=\"matMenu\" class=\"adf-filter-menu adf-search-filter-menu\" (closed)=\"onClosed()\">\n <div #filterContainer role=\"menuitem\" tabindex=\"0\" (keydown.tab)=\"$event.stopPropagation()\">\n <div (click)=\"$event.stopPropagation()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"$event.stopPropagation()\" class=\"adf-filter-container\">\n <div class=\"adf-filter-title\">{{ category?.name | translate }}</div>\n <adf-search-widget-container\n (keypress)=\"onKeyPressed($event, menuTrigger)\"\n [id]=\"category?.id\"\n [selector]=\"category?.component?.selector\"\n [settings]=\"category?.component?.settings\"\n [value]=\"initialValue\"\n [useHeaderQueryBuilder]=\"true\"\n />\n </div>\n <mat-dialog-actions class=\"adf-filter-actions\">\n <button\n mat-button\n id=\"clear-filter-button\"\n [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.CLEAR' | translate\"\n (click)=\"onClearButtonClick($event)\"\n >\n {{ 'SEARCH.SEARCH_HEADER.CLEAR' | translate | uppercase }}\n </button>\n <button\n mat-button\n color=\"primary\"\n id=\"apply-filter-button\"\n class=\"adf-filter-apply-button\"\n [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.APPLY' | translate\"\n (click)=\"onApply()\"\n >\n {{ 'SEARCH.SEARCH_HEADER.APPLY' | translate | uppercase }}\n </button>\n </mat-dialog-actions>\n </div>\n </mat-menu>\n</div>\n", styles: [".adf-filter-button:has(.adf-filter-icon){margin-left:-7px}.adf-filter-button:has(.adf-filter-icon) .adf-icon{opacity:1;color:var(--adf-theme-foreground-icon-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active{color:var(--theme-primary-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active span{border:2px solid var(--adf-theme-background-card-color);width:10px;height:10px;top:-3px;right:-6px}.adf-filter-container{display:flex;flex-direction:column;padding:15.5px 15px 10px;color:var(--adf-theme-foreground-text-color-087)}.adf-filter-container .adf-facet-buttons{display:none}.adf-filter-container .adf-search-check-list{padding:5px 0}.adf-filter-container input{background:2px solid var(--adf-theme-background-card-color)}.adf-filter-title{font-size:1.1em;padding-bottom:5px;color:var(--adf-theme-foreground-text-color-087);-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu{min-width:260px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-search-filter-menu.adf-filter-menu>div:first-child{padding:0}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions{display:flex;justify-content:flex-end;padding:15px;background-color:var(--adf-theme-background-hover-color)}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button{font-size:.9em;height:36px;width:auto;padding-left:16px;padding-right:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button .mdc-button__label{font-weight:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$
|
|
8267
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterContainerComponent, isStandalone: true, selector: "adf-search-filter-container", inputs: { col: "col", value: "value" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: SearchWidgetContainerComponent, descendants: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!!category\" class=\"adf-filter\">\n <button\n mat-icon-button\n [matMenuTriggerFor]=\"filter\"\n data-automation-id=\"filter-menu-button\"\n #menuTrigger=\"matMenuTrigger\"\n (click)=\"$event.stopPropagation()\"\n (menuOpened)=\"onMenuOpen()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n class=\"adf-filter-button\"\n [attr.aria-label]=\"isActive() ? getTooltipTranslation(col?.title) + ' (' + ('SEARCH.SEARCH_HEADER.ACTIVE_FILTER' | translate) + ')' : getTooltipTranslation(col?.title)\"\n [title]=\"getTooltipTranslation(col?.title)\"\n >\n <adf-icon\n value=\"filter_list\"\n [ngClass]=\"{ 'adf-icon-active': isActive() || menuTrigger.menuOpen }\"\n class=\"adf-filter-icon\"\n matBadge=\"filter\"\n matBadgeColor=\"warn\"\n [matBadgeHidden]=\"!isActive()\"\n />\n </button>\n\n <mat-menu #filter=\"matMenu\" class=\"adf-filter-menu adf-search-filter-menu\" (closed)=\"onClosed()\">\n <div #filterContainer role=\"menuitem\" tabindex=\"0\" (keydown.tab)=\"$event.stopPropagation()\">\n <div (click)=\"$event.stopPropagation()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"$event.stopPropagation()\" class=\"adf-filter-container\">\n <div class=\"adf-filter-title\">{{ category?.name | translate }}</div>\n <adf-search-widget-container\n (keypress)=\"onKeyPressed($event, menuTrigger)\"\n [id]=\"category?.id\"\n [selector]=\"category?.component?.selector\"\n [settings]=\"category?.component?.settings\"\n [value]=\"initialValue\"\n [useHeaderQueryBuilder]=\"true\"\n />\n </div>\n <mat-dialog-actions class=\"adf-filter-actions\">\n <button\n mat-button\n id=\"clear-filter-button\"\n [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.CLEAR' | translate\"\n (click)=\"onClearButtonClick($event)\"\n >\n {{ 'SEARCH.SEARCH_HEADER.CLEAR' | translate | uppercase }}\n </button>\n <button\n mat-button\n color=\"primary\"\n id=\"apply-filter-button\"\n class=\"adf-filter-apply-button\"\n [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.APPLY' | translate\"\n (click)=\"onApply()\"\n >\n {{ 'SEARCH.SEARCH_HEADER.APPLY' | translate | uppercase }}\n </button>\n </mat-dialog-actions>\n </div>\n </mat-menu>\n</div>\n", styles: [".adf-filter-button:has(.adf-filter-icon){margin-left:-7px}.adf-filter-button:has(.adf-filter-icon) .adf-icon{opacity:1;color:var(--adf-theme-foreground-icon-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active{color:var(--theme-primary-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active span{border:2px solid var(--adf-theme-background-card-color);width:10px;height:10px;top:-3px;right:-6px}.adf-filter-container{display:flex;flex-direction:column;padding:15.5px 15px 10px;color:var(--adf-theme-foreground-text-color-087)}.adf-filter-container .adf-facet-buttons{display:none}.adf-filter-container .adf-search-check-list{padding:5px 0}.adf-filter-container input{background:2px solid var(--adf-theme-background-card-color)}.adf-filter-title{font-size:1.1em;padding-bottom:5px;color:var(--adf-theme-foreground-text-color-087);-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu{min-width:260px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-search-filter-menu.adf-filter-menu>div:first-child{padding:0}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions{display:flex;justify-content:flex-end;padding:15px;background-color:var(--adf-theme-background-hover-color)}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button{font-size:.9em;height:36px;width:auto;padding-left:16px;padding-right:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button .mdc-button__label{font-weight:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.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: i4$2.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: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: SearchWidgetContainerComponent, selector: "adf-search-widget-container", inputs: ["id", "selector", "settings", "config", "value", "useHeaderQueryBuilder"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8268
8268
|
}
|
|
8269
8269
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterContainerComponent, decorators: [{
|
|
8270
8270
|
type: Component,
|
|
@@ -9198,7 +9198,7 @@ class DocumentListComponent extends DataTableSchema {
|
|
|
9198
9198
|
return this.preselectedRows?.length > 0;
|
|
9199
9199
|
}
|
|
9200
9200
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DocumentListComponent, deps: [{ token: DocumentListService }, { token: i0.ElementRef }, { token: i2.AppConfigService }, { token: i2.UserPreferencesService }, { token: ContentService }, { token: i2.ThumbnailService }, { token: AlfrescoApiService }, { token: NodesApiService }, { token: i2.DataTableService }, { token: LockService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DocumentListComponent, isStandalone: true, selector: "adf-document-list", inputs: { includeFields: "includeFields", where: "where", filters: "filters", permissionsStyle: "permissionsStyle", locationFormat: "locationFormat", navigate: "navigate", showHeader: "showHeader", navigationMode: "navigationMode", thumbnails: "thumbnails", selectionMode: "selectionMode", multiselect: "multiselect", contentActions: "contentActions", contentActionsPosition: "contentActionsPosition", contextMenuActions: "contextMenuActions", emptyFolderImageUrl: "emptyFolderImageUrl", allowDropFiles: "allowDropFiles", sorting: "sorting", additionalSorting: "additionalSorting", sortingMode: "sortingMode", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", loading: "loading", _rowFilter: "_rowFilter", rowFilter: "rowFilter", imageResolver: "imageResolver", stickyHeader: "stickyHeader", headerFilters: "headerFilters", filterValue: "filterValue", currentFolderId: "currentFolderId", preselectNodes: "preselectNodes", node: "node", maxItems: "maxItems", columnsPresetKey: "columnsPresetKey", setColumnsVisibility: "setColumnsVisibility", setColumnsWidths: "setColumnsWidths", setColumnsOrder: "setColumnsOrder", maxColumnsVisible: "maxColumnsVisible", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", displayDragAndDropHint: "displayDragAndDropHint", isDataProvidedExternally: "isDataProvidedExternally" }, outputs: { nodeClick: "nodeClick", nodeDblClick: "nodeDblClick", folderChange: "folderChange", preview: "preview", ready: "ready", error: "error", nodeSelected: "nodeSelected", filterSelection: "filterSelection", columnsWidthChanged: "columnsWidthChanged", columnsVisibilityChanged: "columnsVisibilityChanged", columnsOrderChanged: "columnsOrderChanged", selectedItemsCountChanged: "selectedItemsCountChanged" }, host: { listeners: { "contextmenu": "onShowContextMenu($event)" }, classAttribute: "adf-document-list" }, providers: [DataTableService], queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }, { propertyName: "customNoPermissionsTemplate", first: true, predicate: CustomNoPermissionTemplateDirective, descendants: true }, { propertyName: "customNoContentTemplate", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: ["dataTable"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n #dataTable\n [selectionMode]=\"selectionMode\"\n [data]=\"data\"\n [actions]=\"contentActions\"\n [actionsPosition]=\"contentActionsPosition\"\n [multiselect]=\"multiselect\"\n [contextMenu]=\"contextMenuActions\"\n [rowStyle]=\"rowStyle\"\n [rowStyleClass]=\"rowStyleClass\"\n [showMainDatatableActions]=\"true\"\n [loading]=\"loading\"\n [noPermission]=\"noPermission\"\n [showHeader]=\"showHeader\"\n [rowMenuCacheEnabled]=\"false\"\n [stickyHeader]=\"stickyHeader\"\n [allowFiltering]=\"allowFiltering\"\n [isResizingEnabled]=\"isResizingEnabled\"\n [blurOnResize]=\"blurOnResize\"\n [displayCheckboxesOnHover]=\"displayCheckboxesOnHover\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChange($event)\"\n (columnOrderChanged)=\"onColumnOrderChange($event)\"\n (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n (rowClick)=\"onNodeClick($event.value?.node)\"\n (rowDblClick)=\"onNodeDblClick($event.value?.node)\"\n (row-select)=\"onNodeSelect($any($event).detail)\"\n (row-unselect)=\"onNodeUnselect($any($event).detail)\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n [class.adf-datatable-gallery-thumbnails]=\"data.thumbnails\">\n\n <div *ngIf=\"headerFilters\">\n <adf-filter-header\n [currentFolderId]=\"currentFolderId\"\n [value]=\"filterValue\"\n [pagination]=\"pagination | async\"\n [sorting]=\"sortingSubject | async\"\n (filterSelection)=\"onFilterSelectionChange($event)\"\n (searchResultsReady)=\"onFilterSearchResultsReady($event)\"\n (filtersCleared)=\"onFiltersCleared()\" />\n </div>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-list *ngIf=\"!customNoContentTemplate\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-this-space-is-empty\">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>\n <ng-container *ngIf=\"displayDragAndDropHint\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n </ng-container>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\" [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n <ng-content select=\"adf-custom-empty-content-template, empty-folder-content\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-no-permission-template>\n <ng-template>\n <div class=\"adf-no-permission__template\" *ngIf=\"!customNoPermissionsTemplate\">\n <mat-icon>error</mat-icon>\n <p class=\"adf-no-permission__template--text\">{{ 'ADF-DOCUMENT-LIST.NO_PERMISSION' | translate }}</p>\n </div>\n <ng-content select=\"adf-custom-no-permission-template, no-permission-content\" />\n </ng-template>\n </adf-no-permission-template>\n\n <adf-loading-content-template>\n <ng-template>\n <div class=\"adf-document-list-loading-container\" *ngIf=\"!customLoadingContent\">\n <mat-progress-spinner\n id=\"adf-document-list-loading\"\n class=\"adf-document-list-loading-margin\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.LOADER_LABEL' | translate\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n </div>\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n [columnsSorting]=\"false\"\n [maxColumnsVisible]=\"maxColumnsVisible\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n\n</adf-datatable>\n", styles: [".adf-document-list{min-height:0;height:100%;background-color:var(--theme-background-color)}.adf-sticky-document-list{height:310px;overflow-y:auto}.adf-datatable-card .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px;position:absolute;top:10px}.adf-datatable-list .adf-datatable-selected{display:inline-table}.adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px}.adf-document-list_empty_template{text-align:center;margin-top:20px;margin-bottom:20px}.adf-no-permission__template{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:300px}.adf-no-permission__template mat-icon{font-size:52px;height:52px;width:52px}.adf-no-permission__template--text{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-subheading-2-font-size)}.adf-document-list__this-space-is-empty{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-document-list__drag-drop{height:56px;opacity:.54;font-size:56px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px}.adf-document-list__any-files-here-to-add{height:24px;opacity:.54;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px}.adf-document-list__empty_doc_lib{width:565px;height:161px;object-fit:contain;margin-top:17px}.adf-document-list-loading-margin{margin:auto}.adf-document-list-loading-container{min-height:300px;display:flex;flex-direction:row;height:100%}.adf-empty-list-header{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination{color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination .adf-pagination__block{border-right:none}.adf-empty-folder-this-space-is-empty{height:32px;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color-064)}.adf-empty-folder-drag-drop{min-height:56px;font-size:53px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px;word-break:break-all;white-space:pre-line}@media (max-width: 599.9px){.adf-empty-folder-drag-drop{font-size:48px}}.adf-empty-folder-any-files-here-to-add{min-height:24px;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px;word-break:break-all;white-space:pre-line}.adf-empty-folder-image{width:565px;max-width:100%;object-fit:contain;margin-top:17px}@media (max-width: 599.9px){.adf-empty-folder-image{width:250px}}@media (max-width: 959.9px){.adf-empty-folder-drag-drop,.adf-empty-folder-any-files-here-to-add{display:none}}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row){height:300px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) img{height:130px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell{overflow:visible}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image{flex:0 0 auto;display:flex;flex-direction:column-reverse;justify-content:space-between}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image .adf-cell-value{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "component", type: FilterHeaderComponent, selector: "adf-filter-header", inputs: ["value", "currentFolderId", "pagination", "sorting"], outputs: ["filterSelection", "searchResultsReady", "filtersCleared"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "component", type: EmptyListComponent, selector: "adf-empty-list" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NoPermissionTemplateDirective, selector: "adf-no-permission-template, no-permission-template" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DocumentListComponent, isStandalone: true, selector: "adf-document-list", inputs: { includeFields: "includeFields", where: "where", filters: "filters", permissionsStyle: "permissionsStyle", locationFormat: "locationFormat", navigate: "navigate", showHeader: "showHeader", navigationMode: "navigationMode", thumbnails: "thumbnails", selectionMode: "selectionMode", multiselect: "multiselect", contentActions: "contentActions", contentActionsPosition: "contentActionsPosition", contextMenuActions: "contextMenuActions", emptyFolderImageUrl: "emptyFolderImageUrl", allowDropFiles: "allowDropFiles", sorting: "sorting", additionalSorting: "additionalSorting", sortingMode: "sortingMode", rowStyle: "rowStyle", rowStyleClass: "rowStyleClass", loading: "loading", _rowFilter: "_rowFilter", rowFilter: "rowFilter", imageResolver: "imageResolver", stickyHeader: "stickyHeader", headerFilters: "headerFilters", filterValue: "filterValue", currentFolderId: "currentFolderId", preselectNodes: "preselectNodes", node: "node", maxItems: "maxItems", columnsPresetKey: "columnsPresetKey", setColumnsVisibility: "setColumnsVisibility", setColumnsWidths: "setColumnsWidths", setColumnsOrder: "setColumnsOrder", maxColumnsVisible: "maxColumnsVisible", isResizingEnabled: "isResizingEnabled", blurOnResize: "blurOnResize", displayCheckboxesOnHover: "displayCheckboxesOnHover", displayDragAndDropHint: "displayDragAndDropHint", isDataProvidedExternally: "isDataProvidedExternally" }, outputs: { nodeClick: "nodeClick", nodeDblClick: "nodeDblClick", folderChange: "folderChange", preview: "preview", ready: "ready", error: "error", nodeSelected: "nodeSelected", filterSelection: "filterSelection", columnsWidthChanged: "columnsWidthChanged", columnsVisibilityChanged: "columnsVisibilityChanged", columnsOrderChanged: "columnsOrderChanged", selectedItemsCountChanged: "selectedItemsCountChanged" }, host: { listeners: { "contextmenu": "onShowContextMenu($event)" }, classAttribute: "adf-document-list" }, providers: [DataTableService], queries: [{ propertyName: "columnList", first: true, predicate: DataColumnListComponent, descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: CustomLoadingContentTemplateDirective, descendants: true }, { propertyName: "customNoPermissionsTemplate", first: true, predicate: CustomNoPermissionTemplateDirective, descendants: true }, { propertyName: "customNoContentTemplate", first: true, predicate: CustomEmptyContentTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "dataTable", first: true, predicate: ["dataTable"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<adf-datatable\n #dataTable\n [selectionMode]=\"selectionMode\"\n [data]=\"data\"\n [actions]=\"contentActions\"\n [actionsPosition]=\"contentActionsPosition\"\n [multiselect]=\"multiselect\"\n [contextMenu]=\"contextMenuActions\"\n [rowStyle]=\"rowStyle\"\n [rowStyleClass]=\"rowStyleClass\"\n [showMainDatatableActions]=\"true\"\n [loading]=\"loading\"\n [noPermission]=\"noPermission\"\n [showHeader]=\"showHeader\"\n [rowMenuCacheEnabled]=\"false\"\n [stickyHeader]=\"stickyHeader\"\n [allowFiltering]=\"allowFiltering\"\n [isResizingEnabled]=\"isResizingEnabled\"\n [blurOnResize]=\"blurOnResize\"\n [displayCheckboxesOnHover]=\"displayCheckboxesOnHover\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChange($event)\"\n (columnOrderChanged)=\"onColumnOrderChange($event)\"\n (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n (rowClick)=\"onNodeClick($event.value?.node)\"\n (rowDblClick)=\"onNodeDblClick($event.value?.node)\"\n (row-select)=\"onNodeSelect($any($event).detail)\"\n (row-unselect)=\"onNodeUnselect($any($event).detail)\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n [class.adf-datatable-gallery-thumbnails]=\"data.thumbnails\">\n\n <div *ngIf=\"headerFilters\">\n <adf-filter-header\n [currentFolderId]=\"currentFolderId\"\n [value]=\"filterValue\"\n [pagination]=\"pagination | async\"\n [sorting]=\"sortingSubject | async\"\n (filterSelection)=\"onFilterSelectionChange($event)\"\n (searchResultsReady)=\"onFilterSearchResultsReady($event)\"\n (filtersCleared)=\"onFiltersCleared()\" />\n </div>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-list *ngIf=\"!customNoContentTemplate\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-this-space-is-empty\">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>\n <ng-container *ngIf=\"displayDragAndDropHint\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n </ng-container>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\" [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n <ng-content select=\"adf-custom-empty-content-template, empty-folder-content\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-no-permission-template>\n <ng-template>\n <div class=\"adf-no-permission__template\" *ngIf=\"!customNoPermissionsTemplate\">\n <mat-icon adf-icon=\"error\" />\n <p class=\"adf-no-permission__template--text\">{{ 'ADF-DOCUMENT-LIST.NO_PERMISSION' | translate }}</p>\n </div>\n <ng-content select=\"adf-custom-no-permission-template, no-permission-content\" />\n </ng-template>\n </adf-no-permission-template>\n\n <adf-loading-content-template>\n <ng-template>\n <div class=\"adf-document-list-loading-container\" *ngIf=\"!customLoadingContent\">\n <mat-progress-spinner\n id=\"adf-document-list-loading\"\n class=\"adf-document-list-loading-margin\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.LOADER_LABEL' | translate\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n </div>\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n [columnsSorting]=\"false\"\n [maxColumnsVisible]=\"maxColumnsVisible\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n\n</adf-datatable>\n", styles: [".adf-document-list{min-height:0;height:100%;background-color:var(--theme-background-color)}.adf-sticky-document-list{height:310px;overflow-y:auto}.adf-datatable-card .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px;position:absolute;top:10px}.adf-datatable-list .adf-datatable-selected{display:inline-table}.adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px}.adf-document-list_empty_template{text-align:center;margin-top:20px;margin-bottom:20px}.adf-no-permission__template{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:300px}.adf-no-permission__template mat-icon{font-size:52px;height:52px;width:52px}.adf-no-permission__template--text{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-subheading-2-font-size)}.adf-document-list__this-space-is-empty{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-document-list__drag-drop{height:56px;opacity:.54;font-size:56px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px}.adf-document-list__any-files-here-to-add{height:24px;opacity:.54;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px}.adf-document-list__empty_doc_lib{width:565px;height:161px;object-fit:contain;margin-top:17px}.adf-document-list-loading-margin{margin:auto}.adf-document-list-loading-container{min-height:300px;display:flex;flex-direction:row;height:100%}.adf-empty-list-header{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination{color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination .adf-pagination__block{border-right:none}.adf-empty-folder-this-space-is-empty{height:32px;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color-064)}.adf-empty-folder-drag-drop{min-height:56px;font-size:53px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px;word-break:break-all;white-space:pre-line}@media (max-width: 599.9px){.adf-empty-folder-drag-drop{font-size:48px}}.adf-empty-folder-any-files-here-to-add{min-height:24px;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px;word-break:break-all;white-space:pre-line}.adf-empty-folder-image{width:565px;max-width:100%;object-fit:contain;margin-top:17px}@media (max-width: 599.9px){.adf-empty-folder-image{width:250px}}@media (max-width: 959.9px){.adf-empty-folder-drag-drop,.adf-empty-folder-any-files-here-to-add{display:none}}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row){height:300px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) img{height:130px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell{overflow:visible}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image{flex:0 0 auto;display:flex;flex-direction:column-reverse;justify-content:space-between}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image .adf-cell-value{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "component", type: FilterHeaderComponent, selector: "adf-filter-header", inputs: ["value", "currentFolderId", "pagination", "sorting"], outputs: ["filterSelection", "searchResultsReady", "filtersCleared"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "component", type: EmptyListComponent, selector: "adf-empty-list" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NoPermissionTemplateDirective, selector: "adf-no-permission-template, no-permission-template" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "directive", type: LoadingContentTemplateDirective, selector: "adf-loading-content-template, loading-content-template" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: MainMenuDataTableTemplateDirective, selector: "adf-main-menu-datatable-template" }, { kind: "component", type: ColumnsSelectorComponent, selector: "adf-datatable-column-selector", inputs: ["columns", "mainMenuTrigger", "columnsSorting", "maxColumnsVisible"], outputs: ["submitColumnsVisibility"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9202
9202
|
}
|
|
9203
9203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DocumentListComponent, decorators: [{
|
|
9204
9204
|
type: Component,
|
|
@@ -9210,12 +9210,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
9210
9210
|
EmptyListComponent,
|
|
9211
9211
|
TranslatePipe,
|
|
9212
9212
|
NoPermissionTemplateDirective,
|
|
9213
|
-
|
|
9213
|
+
IconModule,
|
|
9214
9214
|
LoadingContentTemplateDirective,
|
|
9215
9215
|
MatProgressSpinnerModule,
|
|
9216
9216
|
MainMenuDataTableTemplateDirective,
|
|
9217
9217
|
ColumnsSelectorComponent
|
|
9218
|
-
], providers: [DataTableService], encapsulation: ViewEncapsulation.None, host: { class: 'adf-document-list' }, template: "<adf-datatable\n #dataTable\n [selectionMode]=\"selectionMode\"\n [data]=\"data\"\n [actions]=\"contentActions\"\n [actionsPosition]=\"contentActionsPosition\"\n [multiselect]=\"multiselect\"\n [contextMenu]=\"contextMenuActions\"\n [rowStyle]=\"rowStyle\"\n [rowStyleClass]=\"rowStyleClass\"\n [showMainDatatableActions]=\"true\"\n [loading]=\"loading\"\n [noPermission]=\"noPermission\"\n [showHeader]=\"showHeader\"\n [rowMenuCacheEnabled]=\"false\"\n [stickyHeader]=\"stickyHeader\"\n [allowFiltering]=\"allowFiltering\"\n [isResizingEnabled]=\"isResizingEnabled\"\n [blurOnResize]=\"blurOnResize\"\n [displayCheckboxesOnHover]=\"displayCheckboxesOnHover\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChange($event)\"\n (columnOrderChanged)=\"onColumnOrderChange($event)\"\n (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n (rowClick)=\"onNodeClick($event.value?.node)\"\n (rowDblClick)=\"onNodeDblClick($event.value?.node)\"\n (row-select)=\"onNodeSelect($any($event).detail)\"\n (row-unselect)=\"onNodeUnselect($any($event).detail)\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n [class.adf-datatable-gallery-thumbnails]=\"data.thumbnails\">\n\n <div *ngIf=\"headerFilters\">\n <adf-filter-header\n [currentFolderId]=\"currentFolderId\"\n [value]=\"filterValue\"\n [pagination]=\"pagination | async\"\n [sorting]=\"sortingSubject | async\"\n (filterSelection)=\"onFilterSelectionChange($event)\"\n (searchResultsReady)=\"onFilterSearchResultsReady($event)\"\n (filtersCleared)=\"onFiltersCleared()\" />\n </div>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-list *ngIf=\"!customNoContentTemplate\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-this-space-is-empty\">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>\n <ng-container *ngIf=\"displayDragAndDropHint\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n </ng-container>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\" [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n <ng-content select=\"adf-custom-empty-content-template, empty-folder-content\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-no-permission-template>\n <ng-template>\n <div class=\"adf-no-permission__template\" *ngIf=\"!customNoPermissionsTemplate\">\n <mat-icon
|
|
9218
|
+
], providers: [DataTableService], encapsulation: ViewEncapsulation.None, host: { class: 'adf-document-list' }, template: "<adf-datatable\n #dataTable\n [selectionMode]=\"selectionMode\"\n [data]=\"data\"\n [actions]=\"contentActions\"\n [actionsPosition]=\"contentActionsPosition\"\n [multiselect]=\"multiselect\"\n [contextMenu]=\"contextMenuActions\"\n [rowStyle]=\"rowStyle\"\n [rowStyleClass]=\"rowStyleClass\"\n [showMainDatatableActions]=\"true\"\n [loading]=\"loading\"\n [noPermission]=\"noPermission\"\n [showHeader]=\"showHeader\"\n [rowMenuCacheEnabled]=\"false\"\n [stickyHeader]=\"stickyHeader\"\n [allowFiltering]=\"allowFiltering\"\n [isResizingEnabled]=\"isResizingEnabled\"\n [blurOnResize]=\"blurOnResize\"\n [displayCheckboxesOnHover]=\"displayCheckboxesOnHover\"\n (showRowContextMenu)=\"onShowRowContextMenu($event)\"\n (showRowActionsMenu)=\"onShowRowActionsMenu($event)\"\n (executeRowAction)=\"onExecuteRowAction($event)\"\n (columnsWidthChanged)=\"onColumnsWidthChange($event)\"\n (columnOrderChanged)=\"onColumnOrderChange($event)\"\n (selectedItemsCountChanged)=\"onSelectedItemsCountChanged($event)\"\n (rowClick)=\"onNodeClick($event.value?.node)\"\n (rowDblClick)=\"onNodeDblClick($event.value?.node)\"\n (row-select)=\"onNodeSelect($any($event).detail)\"\n (row-unselect)=\"onNodeUnselect($any($event).detail)\"\n (sorting-changed)=\"onSortingChanged($any($event))\"\n [class.adf-datatable-gallery-thumbnails]=\"data.thumbnails\">\n\n <div *ngIf=\"headerFilters\">\n <adf-filter-header\n [currentFolderId]=\"currentFolderId\"\n [value]=\"filterValue\"\n [pagination]=\"pagination | async\"\n [sorting]=\"sortingSubject | async\"\n (filterSelection)=\"onFilterSelectionChange($event)\"\n (searchResultsReady)=\"onFilterSearchResultsReady($event)\"\n (filtersCleared)=\"onFiltersCleared()\" />\n </div>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-list *ngIf=\"!customNoContentTemplate\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-this-space-is-empty\">{{'ADF-DOCUMENT-LIST.EMPTY.HEADER' | translate}}</div>\n <ng-container *ngIf=\"displayDragAndDropHint\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n </ng-container>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\" [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n <ng-content select=\"adf-custom-empty-content-template, empty-folder-content\" />\n </ng-template>\n </adf-no-content-template>\n\n <adf-no-permission-template>\n <ng-template>\n <div class=\"adf-no-permission__template\" *ngIf=\"!customNoPermissionsTemplate\">\n <mat-icon adf-icon=\"error\" />\n <p class=\"adf-no-permission__template--text\">{{ 'ADF-DOCUMENT-LIST.NO_PERMISSION' | translate }}</p>\n </div>\n <ng-content select=\"adf-custom-no-permission-template, no-permission-content\" />\n </ng-template>\n </adf-no-permission-template>\n\n <adf-loading-content-template>\n <ng-template>\n <div class=\"adf-document-list-loading-container\" *ngIf=\"!customLoadingContent\">\n <mat-progress-spinner\n id=\"adf-document-list-loading\"\n class=\"adf-document-list-loading-margin\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.LOADER_LABEL' | translate\"\n [color]=\"'primary'\"\n [mode]=\"'indeterminate'\" />\n </div>\n <ng-content select=\"adf-custom-loading-content-template\" />\n </ng-template>\n </adf-loading-content-template>\n\n <adf-main-menu-datatable-template>\n <ng-template let-mainMenuTrigger>\n <adf-datatable-column-selector\n [columns]=\"columns\"\n [mainMenuTrigger]=\"mainMenuTrigger\"\n [columnsSorting]=\"false\"\n [maxColumnsVisible]=\"maxColumnsVisible\"\n (submitColumnsVisibility)=\"onColumnsVisibilityChange($event)\" />\n </ng-template>\n </adf-main-menu-datatable-template>\n\n</adf-datatable>\n", styles: [".adf-document-list{min-height:0;height:100%;background-color:var(--theme-background-color)}.adf-sticky-document-list{height:310px;overflow-y:auto}.adf-datatable-card .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px;position:absolute;top:10px}.adf-datatable-list .adf-datatable-selected{display:inline-table}.adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-accent-color);width:30px;height:30px}.adf-document-list_empty_template{text-align:center;margin-top:20px;margin-bottom:20px}.adf-no-permission__template{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;min-height:300px}.adf-no-permission__template mat-icon{font-size:52px;height:52px;width:52px}.adf-no-permission__template--text{color:var(--adf-theme-foreground-text-color);font-size:var(--theme-subheading-2-font-size)}.adf-document-list__this-space-is-empty{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-document-list__drag-drop{height:56px;opacity:.54;font-size:56px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px}.adf-document-list__any-files-here-to-add{height:24px;opacity:.54;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px}.adf-document-list__empty_doc_lib{width:565px;height:161px;object-fit:contain;margin-top:17px}.adf-document-list-loading-margin{margin:auto}.adf-document-list-loading-container{min-height:300px;display:flex;flex-direction:row;height:100%}.adf-empty-list-header{height:32px;opacity:.26;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination{color:var(--adf-theme-foreground-text-color)}.adf-documentlist-pagination .adf-pagination__block{border-right:none}.adf-empty-folder-this-space-is-empty{height:32px;font-size:var(--theme-headline-font-size);line-height:1.33;letter-spacing:-1px;color:var(--adf-theme-foreground-text-color-064)}.adf-empty-folder-drag-drop{min-height:56px;font-size:53px;line-height:1;letter-spacing:-2px;color:var(--adf-theme-foreground-text-color);margin-top:40px;word-break:break-all;white-space:pre-line}@media (max-width: 599.9px){.adf-empty-folder-drag-drop{font-size:48px}}.adf-empty-folder-any-files-here-to-add{min-height:24px;font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color);margin-top:17px;word-break:break-all;white-space:pre-line}.adf-empty-folder-image{width:565px;max-width:100%;object-fit:contain;margin-top:17px}@media (max-width: 599.9px){.adf-empty-folder-image{width:250px}}@media (max-width: 959.9px){.adf-empty-folder-drag-drop,.adf-empty-folder-any-files-here-to-add{display:none}}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row){height:300px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) img{height:130px}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell{overflow:visible}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image{flex:0 0 auto;display:flex;flex-direction:column-reverse;justify-content:space-between}.adf-datatable-gallery-thumbnails .adf-datatable-card .adf-datatable-row:is(adf-datatable-row) .adf-datatable-cell.adf-datatable-cell--image .adf-cell-value{display:flex;justify-content:center}\n"] }]
|
|
9219
9219
|
}], ctorParameters: () => [{ type: DocumentListService }, { type: i0.ElementRef }, { type: i2.AppConfigService }, { type: i2.UserPreferencesService }, { type: ContentService }, { type: i2.ThumbnailService }, { type: AlfrescoApiService }, { type: NodesApiService }, { type: i2.DataTableService }, { type: LockService }, { type: i1.MatDialog }], propDecorators: { columnList: [{
|
|
9220
9220
|
type: ContentChild,
|
|
9221
9221
|
args: [DataColumnListComponent]
|
|
@@ -9468,11 +9468,11 @@ class BreadcrumbComponent {
|
|
|
9468
9468
|
}
|
|
9469
9469
|
}
|
|
9470
9470
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9471
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: BreadcrumbComponent, isStandalone: true, selector: "adf-breadcrumb", inputs: { folderNode: "folderNode", root: "root", rootId: "rootId", target: "target", transform: "transform", maxItems: "maxItems", selectedRowItemsCount: "selectedRowItemsCount", readOnly: "readOnly" }, outputs: { navigate: "navigate" }, host: { classAttribute: "adf-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n *ngIf=\"folderNode\"\n data-automation-id=\"breadcrumb\"\n class=\"adf-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\"\n>\n <button\n *ngIf=\"hasPreviousNodes()\"\n tabindex=\"0\"\n class=\"adf-breadcrumb-dropdown-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate\"\n >\n <div class=\"adf-breadcrumb-dropdown-trigger-icon\">\n <mat-icon [class.adf-isRoot]=\"!hasPreviousNodes()\"
|
|
9471
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: BreadcrumbComponent, isStandalone: true, selector: "adf-breadcrumb", inputs: { folderNode: "folderNode", root: "root", rootId: "rootId", target: "target", transform: "transform", maxItems: "maxItems", selectedRowItemsCount: "selectedRowItemsCount", readOnly: "readOnly" }, outputs: { navigate: "navigate" }, host: { classAttribute: "adf-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<nav\n *ngIf=\"folderNode\"\n data-automation-id=\"breadcrumb\"\n class=\"adf-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\"\n>\n <button\n *ngIf=\"hasPreviousNodes()\"\n tabindex=\"0\"\n class=\"adf-breadcrumb-dropdown-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate\"\n >\n <div class=\"adf-breadcrumb-dropdown-trigger-icon\">\n <mat-icon [class.adf-isRoot]=\"!hasPreviousNodes()\" adf-icon=\"folder\" />\n <mat-icon [class.adf-isRoot]=\"!hasPreviousNodes()\" class=\"adf-breadcrumb-dropdown-trigger-arrow\" adf-icon=\"arrow_drop_down\" />\n </div>\n </button>\n\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-path\"\n tabindex=\"-1\"\n role=\"button\"\n >\n <mat-option\n *ngFor=\"let node of previousNodes\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-breadcrumb-path-option\"\n [disabled]=\"readOnly\"\n >\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n\n <div\n *ngFor=\"let item of lastNodes; let last = last\"\n [class.adf-active]=\"last\"\n [ngSwitch]=\"breadcrumbItemIsAnchor(last)\"\n title=\"{{ item.name | translate }}\"\n class=\"adf-breadcrumb-item\">\n <a\n *ngSwitchCase=\"true\"\n href=\"#\"\n [attr.data-automation-id]=\"'breadcrumb_' + item.name\"\n class=\"adf-breadcrumb-item-anchor\"\n (click)=\"onRoutePathClick(item, $event)\"\n >\n {{ item.name | translate }}\n </a>\n\n <div *ngSwitchDefault class=\"adf-breadcrumb-item-current\" aria-current=\"location\">\n {{ (selectedRowItemsCount < 1 ? item.name : 'BREADCRUMB.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}\n </div>\n\n <mat-icon class=\"adf-breadcrumb-item-chevron\" *ngIf=\"!last\" adf-icon=\"chevron_right\" />\n </div>\n</nav>\n\n<nav\n *ngIf=\"!folderNode && hasRoot\"\n data-automation-id=\"breadcrumb\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\"\n>\n <div class=\"adf-breadcrumb-item adf-active\" role=\"group\">\n <div class=\"adf-breadcrumb-item-current\">\n {{ root | translate }}\n </div>\n </div>\n</nav>\n", styles: [".adf-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-064);overflow:hidden}.adf-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-breadcrumb-dropdown-path{width:0;height:0;overflow:hidden;margin-top:35px}.adf-breadcrumb-dropdown-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:30px;margin-top:2px;margin-right:5px}.adf-breadcrumb-dropdown-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-breadcrumb-dropdown-trigger-icon{position:relative}.adf-breadcrumb-dropdown-trigger-arrow{font-size:var(--theme-adf-icon-1-font-size);position:absolute;left:4px;top:4px;color:#fff;z-index:2}.adf-breadcrumb-dropdown-trigger-arrow.adf-isRoot{visibility:hidden}.adf-breadcrumb-dropdown-trigger-arrow.adf-focus{border:none}.adf-breadcrumb-dropdown-trigger.adf-isRoot{cursor:not-allowed}.adf-breadcrumb-item{padding-right:2px;overflow:hidden;display:flex;line-height:33px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;text-align:left;color:var(--adf-theme-foreground-text-color-064);flex:0 1 auto;min-width:35px;margin-top:auto;text-overflow:ellipsis}.adf-breadcrumb-item:hover,.adf-breadcrumb-item.adf-active{color:var(--adf-theme-foreground-text-color-064)}.adf-breadcrumb-item.adf-active{color:var(--adf-theme-foreground-text-color-087)}.adf-breadcrumb-item-chevron{opacity:1;margin-top:9px;font-size:var(--theme-adf-icon-1-font-size)}.adf-breadcrumb-item-anchor{box-sizing:border-box;color:inherit;text-decoration:none;display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;padding:0;text-align:start}.adf-breadcrumb-item-anchor:focus{outline:1px solid var(--theme-accent-color-a200);outline-offset:-1px}.adf-breadcrumb-item-current{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.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: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9472
9472
|
}
|
|
9473
9473
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
9474
9474
|
type: Component,
|
|
9475
|
-
args: [{ selector: 'adf-breadcrumb', imports: [CommonModule,
|
|
9475
|
+
args: [{ selector: 'adf-breadcrumb', imports: [CommonModule, IconModule, TranslatePipe, MatSelectModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-breadcrumb' }, template: "<nav\n *ngIf=\"folderNode\"\n data-automation-id=\"breadcrumb\"\n class=\"adf-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\"\n>\n <button\n *ngIf=\"hasPreviousNodes()\"\n tabindex=\"0\"\n class=\"adf-breadcrumb-dropdown-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate\"\n >\n <div class=\"adf-breadcrumb-dropdown-trigger-icon\">\n <mat-icon [class.adf-isRoot]=\"!hasPreviousNodes()\" adf-icon=\"folder\" />\n <mat-icon [class.adf-isRoot]=\"!hasPreviousNodes()\" class=\"adf-breadcrumb-dropdown-trigger-arrow\" adf-icon=\"arrow_drop_down\" />\n </div>\n </button>\n\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-path\"\n tabindex=\"-1\"\n role=\"button\"\n >\n <mat-option\n *ngFor=\"let node of previousNodes\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-breadcrumb-path-option\"\n [disabled]=\"readOnly\"\n >\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n\n <div\n *ngFor=\"let item of lastNodes; let last = last\"\n [class.adf-active]=\"last\"\n [ngSwitch]=\"breadcrumbItemIsAnchor(last)\"\n title=\"{{ item.name | translate }}\"\n class=\"adf-breadcrumb-item\">\n <a\n *ngSwitchCase=\"true\"\n href=\"#\"\n [attr.data-automation-id]=\"'breadcrumb_' + item.name\"\n class=\"adf-breadcrumb-item-anchor\"\n (click)=\"onRoutePathClick(item, $event)\"\n >\n {{ item.name | translate }}\n </a>\n\n <div *ngSwitchDefault class=\"adf-breadcrumb-item-current\" aria-current=\"location\">\n {{ (selectedRowItemsCount < 1 ? item.name : 'BREADCRUMB.HEADER.SELECTED') | translate: { count: selectedRowItemsCount } }}\n </div>\n\n <mat-icon class=\"adf-breadcrumb-item-chevron\" *ngIf=\"!last\" adf-icon=\"chevron_right\" />\n </div>\n</nav>\n\n<nav\n *ngIf=\"!folderNode && hasRoot\"\n data-automation-id=\"breadcrumb\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\"\n>\n <div class=\"adf-breadcrumb-item adf-active\" role=\"group\">\n <div class=\"adf-breadcrumb-item-current\">\n {{ root | translate }}\n </div>\n </div>\n</nav>\n", styles: [".adf-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-064);overflow:hidden}.adf-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-breadcrumb-dropdown-path{width:0;height:0;overflow:hidden;margin-top:35px}.adf-breadcrumb-dropdown-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:30px;margin-top:2px;margin-right:5px}.adf-breadcrumb-dropdown-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-breadcrumb-dropdown-trigger-icon{position:relative}.adf-breadcrumb-dropdown-trigger-arrow{font-size:var(--theme-adf-icon-1-font-size);position:absolute;left:4px;top:4px;color:#fff;z-index:2}.adf-breadcrumb-dropdown-trigger-arrow.adf-isRoot{visibility:hidden}.adf-breadcrumb-dropdown-trigger-arrow.adf-focus{border:none}.adf-breadcrumb-dropdown-trigger.adf-isRoot{cursor:not-allowed}.adf-breadcrumb-item{padding-right:2px;overflow:hidden;display:flex;line-height:33px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;text-align:left;color:var(--adf-theme-foreground-text-color-064);flex:0 1 auto;min-width:35px;margin-top:auto;text-overflow:ellipsis}.adf-breadcrumb-item:hover,.adf-breadcrumb-item.adf-active{color:var(--adf-theme-foreground-text-color-064)}.adf-breadcrumb-item.adf-active{color:var(--adf-theme-foreground-text-color-087)}.adf-breadcrumb-item-chevron{opacity:1;margin-top:9px;font-size:var(--theme-adf-icon-1-font-size)}.adf-breadcrumb-item-anchor{box-sizing:border-box;color:inherit;text-decoration:none;display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;padding:0;text-align:start}.adf-breadcrumb-item-anchor:focus{outline:1px solid var(--theme-accent-color-a200);outline-offset:-1px}.adf-breadcrumb-item-current{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}\n"] }]
|
|
9476
9476
|
}], propDecorators: { folderNode: [{
|
|
9477
9477
|
type: Input,
|
|
9478
9478
|
args: [{ required: true }]
|
|
@@ -9541,11 +9541,11 @@ class DropdownBreadcrumbComponent extends BreadcrumbComponent {
|
|
|
9541
9541
|
return this.previousNodes.length > 0;
|
|
9542
9542
|
}
|
|
9543
9543
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownBreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9544
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DropdownBreadcrumbComponent, isStandalone: true, selector: "adf-dropdown-breadcrumb", host: { classAttribute: "adf-dropdown-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate:{ folderName: currentNode?.name }\"\n [attr.aria-haspopup]=\"hasPreviousNodes() ? 'true' : null\"\n [attr.aria-expanded]=\"dropdown?.panelOpen || false\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\"
|
|
9544
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DropdownBreadcrumbComponent, isStandalone: true, selector: "adf-dropdown-breadcrumb", host: { classAttribute: "adf-dropdown-breadcrumb" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate:{ folderName: currentNode?.name }\"\n [attr.aria-haspopup]=\"hasPreviousNodes() ? 'true' : null\"\n [attr.aria-expanded]=\"dropdown?.panelOpen || false\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\" adf-icon=\"folder\" />\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\" adf-icon=\"chevron_right\" />\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-064);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.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: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9545
9545
|
}
|
|
9546
9546
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownBreadcrumbComponent, decorators: [{
|
|
9547
9547
|
type: Component,
|
|
9548
|
-
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule,
|
|
9548
|
+
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule, IconModule, MatSelectModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-dropdown-breadcrumb' }, template: "<nav *ngIf=\"route.length > 0\" class=\"adf-dropdown-breadcrumb-container\"\n role=\"navigation\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.BREADCRUMB' | translate\">\n\n <button\n id=\"dropdown-breadcrumb-button\"\n [tabindex]=\"hasPreviousNodes() ? 0 : -1\"\n class=\"adf-dropdown-breadcrumb-trigger\"\n (click)=\"open()\"\n [attr.aria-label]=\"'BREADCRUMB.ARIA-LABEL.DROPDOWN' | translate:{ folderName: currentNode?.name }\"\n [attr.aria-haspopup]=\"hasPreviousNodes() ? 'true' : null\"\n [attr.aria-expanded]=\"dropdown?.panelOpen || false\"\n data-automation-id=\"dropdown-breadcrumb-trigger\">\n <mat-icon class=\"adf-dropdown-breadcrumb-icon\" [class.adf-isRoot]=\"!hasPreviousNodes()\" adf-icon=\"folder\" />\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\" adf-icon=\"chevron_right\" />\n\n <div class=\"adf-dropdown-breadcrumb-path\">\n <mat-select\n #dropdown\n *ngIf=\"hasPreviousNodes()\"\n panelClass=\"adf-breadcrumb-dropdown-panel\"\n class=\"adf-dropdown-breadcrumb-path-select\"\n tabindex=\"-1\"\n role=\"button\"\n data-automation-id=\"dropdown-breadcrumb-path\"\n aria-labelledby=\"dropdown-breadcrumb-button\">\n\n <mat-option\n *ngFor=\"let node of previousNodes;\"\n (click)=\"onRoutePathClick(node, $event)\"\n (onSelectionChange)=\"onRouteClick(node)\"\n class=\"adf-dropdown-breadcrumb-path-option adf-dropdown-breadcrumb-path-option-node\"\n data-automation-class=\"dropdown-breadcrumb-path-option\"\n [disabled]=\"readOnly\">\n {{ node.name | translate }}\n </mat-option>\n </mat-select>\n </div>\n\n <span\n class=\"adf-current-folder\"\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n data-automation-id=\"current-folder\"\n aria-current=\"location\">{{ currentNode.name }}\n </span>\n</nav>\n", styles: [".adf-dropdown-breadcrumb{display:flex;flex:1;line-height:24px;font-size:var(--theme-body-1-font-size);font-weight:600;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-064);overflow:hidden;margin-top:10px}.adf-dropdown-breadcrumb-icon{height:35px}.adf-dropdown-breadcrumb-container{margin:0;padding:0;list-style-type:none;cursor:default;display:flex;overflow:hidden}.adf-dropdown-breadcrumb-trigger{cursor:pointer;padding:0;border:none;background:transparent;width:25px}.adf-dropdown-breadcrumb-trigger:focus{color:var(--theme-primary-color);outline:none}.adf-dropdown-breadcrumb-trigger.adf-isRoot{cursor:not-allowed}.adf-dropdown-breadcrumb-path{width:0;height:0;overflow:hidden}.adf-dropdown-breadcrumb-path-select{width:0}.adf-current-folder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%;color:var(--adf-theme-foreground-text-color)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node{padding:0 12px;font-size:var(--theme-caption-font-size)}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:first-child{padding-top:4px}.adf-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node:last-child{padding-bottom:4px}[dir=ltr] .adf-dropdown-breadcrumb-path{margin-left:-30px}[dir=ltr] .adf-current-folder{margin-left:30px}[dir=rtl] .adf-dropdown-breadcrumb-path{margin-right:-30px}[dir=rtl] .adf-current-folder{margin-right:30px}.cdk-overlay-pane:has(>.adf-breadcrumb-dropdown-panel){min-width:fit-content}\n"] }]
|
|
9549
9549
|
}], propDecorators: { dropdown: [{
|
|
9550
9550
|
type: ViewChild,
|
|
9551
9551
|
args: ['dropdown']
|
|
@@ -10346,13 +10346,13 @@ class FileUploadingListRowComponent {
|
|
|
10346
10346
|
return this.file?.status === FileUploadStatus.Complete && this.isUploadVersion();
|
|
10347
10347
|
}
|
|
10348
10348
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10349
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingListRowComponent, isStandalone: true, selector: "adf-file-uploading-list-row", inputs: { file: "file" }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\"
|
|
10349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingListRowComponent, isStandalone: true, selector: "adf-file-uploading-list-row", inputs: { file: "file" }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\" adf-icon=\"insert_drive_file\" />\n\n <adf-icon *ngIf=\"mimeType !== 'default'\" value=\"adf:{{ mimeType }}\" />\n\n <span\n class=\"adf-file-uploading-row__name\"\n title=\"{{ file.name }}\">\n {{ file.name }}\n </span>\n\n <span *ngIf=\"isUploadVersion()\" class=\"adf-file-uploading-row__version\" tabindex=\"0\" >\n <mat-chip color=\"primary\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.VERSION' | translate: { version: versionNumber }\"\n [title]=\"'version' + versionNumber\"\n >{{ versionNumber }}</mat-chip>\n </span>\n\n <div\n tabindex=\"0\"\n role=\"button\"\n #toggleIcon=\"toggleIcon\"\n adf-toggle-icon\n (keyup.enter)=\"onCancel(file)\"\n (click)=\"onCancel(file)\"\n data-automation-id=\"cancel-upload-progress\"\n *ngIf=\"isUploading()\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_FILE_UPLOAD' | translate: { file: file.name }\"\n class=\"adf-file-uploading-row__group adf-file-uploading-row__group--toggle\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_FILE' | translate }}\">\n\n <span class=\"adf-file-uploading-row__status\" *ngIf=\"!toggleIcon.isToggled\">\n {{ file.progress.loaded | adfFileSize }} / {{ file.progress.total | adfFileSize }}\n </span>\n\n <mat-icon *ngIf=\"toggleIcon.isToggled\" class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\" adf-icon=\"clear\" />\n </div>\n\n <button mat-icon-button\n adf-toggle-icon\n #toggleIcon=\"toggleIcon\"\n *ngIf=\"isUploadComplete()\"\n class=\"adf-file-uploading-row__group\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_SUCCESSFUL' | translate: { file: file.name }\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.UPLOAD_SUCCESSFUL' | translate }}\">\n\n <mat-icon class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\" adf-icon=\"check_circle\" />\n </button>\n\n <div\n *ngIf=\"isUploadVersionComplete()\"\n class=\"adf-file-uploading-row__file-version\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.STATUS.FILE_DONE_STATUS' | translate\"\n >\n <mat-icon class=\"adf-file-uploading-row__status--done\" adf-icon=\"check_circle\" matListItemIcon />\n </div>\n\n <button\n adf-toggle-icon\n #toggleIconCancel=\"toggleIcon\"\n mat-icon-button\n *ngIf=\"canCancelUpload()\"\n (click)=\"onCancel(file)\"\n data-automation-id=\"cancel-upload-queue\"\n class=\"adf-file-uploading-row__group\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_FILE' | translate }}\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_FILE' | translate: { file: file.name }\">\n <mat-icon *ngIf=\"!toggleIconCancel.isToggled\" class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\" adf-icon=\"schedule\" />\n\n <mat-icon *ngIf=\"toggleIconCancel.isToggled\" class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\" adf-icon=\"remove_circle\" />\n </button>\n\n <div\n role=\"status\"\n *ngIf=\"isUploadError()\"\n class=\"adf-file-uploading-row__block adf-file-uploading-row__status--error\">\n <mat-icon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\"\n adf-icon=\"report_problem\"\n matListItemIcon\n />\n </div>\n\n <div\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate\"\n role=\"status\"\n *ngIf=\"showCancelledStatus()\"\n class=\"adf-file-uploading-row__block adf-file-uploading-row__status--cancelled\">\n {{ 'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate }}\n </div>\n</div>\n", styles: ["adf-file-uploading-list-row:not(:first-child){display:block;border-top:1px solid var(--adf-theme-foreground-text-color-014)}.adf-file-uploading-row{display:flex;align-items:center;padding:.3em 1em;cursor:default}.adf-file-uploading-row:hover{background:#eee}.adf-file-uploading-row__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;padding:0 1em 0 .5em}.adf-file-uploading-row .adf-file-uploading-row__group,.adf-file-uploading-row .adf-file-uploading-row__block,.adf-file-uploading-row .adf-file-uploading-row__file-version{min-width:100px;display:flex;justify-content:flex-end;line-height:40px;height:40px;align-items:center;padding:0 12px}.adf-file-uploading-row__group--toggle{cursor:pointer;display:flex;align-items:center;height:40px;line-height:40px}.adf-file-uploading-row__status--done{color:var(--theme-accent-color)}.adf-file-uploading-row__status--error{color:var(--theme-warn-color);padding:0 12px}.adf-file-uploading-row__action--cancel,.adf-file-uploading-row__action--remove{color:var(--theme-warn-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "directive", type: i7$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ToggleIconDirective, selector: "[adf-toggle-icon]", exportAs: ["toggleIcon"] }, { kind: "pipe", type: FileSizePipe, name: "adfFileSize" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: FileUploadErrorPipe, name: "adfFileUploadError" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10350
10350
|
}
|
|
10351
10351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingListRowComponent, decorators: [{
|
|
10352
10352
|
type: Component,
|
|
10353
10353
|
args: [{ selector: 'adf-file-uploading-list-row', imports: [
|
|
10354
10354
|
CommonModule,
|
|
10355
|
-
|
|
10355
|
+
IconModule,
|
|
10356
10356
|
MatListModule,
|
|
10357
10357
|
IconComponent,
|
|
10358
10358
|
MatChipsModule,
|
|
@@ -10361,7 +10361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
10361
10361
|
FileSizePipe,
|
|
10362
10362
|
MatButtonModule,
|
|
10363
10363
|
FileUploadErrorPipe
|
|
10364
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\"
|
|
10364
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\" adf-icon=\"insert_drive_file\" />\n\n <adf-icon *ngIf=\"mimeType !== 'default'\" value=\"adf:{{ mimeType }}\" />\n\n <span\n class=\"adf-file-uploading-row__name\"\n title=\"{{ file.name }}\">\n {{ file.name }}\n </span>\n\n <span *ngIf=\"isUploadVersion()\" class=\"adf-file-uploading-row__version\" tabindex=\"0\" >\n <mat-chip color=\"primary\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.VERSION' | translate: { version: versionNumber }\"\n [title]=\"'version' + versionNumber\"\n >{{ versionNumber }}</mat-chip>\n </span>\n\n <div\n tabindex=\"0\"\n role=\"button\"\n #toggleIcon=\"toggleIcon\"\n adf-toggle-icon\n (keyup.enter)=\"onCancel(file)\"\n (click)=\"onCancel(file)\"\n data-automation-id=\"cancel-upload-progress\"\n *ngIf=\"isUploading()\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_FILE_UPLOAD' | translate: { file: file.name }\"\n class=\"adf-file-uploading-row__group adf-file-uploading-row__group--toggle\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_FILE' | translate }}\">\n\n <span class=\"adf-file-uploading-row__status\" *ngIf=\"!toggleIcon.isToggled\">\n {{ file.progress.loaded | adfFileSize }} / {{ file.progress.total | adfFileSize }}\n </span>\n\n <mat-icon *ngIf=\"toggleIcon.isToggled\" class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\" adf-icon=\"clear\" />\n </div>\n\n <button mat-icon-button\n adf-toggle-icon\n #toggleIcon=\"toggleIcon\"\n *ngIf=\"isUploadComplete()\"\n class=\"adf-file-uploading-row__group\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_SUCCESSFUL' | translate: { file: file.name }\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.UPLOAD_SUCCESSFUL' | translate }}\">\n\n <mat-icon class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\" adf-icon=\"check_circle\" />\n </button>\n\n <div\n *ngIf=\"isUploadVersionComplete()\"\n class=\"adf-file-uploading-row__file-version\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.STATUS.FILE_DONE_STATUS' | translate\"\n >\n <mat-icon class=\"adf-file-uploading-row__status--done\" adf-icon=\"check_circle\" matListItemIcon />\n </div>\n\n <button\n adf-toggle-icon\n #toggleIconCancel=\"toggleIcon\"\n mat-icon-button\n *ngIf=\"canCancelUpload()\"\n (click)=\"onCancel(file)\"\n data-automation-id=\"cancel-upload-queue\"\n class=\"adf-file-uploading-row__group\"\n title=\"{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_FILE' | translate }}\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_FILE' | translate: { file: file.name }\">\n <mat-icon *ngIf=\"!toggleIconCancel.isToggled\" class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\" adf-icon=\"schedule\" />\n\n <mat-icon *ngIf=\"toggleIconCancel.isToggled\" class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\" adf-icon=\"remove_circle\" />\n </button>\n\n <div\n role=\"status\"\n *ngIf=\"isUploadError()\"\n class=\"adf-file-uploading-row__block adf-file-uploading-row__status--error\">\n <mat-icon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\"\n adf-icon=\"report_problem\"\n matListItemIcon\n />\n </div>\n\n <div\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate\"\n role=\"status\"\n *ngIf=\"showCancelledStatus()\"\n class=\"adf-file-uploading-row__block adf-file-uploading-row__status--cancelled\">\n {{ 'ADF_FILE_UPLOAD.STATUS.FILE_CANCELED_STATUS' | translate }}\n </div>\n</div>\n", styles: ["adf-file-uploading-list-row:not(:first-child){display:block;border-top:1px solid var(--adf-theme-foreground-text-color-014)}.adf-file-uploading-row{display:flex;align-items:center;padding:.3em 1em;cursor:default}.adf-file-uploading-row:hover{background:#eee}.adf-file-uploading-row__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;padding:0 1em 0 .5em}.adf-file-uploading-row .adf-file-uploading-row__group,.adf-file-uploading-row .adf-file-uploading-row__block,.adf-file-uploading-row .adf-file-uploading-row__file-version{min-width:100px;display:flex;justify-content:flex-end;line-height:40px;height:40px;align-items:center;padding:0 12px}.adf-file-uploading-row__group--toggle{cursor:pointer;display:flex;align-items:center;height:40px;line-height:40px}.adf-file-uploading-row__status--done{color:var(--theme-accent-color)}.adf-file-uploading-row__status--error{color:var(--theme-warn-color);padding:0 12px}.adf-file-uploading-row__action--cancel,.adf-file-uploading-row__action--remove{color:var(--theme-warn-color)}\n"] }]
|
|
10365
10365
|
}], propDecorators: { file: [{
|
|
10366
10366
|
type: Input
|
|
10367
10367
|
}], cancel: [{
|
|
@@ -10515,11 +10515,11 @@ class FileUploadingDialogComponent {
|
|
|
10515
10515
|
return !this.uploadList?.isUploadCompleted() && !this.uploadList?.isUploadCancelled();
|
|
10516
10516
|
}
|
|
10517
10517
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingDialogComponent, deps: [{ token: UploadService }, { token: i0.ChangeDetectorRef }, { token: i2.UserPreferencesService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10518
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingDialogComponent, isStandalone: true, selector: "adf-file-uploading-dialog", inputs: { position: "position", alwaysVisible: "alwaysVisible" }, outputs: { error: "error" }, host: { properties: { "attr.adfUploadDialogRight": "this.isPositionRight", "attr.adfUploadDialogLeft": "this.isPositionLeft" } }, viewQueries: [{ propertyName: "uploadList", first: true, predicate: ["uploadList"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"canShowDialog()\"\n role=\"dialog\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG'| translate\"\n tabindex=\"0\"\n class=\"adf-upload-dialog\"\n id=\"upload-dialog\"\n [class.adf-upload-dialog--minimized]=\"isDialogMinimized\">\n <header class=\"adf-upload-dialog__header\">\n <button\n mat-icon-button\n class=\"adf-upload-dialog__header-button\"\n [attr.data-automation-id]=\"'adf-upload-dialog__toggle-minimize'\"\n [attr.aria-label]=\"(isDialogMinimized ?\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MAXIMIZE':\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MINIMIZE') | translate\"\n [disabled]=\"isConfirmation\"\n [attr.aria-expanded]=\"!isDialogMinimized\"\n (click)=\"toggleMinimized()\">\n <mat-icon
|
|
10518
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingDialogComponent, isStandalone: true, selector: "adf-file-uploading-dialog", inputs: { position: "position", alwaysVisible: "alwaysVisible" }, outputs: { error: "error" }, host: { properties: { "attr.adfUploadDialogRight": "this.isPositionRight", "attr.adfUploadDialogLeft": "this.isPositionLeft" } }, viewQueries: [{ propertyName: "uploadList", first: true, predicate: ["uploadList"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"canShowDialog()\"\n role=\"dialog\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG'| translate\"\n tabindex=\"0\"\n class=\"adf-upload-dialog\"\n id=\"upload-dialog\"\n [class.adf-upload-dialog--minimized]=\"isDialogMinimized\">\n <header class=\"adf-upload-dialog__header\">\n <button\n mat-icon-button\n class=\"adf-upload-dialog__header-button\"\n [attr.data-automation-id]=\"'adf-upload-dialog__toggle-minimize'\"\n [attr.aria-label]=\"(isDialogMinimized ?\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MAXIMIZE':\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MINIMIZE') | translate\"\n [disabled]=\"isConfirmation\"\n [attr.aria-expanded]=\"!isDialogMinimized\"\n (click)=\"toggleMinimized()\">\n <mat-icon class=\"adf-upload-dialog__header-button-icon\" [adf-icon]=\"isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\" />\n </button>\n\n <span\n class=\"adf-upload-dialog__title\"\n *ngIf=\"!uploadList.isUploadCancelled()\">\n {{ 'FILE_UPLOAD.MESSAGES.UPLOAD_PROGRESS'\n | translate: {\n completed: totalCompleted,\n total: filesUploadingList.length\n }\n }}\n </span>\n\n <span\n class=\"adf-upload-dialog__title\"\n *ngIf=\"uploadList.isUploadCancelled()\">\n {{ 'FILE_UPLOAD.MESSAGES.UPLOAD_CANCELED' | translate }}\n </span>\n </header>\n\n <section class=\"adf-upload-dialog__info\"\n *ngIf=\"totalErrors\">\n {{\n (totalErrors > 1\n ? 'FILE_UPLOAD.MESSAGES.UPLOAD_ERRORS'\n : 'FILE_UPLOAD.MESSAGES.UPLOAD_ERROR')\n | translate: { total: totalErrors }\n }}\n </section>\n\n <section class=\"adf-upload-dialog__content\"\n [class.adf-upload-dialog--padding]=\"isConfirmation\" aria-live=\"polite\">\n <adf-file-uploading-list\n class=\"adf-file-uploading-list\"\n [class.adf-upload-dialog--hide]=\"isConfirmation\"\n #uploadList\n [files]=\"filesUploadingList\">\n <ng-template let-file=\"$implicit\">\n <adf-file-uploading-list-row\n [file]=\"file\"\n (cancel)=\"uploadList.cancelFile(file)\" />\n </ng-template>\n </adf-file-uploading-list>\n\n <div\n aria-live=\"polite\"\n aria-labelledby=\"confirmationTitle\"\n aria-describedby=\"confirmationDescription\"\n class=\"adf-upload-dialog__confirmation\"\n [class.adf-upload-dialog--hide]=\"!isConfirmation\">\n <p role=\"heading\" aria-level=\"2\" id=\"confirmationTitle\" class=\"adf-upload-dialog__confirmation--title\">\n {{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TITLE' | translate }}\n </p>\n <p id=\"confirmationDescription\" class=\"adf-upload-dialog__confirmation--text\">\n {{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TEXT' | translate }}\n </p>\n </div>\n </section>\n\n <footer class=\"adf-upload-dialog__actions\" *ngIf=\"!isConfirmation\">\n <button\n id=\"adf-upload-dialog-cancel-all\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_ALL' | translate\"\n color=\"primary\"\n mat-button\n *ngIf=\"canShowCancelAll()\"\n (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_ALL' | translate }}</button>\n\n <button\n id=\"adf-upload-dialog-close\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_CLOSE' | translate\"\n *ngIf=\"canCloseDialog()\"\n mat-button\n color=\"primary\"\n (click)=\"close()\"\n >{{ 'ADF_FILE_UPLOAD.BUTTON.CLOSE' | translate }}</button>\n </footer>\n\n <footer class=\"adf-upload-dialog__actions\"\n *ngIf=\"isConfirmation\" cdkTrapFocus cdkTrapFocusAutoCapture>\n <button\n id=\"adf-upload-dialog-cancel\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.CONFIRMATION.CANCEL' | translate\"\n mat-button\n (click)=\"cancelAllUploads()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CANCEL' | translate }}</button>\n\n <button\n id=\"adf-upload-dialog-confirm\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.CONFIRMATION.CONTINUE' | translate\"\n mat-button\n color=\"primary\"\n (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CONTINUE' | translate }}</button>\n </footer>\n</div>\n", styles: [".adf-upload-dialog{background:var(--adf-theme-background-dialog-color);color:var(--adf-theme-foreground-text-color-064);position:fixed;bottom:20px;width:40%;box-shadow:1px 5px 15px #888;z-index:999}.adf-upload-dialog--padding{padding:1em}.adf-upload-dialog--hide.adf-upload-dialog__confirmation,.adf-upload-dialog--hide.adf-file-uploading-list{display:none}.adf-upload-dialog--minimized{width:20%}.adf-upload-dialog--minimized .adf-upload-dialog__content{display:none}.adf-upload-dialog .adf-upload-dialog__header{padding:1em;display:flex;align-items:center}.adf-upload-dialog .adf-upload-dialog__header .adf-upload-dialog__header-button:is(button){min-width:0;height:24px;width:24px;padding:0;line-height:0;color:var(--adf-theme-foreground-text-color-064)}.adf-upload-dialog__title{margin-left:.5em;flex:1 1 auto}.adf-upload-dialog__info{padding:0 1em 1em}.adf-upload-dialog__content{overflow:auto;max-height:194px;border-top:1px solid var(--adf-theme-foreground-text-color-014);border-bottom:1px solid var(--adf-theme-foreground-text-color-014)}.adf-upload-dialog__confirmation{padding:0 .5em}.adf-upload-dialog__confirmation--title{font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color-087)}.adf-upload-dialog__confirmation--text{margin-bottom:0}.adf-upload-dialog__actions{display:flex;justify-content:flex-end;padding:1em}.adf-upload-dialog__actions>button{width:auto;min-width:40px;text-transform:uppercase;padding:0 16px}[adfUploadDialogLeft] .adf-upload-dialog{left:25px}[adfUploadDialogRight] .adf-upload-dialog{right:25px}@media screen and (width >= 380px) and (width <= 768px){.adf-upload-dialog{width:60%}.adf-file-uploading-row .adf-file-uploading-row__group{min-width:0}}@media screen and (width <= 380px){.adf-upload-dialog{width:85%}.adf-file-uploading-row .adf-file-uploading-row__group{min-width:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: FileUploadingListComponent, selector: "adf-file-uploading-list", inputs: ["files"], outputs: ["error"] }, { kind: "component", type: FileUploadingListRowComponent, selector: "adf-file-uploading-list-row", inputs: ["file"], outputs: ["cancel"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$4.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10519
10519
|
}
|
|
10520
10520
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingDialogComponent, decorators: [{
|
|
10521
10521
|
type: Component,
|
|
10522
|
-
args: [{ selector: 'adf-file-uploading-dialog', imports: [CommonModule, MatButtonModule, TranslatePipe,
|
|
10522
|
+
args: [{ selector: 'adf-file-uploading-dialog', imports: [CommonModule, MatButtonModule, TranslatePipe, IconModule, FileUploadingListComponent, FileUploadingListRowComponent, A11yModule], encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"canShowDialog()\"\n role=\"dialog\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG'| translate\"\n tabindex=\"0\"\n class=\"adf-upload-dialog\"\n id=\"upload-dialog\"\n [class.adf-upload-dialog--minimized]=\"isDialogMinimized\">\n <header class=\"adf-upload-dialog__header\">\n <button\n mat-icon-button\n class=\"adf-upload-dialog__header-button\"\n [attr.data-automation-id]=\"'adf-upload-dialog__toggle-minimize'\"\n [attr.aria-label]=\"(isDialogMinimized ?\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MAXIMIZE':\n 'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_MINIMIZE') | translate\"\n [disabled]=\"isConfirmation\"\n [attr.aria-expanded]=\"!isDialogMinimized\"\n (click)=\"toggleMinimized()\">\n <mat-icon class=\"adf-upload-dialog__header-button-icon\" [adf-icon]=\"isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\" />\n </button>\n\n <span\n class=\"adf-upload-dialog__title\"\n *ngIf=\"!uploadList.isUploadCancelled()\">\n {{ 'FILE_UPLOAD.MESSAGES.UPLOAD_PROGRESS'\n | translate: {\n completed: totalCompleted,\n total: filesUploadingList.length\n }\n }}\n </span>\n\n <span\n class=\"adf-upload-dialog__title\"\n *ngIf=\"uploadList.isUploadCancelled()\">\n {{ 'FILE_UPLOAD.MESSAGES.UPLOAD_CANCELED' | translate }}\n </span>\n </header>\n\n <section class=\"adf-upload-dialog__info\"\n *ngIf=\"totalErrors\">\n {{\n (totalErrors > 1\n ? 'FILE_UPLOAD.MESSAGES.UPLOAD_ERRORS'\n : 'FILE_UPLOAD.MESSAGES.UPLOAD_ERROR')\n | translate: { total: totalErrors }\n }}\n </section>\n\n <section class=\"adf-upload-dialog__content\"\n [class.adf-upload-dialog--padding]=\"isConfirmation\" aria-live=\"polite\">\n <adf-file-uploading-list\n class=\"adf-file-uploading-list\"\n [class.adf-upload-dialog--hide]=\"isConfirmation\"\n #uploadList\n [files]=\"filesUploadingList\">\n <ng-template let-file=\"$implicit\">\n <adf-file-uploading-list-row\n [file]=\"file\"\n (cancel)=\"uploadList.cancelFile(file)\" />\n </ng-template>\n </adf-file-uploading-list>\n\n <div\n aria-live=\"polite\"\n aria-labelledby=\"confirmationTitle\"\n aria-describedby=\"confirmationDescription\"\n class=\"adf-upload-dialog__confirmation\"\n [class.adf-upload-dialog--hide]=\"!isConfirmation\">\n <p role=\"heading\" aria-level=\"2\" id=\"confirmationTitle\" class=\"adf-upload-dialog__confirmation--title\">\n {{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TITLE' | translate }}\n </p>\n <p id=\"confirmationDescription\" class=\"adf-upload-dialog__confirmation--text\">\n {{ 'ADF_FILE_UPLOAD.CONFIRMATION.MESSAGE.TEXT' | translate }}\n </p>\n </div>\n </section>\n\n <footer class=\"adf-upload-dialog__actions\" *ngIf=\"!isConfirmation\">\n <button\n id=\"adf-upload-dialog-cancel-all\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.STOP_ALL' | translate\"\n color=\"primary\"\n mat-button\n *ngIf=\"canShowCancelAll()\"\n (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.BUTTON.STOP_ALL' | translate }}</button>\n\n <button\n id=\"adf-upload-dialog-close\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.DIALOG_CLOSE' | translate\"\n *ngIf=\"canCloseDialog()\"\n mat-button\n color=\"primary\"\n (click)=\"close()\"\n >{{ 'ADF_FILE_UPLOAD.BUTTON.CLOSE' | translate }}</button>\n </footer>\n\n <footer class=\"adf-upload-dialog__actions\"\n *ngIf=\"isConfirmation\" cdkTrapFocus cdkTrapFocusAutoCapture>\n <button\n id=\"adf-upload-dialog-cancel\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.CONFIRMATION.CANCEL' | translate\"\n mat-button\n (click)=\"cancelAllUploads()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CANCEL' | translate }}</button>\n\n <button\n id=\"adf-upload-dialog-confirm\"\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.CONFIRMATION.CONTINUE' | translate\"\n mat-button\n color=\"primary\"\n (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CONTINUE' | translate }}</button>\n </footer>\n</div>\n", styles: [".adf-upload-dialog{background:var(--adf-theme-background-dialog-color);color:var(--adf-theme-foreground-text-color-064);position:fixed;bottom:20px;width:40%;box-shadow:1px 5px 15px #888;z-index:999}.adf-upload-dialog--padding{padding:1em}.adf-upload-dialog--hide.adf-upload-dialog__confirmation,.adf-upload-dialog--hide.adf-file-uploading-list{display:none}.adf-upload-dialog--minimized{width:20%}.adf-upload-dialog--minimized .adf-upload-dialog__content{display:none}.adf-upload-dialog .adf-upload-dialog__header{padding:1em;display:flex;align-items:center}.adf-upload-dialog .adf-upload-dialog__header .adf-upload-dialog__header-button:is(button){min-width:0;height:24px;width:24px;padding:0;line-height:0;color:var(--adf-theme-foreground-text-color-064)}.adf-upload-dialog__title{margin-left:.5em;flex:1 1 auto}.adf-upload-dialog__info{padding:0 1em 1em}.adf-upload-dialog__content{overflow:auto;max-height:194px;border-top:1px solid var(--adf-theme-foreground-text-color-014);border-bottom:1px solid var(--adf-theme-foreground-text-color-014)}.adf-upload-dialog__confirmation{padding:0 .5em}.adf-upload-dialog__confirmation--title{font-size:var(--theme-subheading-2-font-size);line-height:1.5;letter-spacing:-.4px;color:var(--adf-theme-foreground-text-color-087)}.adf-upload-dialog__confirmation--text{margin-bottom:0}.adf-upload-dialog__actions{display:flex;justify-content:flex-end;padding:1em}.adf-upload-dialog__actions>button{width:auto;min-width:40px;text-transform:uppercase;padding:0 16px}[adfUploadDialogLeft] .adf-upload-dialog{left:25px}[adfUploadDialogRight] .adf-upload-dialog{right:25px}@media screen and (width >= 380px) and (width <= 768px){.adf-upload-dialog{width:60%}.adf-file-uploading-row .adf-file-uploading-row__group{min-width:0}}@media screen and (width <= 380px){.adf-upload-dialog{width:85%}.adf-file-uploading-row .adf-file-uploading-row__group{min-width:0}}\n"] }]
|
|
10523
10523
|
}], ctorParameters: () => [{ type: UploadService }, { type: i0.ChangeDetectorRef }, { type: i2.UserPreferencesService }, { type: i0.ElementRef }], propDecorators: { uploadList: [{
|
|
10524
10524
|
type: ViewChild,
|
|
10525
10525
|
args: ['uploadList']
|
|
@@ -10769,7 +10769,7 @@ class DropdownSitesComponent {
|
|
|
10769
10769
|
!!site.relations.members.list.entries.find((member) => member.entry.id.toLowerCase() === loggedUserName.toLowerCase()));
|
|
10770
10770
|
}
|
|
10771
10771
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownSitesComponent, deps: [{ token: i2.AuthenticationService }, { token: SitesService }, { token: i1$4.LiveAnnouncer }, { token: i2$4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10772
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DropdownSitesComponent, isStandalone: true, selector: "adf-sites-dropdown", inputs: { hideMyFiles: "hideMyFiles", siteList: "siteList", value: "value", placeholder: "placeholder", relations: "relations" }, outputs: { change: "change", error: "error" }, host: { classAttribute: "adf-sites-dropdown" }, ngImport: i0, template: "<div id=\"site-dropdown-container\" class=\"adf-site-dropdown-container\">\n <mat-form-field class=\"adf-sites-dropdown-form-field\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>\n <mat-select\n adf-infinite-select-scroll\n (scrollEnd)=\"loadAllOnScroll()\"\n #siteSelect\n data-automation-id=\"site-my-files-option\"\n class=\"adf-site-dropdown-list-element\"\n id=\"site-dropdown\"\n placeholder=\"{{placeholder | translate}}\"\n [(value)]=\"selected\"\n placeholder=\"{{placeholder | translate}}\"\n (selectionChange)=\"selectedSite($event)\">\n <mat-select-trigger class=\"adf-sites-dropdown-select-trigger\">\n {{ selected?.entry.title | translate}}\n </mat-select-trigger>\n <mat-option *ngFor=\"let site of siteList?.list.entries;\" [value]=\"site\">\n {{ site.entry.title | translate}}\n </mat-option>\n <mat-option *ngIf=\"showLoading()\" disabled=\"true\" data-automation-id=\"site-loading\">\n {{ 'ADF_DROPDOWN.LOADING' | translate}}\n </mat-option>\n </mat-select>\n </mat-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type:
|
|
10772
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: DropdownSitesComponent, isStandalone: true, selector: "adf-sites-dropdown", inputs: { hideMyFiles: "hideMyFiles", siteList: "siteList", value: "value", placeholder: "placeholder", relations: "relations" }, outputs: { change: "change", error: "error" }, host: { classAttribute: "adf-sites-dropdown" }, ngImport: i0, template: "<div id=\"site-dropdown-container\" class=\"adf-site-dropdown-container\">\n <mat-form-field class=\"adf-sites-dropdown-form-field\" appearance=\"fill\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>\n <mat-select\n adf-infinite-select-scroll\n (scrollEnd)=\"loadAllOnScroll()\"\n #siteSelect\n data-automation-id=\"site-my-files-option\"\n class=\"adf-site-dropdown-list-element\"\n id=\"site-dropdown\"\n placeholder=\"{{placeholder | translate}}\"\n [(value)]=\"selected\"\n placeholder=\"{{placeholder | translate}}\"\n (selectionChange)=\"selectedSite($event)\">\n <mat-select-trigger class=\"adf-sites-dropdown-select-trigger\">\n {{ selected?.entry.title | translate}}\n </mat-select-trigger>\n <mat-option *ngFor=\"let site of siteList?.list.entries;\" [value]=\"site\">\n {{ site.entry.title | translate}}\n </mat-option>\n <mat-option *ngIf=\"showLoading()\" disabled=\"true\" data-automation-id=\"site-loading\">\n {{ 'ADF_DROPDOWN.LOADING' | translate}}\n </mat-option>\n </mat-select>\n </mat-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.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: "directive", type: i4$1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: InfiniteSelectScrollDirective, selector: "[adf-infinite-select-scroll]", outputs: ["scrollEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10773
10773
|
}
|
|
10774
10774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DropdownSitesComponent, decorators: [{
|
|
10775
10775
|
type: Component,
|
|
@@ -11010,11 +11010,11 @@ class SearchFacetFieldComponent {
|
|
|
11010
11010
|
this.queryBuilder.update();
|
|
11011
11011
|
}
|
|
11012
11012
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11013
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetFieldComponent, isStandalone: true, selector: "adf-search-facet-field", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-search-filter-facet\">\n <div class=\"adf-facet-result-filter\">\n <div class=\"adf-facet-search-container\">\n <button mat-icon-button class=\"adf-facet-search-icon\" tabindex=\"-1\">\n <mat-icon class=\"adf-search-field-icon\"
|
|
11013
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetFieldComponent, isStandalone: true, selector: "adf-search-facet-field", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-search-filter-facet\">\n <div class=\"adf-facet-result-filter\">\n <div class=\"adf-facet-search-container\">\n <button mat-icon-button class=\"adf-facet-search-icon\" tabindex=\"-1\">\n <mat-icon class=\"adf-search-field-icon\" adf-icon=\"search\" />\n </button>\n <mat-form-field class=\"adf-facet-search-field\" subscriptSizing=\"dynamic\">\n <input\n matInput\n placeholder=\"{{ 'SEARCH.FILTER.ACTIONS.SEARCH' | translate }}\"\n [attr.data-automation-id]=\"'facet-result-filter-' + field.label\"\n [(ngModel)]=\"field.buckets.filterText\"\n />\n <button\n *ngIf=\"field.buckets.filterText\"\n matSuffix\n mat-icon-button\n [attr.title]=\"'SEARCH.FILTER.BUTTONS.CLEAR' | translate\"\n (click)=\"field.buckets.filterText = ''\"\n >\n <mat-icon role=\"button\" [attr.aria-label]=\"'SEARCH.FILTER.BUTTONS.CLEAR' | translate\" adf-icon=\"clear\" />\n </button>\n </mat-form-field>\n </div>\n </div>\n\n <div class=\"adf-checklist\">\n <mat-checkbox\n *ngFor=\"let bucket of field.buckets\"\n [checked]=\"bucket.checked\"\n [attr.data-automation-id]=\"'checkbox-' + field.label + '-' + (bucket.display || bucket.label)\"\n (change)=\"onToggleBucket($event, field, bucket)\"\n class=\"adf-search-filter-facet-checkbox\"\n >\n <div\n title=\"{{ bucket.display || bucket.label | translate }} {{ getBucketCountDisplay(bucket) }}\"\n class=\"adf-facet-label\"\n [class.adf-search-filter-facet-checkbox-checked]=\"bucket.checked\"\n >\n {{ bucket.display || bucket.label | translate }} {{ getBucketCountDisplay(bucket) }}\n </div>\n </mat-checkbox>\n </div>\n\n <div class=\"adf-facet-buttons\" *ngIf=\"field.buckets.fitsPage && !field.settings?.hideDefaultAction\">\n <button *ngIf=\"canResetSelectedBuckets(field)\" mat-button color=\"primary\" (click)=\"resetSelectedBuckets(field)\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\n </button>\n </div>\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!field.buckets.fitsPage\">\n <button\n mat-icon-button\n *ngIf=\"canResetSelectedBuckets(field)\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\"\n (click)=\"resetSelectedBuckets(field)\"\n >\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n *ngIf=\"field.buckets.canShowLessItems\"\n (click)=\"field.buckets.showLessItems()\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n >\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button\n mat-icon-button\n *ngIf=\"field.buckets.canShowMoreItems\"\n (click)=\"field.buckets.showMoreItems()\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n >\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n </div>\n</div>\n", styles: [".adf-search-filter-facet .adf-checklist{display:flex;flex-direction:column;max-height:180px;padding:5px 0;overflow-y:auto}.adf-search-filter-facet .adf-checklist .adf-search-filter-facet-checkbox{margin:5px}.adf-search-filter-facet .adf-checklist .adf-search-filter-facet-checkbox .adf-search-filter-facet-checkbox-checked{font-weight:700}.adf-search-filter-facet .adf-facet-result-filter{padding-bottom:16px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container{border-radius:6px;background:var(--theme-background-color);display:flex;height:32px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-icon{width:27px;margin-top:-3px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-icon .adf-search-field-icon{font-size:var(--theme-subheading-1-font-size)}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-field{padding:2px;flex:1;margin-top:-16px;font-size:var(--theme-body-1-font-size);line-height:24px;letter-spacing:.25px}.adf-search-filter-facet .adf-facet-buttons{text-align:right}.adf-search-filter-facet .adf-facet-buttons button{text-transform:uppercase}.adf-search-filter-facet .adf-facet-buttons--topSpace{padding-top:15px}.adf-search-filter-facet .adf-facet-label{color:var(--adf-theme-foreground-text-color-064)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$2.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 }); }
|
|
11014
11014
|
}
|
|
11015
11015
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetFieldComponent, decorators: [{
|
|
11016
11016
|
type: Component,
|
|
11017
|
-
args: [{ selector: 'adf-search-facet-field', imports: [CommonModule, MatButtonModule,
|
|
11017
|
+
args: [{ selector: 'adf-search-facet-field', imports: [CommonModule, MatButtonModule, IconModule, MatFormFieldModule, MatInputModule, TranslatePipe, FormsModule, MatCheckboxModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-filter-facet\">\n <div class=\"adf-facet-result-filter\">\n <div class=\"adf-facet-search-container\">\n <button mat-icon-button class=\"adf-facet-search-icon\" tabindex=\"-1\">\n <mat-icon class=\"adf-search-field-icon\" adf-icon=\"search\" />\n </button>\n <mat-form-field class=\"adf-facet-search-field\" subscriptSizing=\"dynamic\">\n <input\n matInput\n placeholder=\"{{ 'SEARCH.FILTER.ACTIONS.SEARCH' | translate }}\"\n [attr.data-automation-id]=\"'facet-result-filter-' + field.label\"\n [(ngModel)]=\"field.buckets.filterText\"\n />\n <button\n *ngIf=\"field.buckets.filterText\"\n matSuffix\n mat-icon-button\n [attr.title]=\"'SEARCH.FILTER.BUTTONS.CLEAR' | translate\"\n (click)=\"field.buckets.filterText = ''\"\n >\n <mat-icon role=\"button\" [attr.aria-label]=\"'SEARCH.FILTER.BUTTONS.CLEAR' | translate\" adf-icon=\"clear\" />\n </button>\n </mat-form-field>\n </div>\n </div>\n\n <div class=\"adf-checklist\">\n <mat-checkbox\n *ngFor=\"let bucket of field.buckets\"\n [checked]=\"bucket.checked\"\n [attr.data-automation-id]=\"'checkbox-' + field.label + '-' + (bucket.display || bucket.label)\"\n (change)=\"onToggleBucket($event, field, bucket)\"\n class=\"adf-search-filter-facet-checkbox\"\n >\n <div\n title=\"{{ bucket.display || bucket.label | translate }} {{ getBucketCountDisplay(bucket) }}\"\n class=\"adf-facet-label\"\n [class.adf-search-filter-facet-checkbox-checked]=\"bucket.checked\"\n >\n {{ bucket.display || bucket.label | translate }} {{ getBucketCountDisplay(bucket) }}\n </div>\n </mat-checkbox>\n </div>\n\n <div class=\"adf-facet-buttons\" *ngIf=\"field.buckets.fitsPage && !field.settings?.hideDefaultAction\">\n <button *ngIf=\"canResetSelectedBuckets(field)\" mat-button color=\"primary\" (click)=\"resetSelectedBuckets(field)\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\n </button>\n </div>\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!field.buckets.fitsPage\">\n <button\n mat-icon-button\n *ngIf=\"canResetSelectedBuckets(field)\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.CLEAR-ALL' | translate }}\"\n (click)=\"resetSelectedBuckets(field)\"\n >\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n *ngIf=\"field.buckets.canShowLessItems\"\n (click)=\"field.buckets.showLessItems()\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-LESS' | translate }}\"\n >\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button\n mat-icon-button\n *ngIf=\"field.buckets.canShowMoreItems\"\n (click)=\"field.buckets.showMoreItems()\"\n title=\"{{ 'SEARCH.FILTER.ACTIONS.SHOW-MORE' | translate }}\"\n >\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n </div>\n</div>\n", styles: [".adf-search-filter-facet .adf-checklist{display:flex;flex-direction:column;max-height:180px;padding:5px 0;overflow-y:auto}.adf-search-filter-facet .adf-checklist .adf-search-filter-facet-checkbox{margin:5px}.adf-search-filter-facet .adf-checklist .adf-search-filter-facet-checkbox .adf-search-filter-facet-checkbox-checked{font-weight:700}.adf-search-filter-facet .adf-facet-result-filter{padding-bottom:16px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container{border-radius:6px;background:var(--theme-background-color);display:flex;height:32px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-icon{width:27px;margin-top:-3px}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-icon .adf-search-field-icon{font-size:var(--theme-subheading-1-font-size)}.adf-search-filter-facet .adf-facet-result-filter .adf-facet-search-container .adf-facet-search-field{padding:2px;flex:1;margin-top:-16px;font-size:var(--theme-body-1-font-size);line-height:24px;letter-spacing:.25px}.adf-search-filter-facet .adf-facet-buttons{text-align:right}.adf-search-filter-facet .adf-facet-buttons button{text-transform:uppercase}.adf-search-filter-facet .adf-facet-buttons--topSpace{padding-top:15px}.adf-search-filter-facet .adf-facet-label{color:var(--adf-theme-foreground-text-color-064)}\n"] }]
|
|
11018
11018
|
}], propDecorators: { field: [{
|
|
11019
11019
|
type: Input,
|
|
11020
11020
|
args: [{ required: true }]
|
|
@@ -11061,11 +11061,11 @@ class SearchFilterMenuCardComponent {
|
|
|
11061
11061
|
this.close.emit();
|
|
11062
11062
|
}
|
|
11063
11063
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterMenuCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11064
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterMenuCardComponent, isStandalone: true, selector: "adf-search-filter-menu-card", outputs: { close: "close" }, ngImport: i0, template: "<div class=\"adf-search-filter-menu-card\">\n <div class=\"adf-search-filter-title\">\n <ng-content select=\"filter-title\" />\n <button mat-icon-button\n class=\"adf-search-filter-title-action\"\n aria-hidden=\"false\"\n (click)=\"onClose()\"\n [title]=\"'SEARCH.FILTER.BUTTONS.CLOSE' | translate\">\n <mat-icon
|
|
11064
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterMenuCardComponent, isStandalone: true, selector: "adf-search-filter-menu-card", outputs: { close: "close" }, ngImport: i0, template: "<div class=\"adf-search-filter-menu-card\">\n <div class=\"adf-search-filter-title\">\n <ng-content select=\"filter-title\" />\n <button mat-icon-button\n class=\"adf-search-filter-title-action\"\n aria-hidden=\"false\"\n (click)=\"onClose()\"\n [title]=\"'SEARCH.FILTER.BUTTONS.CLOSE' | translate\">\n <mat-icon adf-icon=\"close\" />\n </button>\n </div>\n\n <mat-divider />\n\n <div class=\"adf-search-filter-content\">\n <ng-content select=\"filter-content\" />\n </div>\n\n <mat-divider />\n\n <div class=\"adf-search-filter-actions\">\n <ng-content select=\"filter-actions\" />\n </div>\n</div>\n", styles: [".adf-search-filter-menu-card{color:var(--adf-theme-foreground-text-color);background:var(--adf-theme-background-card-color)}.adf-search-filter-menu-card .adf-search-filter-title{display:flex;justify-content:space-between;color:var(--adf-theme-foreground-text-color-064);align-items:center;padding:16px 12px;height:32px;font-size:var(--theme-body-1-font-size);letter-spacing:.15px;font-weight:700;font-style:inherit}.adf-search-filter-menu-card .adf-search-filter-title-action{color:var(--adf-theme-foreground-text-color-087);float:right}.adf-search-filter-menu-card .adf-search-filter-content{padding:16px 12px;overflow:auto}.adf-search-filter-menu-card .adf-search-filter-actions{padding:16px 12px;display:flex;justify-content:space-between}.adf-search-filter-menu-card .adf-search-filter-actions .adf-search-action-button{border-radius:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i4$3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11065
11065
|
}
|
|
11066
11066
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterMenuCardComponent, decorators: [{
|
|
11067
11067
|
type: Component,
|
|
11068
|
-
args: [{ selector: 'adf-search-filter-menu-card', imports: [CommonModule, MatButtonModule, TranslatePipe,
|
|
11068
|
+
args: [{ selector: 'adf-search-filter-menu-card', imports: [CommonModule, MatButtonModule, TranslatePipe, IconModule, MatDividerModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-filter-menu-card\">\n <div class=\"adf-search-filter-title\">\n <ng-content select=\"filter-title\" />\n <button mat-icon-button\n class=\"adf-search-filter-title-action\"\n aria-hidden=\"false\"\n (click)=\"onClose()\"\n [title]=\"'SEARCH.FILTER.BUTTONS.CLOSE' | translate\">\n <mat-icon adf-icon=\"close\" />\n </button>\n </div>\n\n <mat-divider />\n\n <div class=\"adf-search-filter-content\">\n <ng-content select=\"filter-content\" />\n </div>\n\n <mat-divider />\n\n <div class=\"adf-search-filter-actions\">\n <ng-content select=\"filter-actions\" />\n </div>\n</div>\n", styles: [".adf-search-filter-menu-card{color:var(--adf-theme-foreground-text-color);background:var(--adf-theme-background-card-color)}.adf-search-filter-menu-card .adf-search-filter-title{display:flex;justify-content:space-between;color:var(--adf-theme-foreground-text-color-064);align-items:center;padding:16px 12px;height:32px;font-size:var(--theme-body-1-font-size);letter-spacing:.15px;font-weight:700;font-style:inherit}.adf-search-filter-menu-card .adf-search-filter-title-action{color:var(--adf-theme-foreground-text-color-087);float:right}.adf-search-filter-menu-card .adf-search-filter-content{padding:16px 12px;overflow:auto}.adf-search-filter-menu-card .adf-search-filter-actions{padding:16px 12px;display:flex;justify-content:space-between}.adf-search-filter-menu-card .adf-search-filter-actions .adf-search-action-button{border-radius:6px}\n"] }]
|
|
11069
11069
|
}], propDecorators: { close: [{
|
|
11070
11070
|
type: Output
|
|
11071
11071
|
}] } });
|
|
@@ -11129,7 +11129,7 @@ class SearchFacetChipComponent {
|
|
|
11129
11129
|
return this.field.buckets?.items.length > 0;
|
|
11130
11130
|
}
|
|
11131
11131
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetChipComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11132
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetChipComponent, isStandalone: true, selector: "adf-search-facet-chip", inputs: { field: "field" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "facetFieldComponent", first: true, predicate: SearchFacetFieldComponent, descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + field.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip adf-search-filter-facet-chip\"\n [class.adf-search-toggle-chip]=\"(facetField.displayValue$ | async) || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated()\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"facetField.displayValue$ | async\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ field.label | translate }}:</span>\n </span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"facetField.displayValue$ | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon *ngIf=\"isPopulated(); else disabledIcon\"
|
|
11132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetChipComponent, isStandalone: true, selector: "adf-search-facet-chip", inputs: { field: "field" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "facetFieldComponent", first: true, predicate: SearchFacetFieldComponent, descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + field.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip adf-search-filter-facet-chip\"\n [class.adf-search-toggle-chip]=\"(facetField.displayValue$ | async) || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated()\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"facetField.displayValue$ | async\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ field.label | translate }}:</span>\n </span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"facetField.displayValue$ | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon *ngIf=\"isPopulated(); else disabledIcon\" [adf-icon]=\"chipIcon\" />\n <ng-template #disabledIcon>\n <mat-icon adf-icon=\"remove\" />\n </ng-template>\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" backdropClass=\"adf-search-filter-chip-menu\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + field.label\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n <ng-container ngProjectAs=\"filter-title\">\n {{ field.label | translate }}\n </ng-container>\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-facet-field [field]=\"field\" #facetField />\n </ng-container>\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: [".adf-search-filter-chip .mdc-evolution-chip__graphic{display:none}.adf-search-filter-chip[disabled]{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.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: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.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: i4$2.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: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: SearchFilterMenuCardComponent, selector: "adf-search-filter-menu-card", outputs: ["close"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: SearchFacetFieldComponent, selector: "adf-search-facet-field", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11133
11133
|
}
|
|
11134
11134
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetChipComponent, decorators: [{
|
|
11135
11135
|
type: Component,
|
|
@@ -11138,11 +11138,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
11138
11138
|
MatChipsModule,
|
|
11139
11139
|
MatMenuModule,
|
|
11140
11140
|
TranslatePipe,
|
|
11141
|
-
|
|
11141
|
+
IconModule,
|
|
11142
11142
|
SearchFilterMenuCardComponent,
|
|
11143
11143
|
MatButtonModule,
|
|
11144
11144
|
SearchFacetFieldComponent
|
|
11145
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + field.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip adf-search-filter-facet-chip\"\n [class.adf-search-toggle-chip]=\"(facetField.displayValue$ | async) || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated()\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"facetField.displayValue$ | async\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ field.label | translate }}:</span>\n </span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"facetField.displayValue$ | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon *ngIf=\"isPopulated(); else disabledIcon\"
|
|
11145
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + field.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip adf-search-filter-facet-chip\"\n [class.adf-search-toggle-chip]=\"(facetField.displayValue$ | async) || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated()\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"facetField.displayValue$ | async\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ field.label | translate }}:</span>\n </span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"facetField.displayValue$ | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon *ngIf=\"isPopulated(); else disabledIcon\" [adf-icon]=\"chipIcon\" />\n <ng-template #disabledIcon>\n <mat-icon adf-icon=\"remove\" />\n </ng-template>\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" backdropClass=\"adf-search-filter-chip-menu\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + field.label\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n <ng-container ngProjectAs=\"filter-title\">\n {{ field.label | translate }}\n </ng-container>\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-facet-field [field]=\"field\" #facetField />\n </ng-container>\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: [".adf-search-filter-chip .mdc-evolution-chip__graphic{display:none}.adf-search-filter-chip[disabled]{pointer-events:none}\n"] }]
|
|
11146
11146
|
}], ctorParameters: () => [{ type: i1$4.ConfigurableFocusTrapFactory }], propDecorators: { field: [{
|
|
11147
11147
|
type: Input,
|
|
11148
11148
|
args: [{ required: true }]
|
|
@@ -11361,7 +11361,7 @@ class SearchFacetChipTabbedComponent {
|
|
|
11361
11361
|
this.changeDetectorRef.detectChanges();
|
|
11362
11362
|
}
|
|
11363
11363
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetChipTabbedComponent, deps: [{ token: i1$4.ConfigurableFocusTrapFactory }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetChipTabbedComponent, isStandalone: true, selector: "adf-search-facet-chip-tabbed", inputs: { tabbedFacet: "tabbedFacet" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-tabbed-' + tabbedFacet.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip-tabbed\"\n [class.adf-search-toggle-chip]=\"displayValue || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"displayValue\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">{{ tabbedFacet.label | translate }}:</span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" *ngIf=\"isPopulated; else disabledIcon\"
|
|
11364
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFacetChipTabbedComponent, isStandalone: true, selector: "adf-search-facet-chip-tabbed", inputs: { tabbedFacet: "tabbedFacet" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-tabbed-' + tabbedFacet.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip-tabbed\"\n [class.adf-search-toggle-chip]=\"displayValue || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"displayValue\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">{{ tabbedFacet.label | translate }}:</span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" *ngIf=\"isPopulated; else disabledIcon\" [adf-icon]=\"chipIcon\" />\n <ng-template #disabledIcon>\n <mat-icon adf-icon=\"remove\" />\n </ng-template>\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" class=\"adf-search-widget-extra-width\" backdropClass=\"adf-search-filter-chip-menu\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + tabbedFacet.label\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n <ng-container ngProjectAs=\"filter-title\">\n {{ tabbedFacet.label | translate }}\n </ng-container>\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-facet-tabbed-content [tabbedFacet]=\"tabbedFacet\" (isPopulated)=\"onIsPopulatedEventChange($event)\"\n [onReset$]=\"reset$\" [onApply$]=\"apply$\" (displayValue$)=\"displayValue = $event\" />\n </ng-container>\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: ["adf-search-facet-chip-tabbed .adf-search-filter-chip-tabbed[disabled]{pointer-events:none}adf-search-facet-chip-tabbed .adf-search-filter-chip-tabbed .mdc-evolution-chip__graphic{display:none}adf-search-facet-chip-tabbed .adf-search-filter-chip-icon{padding-top:2px}.adf-search-widget-extra-width.mat-mdc-menu-panel{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.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: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.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: i4$2.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: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: SearchFacetTabbedContentComponent, selector: "adf-search-facet-tabbed-content", inputs: ["tabbedFacet", "onReset$", "onApply$"], outputs: ["isPopulated", "displayValue$"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: SearchFilterMenuCardComponent, selector: "adf-search-filter-menu-card", outputs: ["close"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11365
11365
|
}
|
|
11366
11366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFacetChipTabbedComponent, decorators: [{
|
|
11367
11367
|
type: Component,
|
|
@@ -11370,11 +11370,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
11370
11370
|
MatChipsModule,
|
|
11371
11371
|
MatMenuModule,
|
|
11372
11372
|
TranslatePipe,
|
|
11373
|
-
|
|
11373
|
+
IconModule,
|
|
11374
11374
|
SearchFacetTabbedContentComponent,
|
|
11375
11375
|
MatButtonModule,
|
|
11376
11376
|
SearchFilterMenuCardComponent
|
|
11377
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-tabbed-' + tabbedFacet.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip-tabbed\"\n [class.adf-search-toggle-chip]=\"displayValue || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"displayValue\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">{{ tabbedFacet.label | translate }}:</span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" *ngIf=\"isPopulated; else disabledIcon\"
|
|
11377
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-tabbed-' + tabbedFacet.label\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip-tabbed\"\n [class.adf-search-toggle-chip]=\"displayValue || menuTrigger.menuOpen\"\n [disabled]=\"!isPopulated\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"displayValue\"\n #menuTrigger=\"matMenuTrigger\">\n\n <span class=\"adf-search-filter-placeholder\">{{ tabbedFacet.label | translate }}:</span>\n\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" *ngIf=\"isPopulated; else disabledIcon\" [adf-icon]=\"chipIcon\" />\n <ng-template #disabledIcon>\n <mat-icon adf-icon=\"remove\" />\n </ng-template>\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" class=\"adf-search-widget-extra-width\" backdropClass=\"adf-search-filter-chip-menu\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + tabbedFacet.label\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n <ng-container ngProjectAs=\"filter-title\">\n {{ tabbedFacet.label | translate }}\n </ng-container>\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-facet-tabbed-content [tabbedFacet]=\"tabbedFacet\" (isPopulated)=\"onIsPopulatedEventChange($event)\"\n [onReset$]=\"reset$\" [onApply$]=\"apply$\" (displayValue$)=\"displayValue = $event\" />\n </ng-container>\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: ["adf-search-facet-chip-tabbed .adf-search-filter-chip-tabbed[disabled]{pointer-events:none}adf-search-facet-chip-tabbed .adf-search-filter-chip-tabbed .mdc-evolution-chip__graphic{display:none}adf-search-facet-chip-tabbed .adf-search-filter-chip-icon{padding-top:2px}.adf-search-widget-extra-width.mat-mdc-menu-panel{max-width:500px}\n"] }]
|
|
11378
11378
|
}], ctorParameters: () => [{ type: i1$4.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }], propDecorators: { tabbedFacet: [{
|
|
11379
11379
|
type: Input
|
|
11380
11380
|
}], menuContainer: [{
|
|
@@ -11451,7 +11451,7 @@ class SearchWidgetChipComponent {
|
|
|
11451
11451
|
}
|
|
11452
11452
|
}
|
|
11453
11453
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchWidgetChipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11454
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchWidgetChipComponent, isStandalone: true, selector: "adf-search-widget-chip", inputs: { category: "category" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "widgetContainerComponent", first: true, predicate: SearchWidgetContainerComponent, descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + category.name\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip\"\n [class.adf-search-toggle-chip]=\"(widget.getDisplayValue() | async) || menuTrigger.menuOpen\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"widget.getDisplayValue() | async\"\n #menuTrigger=\"matMenuTrigger\">\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ category.name | translate }}:</span>\n </span>\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"widget.getDisplayValue() | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\"
|
|
11454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchWidgetChipComponent, isStandalone: true, selector: "adf-search-widget-chip", inputs: { category: "category" }, viewQueries: [{ propertyName: "menuContainer", first: true, predicate: ["menuContainer"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: ["menuTrigger"], descendants: true }, { propertyName: "widgetContainerComponent", first: true, predicate: SearchWidgetContainerComponent, descendants: true }], ngImport: i0, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + category.name\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip\"\n [class.adf-search-toggle-chip]=\"(widget.getDisplayValue() | async) || menuTrigger.menuOpen\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"widget.getDisplayValue() | async\"\n #menuTrigger=\"matMenuTrigger\">\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ category.name | translate }}:</span>\n </span>\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"widget.getDisplayValue() | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" [adf-icon]=\"chipIcon\" />\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" class=\"adf-search-widget-extra-width\" backdropClass=\"adf-search-filter-chip-menu\" [class]=\"'adf-search-filter-chip-menu-panel adf-search-filter-chip-menu-panel-' + category.id\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + category.name\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n\n <ng-container ngProjectAs=\"filter-title\">\n {{ category.name | translate }} <ng-container *ngIf=\"category.component.settings.unit\">({{category.component.settings.unit}})</ng-container>\n </ng-container>\n\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-widget-container #widget\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n </ng-container>\n\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: [".adf-search-widget-extra-width.adf-search-filter-chip-menu-panel{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.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: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.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: i4$2.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: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: SearchFilterMenuCardComponent, selector: "adf-search-filter-menu-card", outputs: ["close"] }, { kind: "component", type: SearchWidgetContainerComponent, selector: "adf-search-widget-container", inputs: ["id", "selector", "settings", "config", "value", "useHeaderQueryBuilder"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11455
11455
|
}
|
|
11456
11456
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchWidgetChipComponent, decorators: [{
|
|
11457
11457
|
type: Component,
|
|
@@ -11460,11 +11460,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
11460
11460
|
MatChipsModule,
|
|
11461
11461
|
MatMenuModule,
|
|
11462
11462
|
TranslatePipe,
|
|
11463
|
-
|
|
11463
|
+
IconModule,
|
|
11464
11464
|
SearchFilterMenuCardComponent,
|
|
11465
11465
|
SearchWidgetContainerComponent,
|
|
11466
11466
|
MatButtonModule
|
|
11467
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + category.name\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip\"\n [class.adf-search-toggle-chip]=\"(widget.getDisplayValue() | async) || menuTrigger.menuOpen\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"widget.getDisplayValue() | async\"\n #menuTrigger=\"matMenuTrigger\">\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ category.name | translate }}:</span>\n </span>\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"widget.getDisplayValue() | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\"
|
|
11467
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-chip [attr.data-automation-id]=\"'search-filter-chip-' + category.name\"\n [disableRipple]=\"true\"\n class=\"adf-search-filter-chip\"\n [class.adf-search-toggle-chip]=\"(widget.getDisplayValue() | async) || menuTrigger.menuOpen\"\n tabindex=\"0\"\n [matMenuTriggerFor]=\"menu\"\n (menuOpened)=\"onMenuOpen()\"\n (keydown.enter)=\"onEnterKeydown()\"\n (keydown.escape)=\"onEscKeydown()\"\n [attr.title]=\"widget.getDisplayValue() | async\"\n #menuTrigger=\"matMenuTrigger\">\n <span class=\"adf-search-filter-placeholder\">\n <span class=\"adf-search-filter-ellipsis\">{{ category.name | translate }}:</span>\n </span>\n <span class=\"adf-search-filter-ellipsis adf-filter-value\" *ngIf=\"widget.getDisplayValue() | async as displayValue; else showAny\">\n {{ displayValue | translate }}\n </span>\n <ng-template #showAny><span class=\"adf-search-filter-ellipsis adf-filter-value\"> {{ 'SEARCH.FILTER.ANY' | translate }}</span></ng-template>\n <mat-icon class=\"adf-search-filter-chip-icon\" [adf-icon]=\"chipIcon\" />\n</mat-chip>\n\n<mat-menu #menu=\"matMenu\" class=\"adf-search-widget-extra-width\" backdropClass=\"adf-search-filter-chip-menu\" [class]=\"'adf-search-filter-chip-menu-panel adf-search-filter-chip-menu-panel-' + category.id\" (closed)=\"onClosed()\">\n <div #menuContainer [attr.data-automation-id]=\"'search-field-' + category.name\">\n <adf-search-filter-menu-card (click)=\"$event.stopPropagation()\"\n (keydown.tab)=\"$event.stopPropagation();\"\n (keydown.shift.tab)=\"$event.stopPropagation()\"\n (close)=\"menuTrigger.closeMenu()\">\n\n <ng-container ngProjectAs=\"filter-title\">\n {{ category.name | translate }} <ng-container *ngIf=\"category.component.settings.unit\">({{category.component.settings.unit}})</ng-container>\n </ng-container>\n\n <ng-container ngProjectAs=\"filter-content\">\n <adf-search-widget-container #widget\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n </ng-container>\n\n <ng-container ngProjectAs=\"filter-actions\">\n <button mat-button class=\"adf-search-action-button\" (click)=\"onRemove()\" id=\"cancel-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"onApply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </ng-container>\n </adf-search-filter-menu-card>\n </div>\n</mat-menu>\n", styles: [".adf-search-widget-extra-width.adf-search-filter-chip-menu-panel{max-width:500px}\n"] }]
|
|
11468
11468
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$4.ConfigurableFocusTrapFactory }], propDecorators: { category: [{
|
|
11469
11469
|
type: Input,
|
|
11470
11470
|
args: [{ required: true }]
|
|
@@ -11591,7 +11591,7 @@ class SearchFilterComponent {
|
|
|
11591
11591
|
return bucket.count === null ? '' : `(${bucket.count})`;
|
|
11592
11592
|
}
|
|
11593
11593
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterComponent, deps: [{ token: SearchQueryBuilderService }, { token: SearchFacetFiltersService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterComponent, isStandalone: true, selector: "adf-search-filter", inputs: { showContextFacets: "showContextFacets" }, host: { classAttribute: "adf-search-filter" }, ngImport: i0, template: "<mat-accordion multi=\"true\" displayMode=\"flat\">\n\n <button *ngIf=\"displayResetButton && facetFiltersService.responseFacets\"\n mat-button\n color=\"primary\"\n title=\"{{ 'SEARCH.FILTER.BUTTONS.RESET-ALL.TOOLTIP' | translate }}\"\n adf-reset-search>\n {{ 'SEARCH.FILTER.BUTTONS.RESET-ALL.LABEL' | translate }}\n </button>\n <mat-expansion-panel\n *ngFor=\"let category of queryBuilder.categories\"\n [attr.data-automation-id]=\"'expansion-panel-'+category.name\"\n [(expanded)]=\"category.expanded\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">\n {{ category.name | translate }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <adf-search-filter-card [category]=\"category\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"facetFiltersService.tabbedFacet && showContextFacets\">\n <mat-expansion-panel [attr.data-automation-id]=\"'expansion-panel-'+facetFiltersService.tabbedFacet.label\" [expanded]=\"true\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">{{ facetFiltersService.tabbedFacet.label | translate }}</mat-panel-title>\n </mat-expansion-panel-header>\n <adf-search-facet-tabbed-content\n [tabbedFacet]=\"facetFiltersService.tabbedFacet\"\n [attr.data-automation-id]=\"'expansion-panel-'+facetFiltersService.tabbedFacet.label\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"facetFiltersService.responseFacets && showContextFacets\">\n <mat-expansion-panel [attr.data-automation-id]=\"'expansion-panel-'+field.label\" *ngFor=\"let field of facetFiltersService.responseFacets\"\n [expanded]=\"shouldExpand(field)\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">{{ field.label | translate }}</mat-panel-title>\n </mat-expansion-panel-header>\n\n <adf-search-facet-field [field]=\"field\" />\n\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-search-filter .adf-search-filter-header-title{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-search-filter .adf-search-check-list-label{color:var(--adf-theme-foreground-text-color-064)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$
|
|
11594
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterComponent, isStandalone: true, selector: "adf-search-filter", inputs: { showContextFacets: "showContextFacets" }, host: { classAttribute: "adf-search-filter" }, ngImport: i0, template: "<mat-accordion multi=\"true\" displayMode=\"flat\">\n\n <button *ngIf=\"displayResetButton && facetFiltersService.responseFacets\"\n mat-button\n color=\"primary\"\n title=\"{{ 'SEARCH.FILTER.BUTTONS.RESET-ALL.TOOLTIP' | translate }}\"\n adf-reset-search>\n {{ 'SEARCH.FILTER.BUTTONS.RESET-ALL.LABEL' | translate }}\n </button>\n <mat-expansion-panel\n *ngFor=\"let category of queryBuilder.categories\"\n [attr.data-automation-id]=\"'expansion-panel-'+category.name\"\n [(expanded)]=\"category.expanded\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">\n {{ category.name | translate }}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <adf-search-filter-card [category]=\"category\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"facetFiltersService.tabbedFacet && showContextFacets\">\n <mat-expansion-panel [attr.data-automation-id]=\"'expansion-panel-'+facetFiltersService.tabbedFacet.label\" [expanded]=\"true\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">{{ facetFiltersService.tabbedFacet.label | translate }}</mat-panel-title>\n </mat-expansion-panel-header>\n <adf-search-facet-tabbed-content\n [tabbedFacet]=\"facetFiltersService.tabbedFacet\"\n [attr.data-automation-id]=\"'expansion-panel-'+facetFiltersService.tabbedFacet.label\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"facetFiltersService.responseFacets && showContextFacets\">\n <mat-expansion-panel [attr.data-automation-id]=\"'expansion-panel-'+field.label\" *ngFor=\"let field of facetFiltersService.responseFacets\"\n [expanded]=\"shouldExpand(field)\">\n <mat-expansion-panel-header>\n <mat-panel-title class=\"adf-search-filter-header-title\">{{ field.label | translate }}</mat-panel-title>\n </mat-expansion-panel-header>\n\n <adf-search-facet-field [field]=\"field\" />\n\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-search-filter .adf-search-filter-header-title{font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-search-filter .adf-search-check-list-label{color:var(--adf-theme-foreground-text-color-064)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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" }, { kind: "component", type: SearchFilterCardComponent, selector: "adf-search-filter-card", inputs: ["category"] }, { kind: "directive", type: ResetSearchDirective, selector: "[adf-reset-search]" }, { kind: "component", type: SearchFacetFieldComponent, selector: "adf-search-facet-field", inputs: ["field"] }, { kind: "component", type: SearchFacetTabbedContentComponent, selector: "adf-search-facet-tabbed-content", inputs: ["tabbedFacet", "onReset$", "onApply$"], outputs: ["isPopulated", "displayValue$"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11595
11595
|
}
|
|
11596
11596
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterComponent, decorators: [{
|
|
11597
11597
|
type: Component,
|
|
@@ -12160,7 +12160,7 @@ class ContentNodeSelectorPanelComponent {
|
|
|
12160
12160
|
};
|
|
12161
12161
|
}
|
|
12162
12162
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentNodeSelectorPanelComponent, deps: [{ token: CustomResourcesService }, { token: SearchQueryBuilderService }, { token: i2.UserPreferencesService }, { token: NodesApiService }, { token: UploadService }, { token: SitesService }, { token: ContentNodeSelectorPanelService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12163
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentNodeSelectorPanelComponent, isStandalone: true, selector: "adf-content-node-selector-panel", inputs: { restrictRootToCurrentFolderId: "restrictRootToCurrentFolderId", currentFolderId: "currentFolderId", dropdownHideMyFiles: "dropdownHideMyFiles", dropdownSiteList: "dropdownSiteList", where: "where", rowFilter: "rowFilter", excludeSiteContent: "excludeSiteContent", imageResolver: "imageResolver", pageSize: "pageSize", selectionMode: "selectionMode", isSelectionValid: "isSelectionValid", breadcrumbTransform: "breadcrumbTransform", showSearch: "showSearch", showDropdownSiteList: "showDropdownSiteList", showFilesInResult: "showFilesInResult", showNodeCounter: "showNodeCounter" }, outputs: { select: "select", navigationChange: "navigationChange", siteChange: "siteChange", showingSearch: "showingSearch", currentFolder: "currentFolder", folderLoaded: "folderLoaded" }, host: { classAttribute: "adf-content-node-selector-panel" }, providers: [SearchQueryBuilderService], viewQueries: [{ propertyName: "documentList", first: true, predicate: ["documentList"], descendants: true, static: true }, { propertyName: "highlighter", first: true, predicate: HighlightDirective, descendants: true, static: true }, { propertyName: "infinitePaginationComponent", first: true, predicate: InfinitePaginationComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-content-node-selector-content\">\n <mat-form-field floatPlaceholder=\"never\"\n appearance=\"fill\"\n class=\"adf-content-node-selector-content-input\"\n subscriptSizing=\"dynamic\"\n *ngIf=\"showSearch\">\n <mat-label>{{ 'NODE_SELECTOR.SEARCH' | translate }}</mat-label>\n <input matInput\n id=\"searchInput\"\n [formControl]=\"searchInput\"\n type=\"text\"\n [value]=\"searchTerm\"\n adf-auto-focus\n data-automation-id=\"content-node-selector-search-input\">\n\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchTerm.length > 0\"\n data-automation-id=\"content-node-selector-search-clear\"\n class=\"adf-content-node-selector-search-clear-button\"\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-content-node-selector-content-input-icon\">clear</mat-icon>\n </button>\n\n <mat-icon\n *ngIf=\"searchTerm.length === 0\"\n matSuffix\n class=\"adf-content-node-selector-content-input-icon\"\n data-automation-id=\"content-node-selector-search-icon\"\n >search\n </mat-icon>\n </mat-form-field>\n <adf-sites-dropdown\n *ngIf=\"showDropdownSiteList\"\n class=\"full-width\"\n (change)=\"siteChanged($event)\"\n [placeholder]=\"'NODE_SELECTOR.SELECT_LIBRARY'\"\n [hideMyFiles]=\"dropdownHideMyFiles\"\n [siteList]=\"dropdownSiteList\"\n [value]=\"startSiteGuid\"\n data-automation-id=\"content-node-selector-sites-combo\" />\n <button *ngIf=\"hasCustomModels()\"\n data-automation-id=\"adf-toggle-search-panel-button\"\n mat-icon-button\n (click)=\"toggleSearchPanel()\">\n <mat-icon>filter_list</mat-icon>\n {{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}\n </button>\n <div class=\"adf-content-node-selector-search-panel-container\">\n <adf-search-panel *ngIf=\"searchPanelExpanded\" />\n <div class=\"adf-content-node-selector-document-list-container\">\n <adf-toolbar>\n <adf-toolbar-title>\n <ng-container *ngIf=\"!showBreadcrumbs()\">\n <h2 class=\"adf-search-results-label\">{{ 'NODE_SELECTOR.SEARCH_RESULTS' | translate }}</h2>\n </ng-container>\n <adf-dropdown-breadcrumb *ngIf=\"showBreadcrumbs()\"\n class=\"adf-content-node-selector-content-breadcrumb\"\n (navigate)=\"clearSearch()\"\n [target]=\"documentList\"\n [rootId]=\"breadcrumbRootId\"\n [transform]=\"breadcrumbTransform\"\n [folderNode]=\"breadcrumbFolderNode\"\n [root]=\"breadcrumbFolderTitle\"\n data-automation-id=\"content-node-selector-content-breadcrumb\" />\n <ng-container *ngIf=\"showNodeCounter\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n\n <div\n class=\"adf-content-node-selector-content-list\"\n [class.adf-content-node-selector-content-list-searchLayout]=\"showingSearchResults\"\n data-automation-id=\"content-node-selector-content-list\">\n <adf-document-list\n #documentList\n [adf-highlight]=\"searchTerm\"\n adf-highlight-selector=\".adf-name-location-cell-name\"\n [showHeader]=\"showHeader\"\n [node]=\"nodePaging\"\n [preselectNodes]=\"preselectedNodes\"\n [maxItems]=\"pageSize\"\n [rowFilter]=\"_rowFilter\"\n [imageResolver]=\"imageResolver\"\n [currentFolderId]=\"folderIdToShow\"\n [selectionMode]=\"selectionMode\"\n [contextMenuActions]=\"false\"\n [contentActions]=\"false\"\n [allowDropFiles]=\"false\"\n [sorting]=\"sorting\"\n sortingMode=\"server\"\n [where]=\"where\"\n (folderChange)=\"onFolderChange($event)\"\n (ready)=\"onFolderLoaded($event)\"\n (nodeSelected)=\"onCurrentSelection($event)\"\n [class.adf-content-node-selector-content-list-empty]=\"emptyList\"\n data-automation-id=\"content-node-selector-document-list\">\n\n <adf-custom-empty-content-template>\n <div aria-live=\"polite\">{{ 'NODE_SELECTOR.NO_RESULTS' | translate }}</div>\n </adf-custom-empty-content-template>\n\n <data-columns>\n <data-column key=\"$thumbnail\" type=\"image\" />\n <data-column key=\"name\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.NAME\" class=\"adf-full-width adf-ellipsis-cell\">\n <ng-template let-context>\n <adf-name-location-cell [row]=\"context.row\" />\n </ng-template>\n </data-column>\n <data-column key=\"modifiedAt\" type=\"date\" title=\"ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON\" format=\"timeAgo\" class=\"adf-content-selector-modified-cell\" />\n <data-column key=\"createdByUser.displayName\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY\" class=\"adf-content-selector-modifier-cell\" />\n <data-column key=\"visibility\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.STATUS\" class=\"adf-content-selector-visibility-cell\" />\n </data-columns>\n\n </adf-document-list>\n\n <adf-infinite-pagination\n [target]=\"target\"\n [loading]=\"loadingSearchResults\"\n (loadMore)=\"getNextPageOfSearch($event)\"\n data-automation-id=\"content-node-selector-search-pagination\">\n {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}\n </adf-infinite-pagination>\n </div>\n </div>\n </div>\n</div>\n", styles: ["h2.adf-search-results-label{flex:1;font-weight:600;font-size:var(--theme-body-1-font-size);font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-087)}.mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--theme-body-1-font-size);height:auto}.adf-content-node-selector-search-panel-container{display:flex}.adf-content-node-selector-document-list-container{margin-top:16px;width:100%}.adf-content-node-selector-content{padding-top:0}.adf-content-node-selector-content .mat-mdc-input-element:focus::placeholder{color:var(--theme-primary-color)}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:0}.adf-content-node-selector-content .adf-sites-dropdown-form-field label.mat-mdc-floating-label{top:32px}.adf-content-node-selector-content .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-content-node-selector-content-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--adf-theme-foreground-icon-color-054);padding:0 0 8px;width:1em;height:1em;font-size:20px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button{padding:0;width:20px;height:28px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button:focus{outline-offset:-1.5px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon){cursor:pointer}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-content-node-selector-content-input .mat-mdc-form-field-subscript-wrapper{display:none}.adf-content-node-selector-content .adf-site-dropdown-container{display:block}.adf-content-node-selector-content .adf-site-dropdown-container .adf-sites-dropdown-form-field{width:100%}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger{outline:none}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon:hover{color:var(--adf-theme-foreground-base-color-065)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--theme-primary-color)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007);border-top:0;position:relative}.adf-content-node-selector-content-list-empty+adf-infinite-pagination,.adf-content-node-selector-list-empty+adf-infinite-pagination{position:absolute;bottom:0;width:100%}.adf-content-node-selector-content-list .adf-highlight,.adf-content-node-selector-list .adf-highlight{color:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list,.adf-content-node-selector-list .adf-datatable-list{border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-name-location-cell-location,.adf-content-node-selector-list .adf-datatable-list .adf-name-location-cell-location{display:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected{height:100%;width:100%}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected>svg,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell--image,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell--image{min-width:35px;width:35px;max-width:40px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell:nth-child(2),.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell:nth-child(2){flex:1 0 95px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell{flex:0 1 auto;min-width:1px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value{padding:0}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:40px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell{border-top:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell{border-bottom:none}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name{padding:5px 10px 2px}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: DropdownSitesComponent, selector: "adf-sites-dropdown", inputs: ["hideMyFiles", "siteList", "value", "placeholder", "relations"], outputs: ["change", "error"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: DropdownBreadcrumbComponent, selector: "adf-dropdown-breadcrumb" }, { kind: "directive", type: NodeCounterDirective, selector: "[adf-node-counter]", inputs: ["adf-node-counter"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "directive", type: HighlightDirective, selector: "[adf-highlight]", inputs: ["adf-highlight-selector", "adf-highlight", "adf-highlight-class"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: NameLocationCellComponent, selector: "adf-name-location-cell", inputs: ["row"] }, { kind: "component", type: InfinitePaginationComponent, selector: "adf-infinite-pagination", inputs: ["target", "pageSize", "loading"], outputs: ["loadMore"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }, { kind: "component", type: SearchPanelComponent, selector: "adf-search-panel" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12163
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentNodeSelectorPanelComponent, isStandalone: true, selector: "adf-content-node-selector-panel", inputs: { restrictRootToCurrentFolderId: "restrictRootToCurrentFolderId", currentFolderId: "currentFolderId", dropdownHideMyFiles: "dropdownHideMyFiles", dropdownSiteList: "dropdownSiteList", where: "where", rowFilter: "rowFilter", excludeSiteContent: "excludeSiteContent", imageResolver: "imageResolver", pageSize: "pageSize", selectionMode: "selectionMode", isSelectionValid: "isSelectionValid", breadcrumbTransform: "breadcrumbTransform", showSearch: "showSearch", showDropdownSiteList: "showDropdownSiteList", showFilesInResult: "showFilesInResult", showNodeCounter: "showNodeCounter" }, outputs: { select: "select", navigationChange: "navigationChange", siteChange: "siteChange", showingSearch: "showingSearch", currentFolder: "currentFolder", folderLoaded: "folderLoaded" }, host: { classAttribute: "adf-content-node-selector-panel" }, providers: [SearchQueryBuilderService], viewQueries: [{ propertyName: "documentList", first: true, predicate: ["documentList"], descendants: true, static: true }, { propertyName: "highlighter", first: true, predicate: HighlightDirective, descendants: true, static: true }, { propertyName: "infinitePaginationComponent", first: true, predicate: InfinitePaginationComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-content-node-selector-content\">\n <mat-form-field floatPlaceholder=\"never\"\n appearance=\"fill\"\n class=\"adf-content-node-selector-content-input\"\n subscriptSizing=\"dynamic\"\n *ngIf=\"showSearch\">\n <mat-label>{{ 'NODE_SELECTOR.SEARCH' | translate }}</mat-label>\n <input matInput\n id=\"searchInput\"\n [formControl]=\"searchInput\"\n type=\"text\"\n [value]=\"searchTerm\"\n adf-auto-focus\n data-automation-id=\"content-node-selector-search-input\">\n\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchTerm.length > 0\"\n data-automation-id=\"content-node-selector-search-clear\"\n class=\"adf-content-node-selector-search-clear-button\"\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-content-node-selector-content-input-icon\" adf-icon=\"clear\" />\n </button>\n\n <mat-icon\n *ngIf=\"searchTerm.length === 0\"\n matSuffix\n class=\"adf-content-node-selector-content-input-icon\"\n data-automation-id=\"content-node-selector-search-icon\"\n adf-icon=\"search\"\n />\n </mat-form-field>\n <adf-sites-dropdown\n *ngIf=\"showDropdownSiteList\"\n class=\"full-width\"\n (change)=\"siteChanged($event)\"\n [placeholder]=\"'NODE_SELECTOR.SELECT_LIBRARY'\"\n [hideMyFiles]=\"dropdownHideMyFiles\"\n [siteList]=\"dropdownSiteList\"\n [value]=\"startSiteGuid\"\n data-automation-id=\"content-node-selector-sites-combo\" />\n <button *ngIf=\"hasCustomModels()\"\n data-automation-id=\"adf-toggle-search-panel-button\"\n mat-icon-button\n (click)=\"toggleSearchPanel()\">\n <mat-icon adf-icon=\"filter_list\" />\n {{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}\n </button>\n <div class=\"adf-content-node-selector-search-panel-container\">\n <adf-search-panel *ngIf=\"searchPanelExpanded\" />\n <div class=\"adf-content-node-selector-document-list-container\">\n <adf-toolbar>\n <adf-toolbar-title>\n <ng-container *ngIf=\"!showBreadcrumbs()\">\n <h2 class=\"adf-search-results-label\">{{ 'NODE_SELECTOR.SEARCH_RESULTS' | translate }}</h2>\n </ng-container>\n <adf-dropdown-breadcrumb *ngIf=\"showBreadcrumbs()\"\n class=\"adf-content-node-selector-content-breadcrumb\"\n (navigate)=\"clearSearch()\"\n [target]=\"documentList\"\n [rootId]=\"breadcrumbRootId\"\n [transform]=\"breadcrumbTransform\"\n [folderNode]=\"breadcrumbFolderNode\"\n [root]=\"breadcrumbFolderTitle\"\n data-automation-id=\"content-node-selector-content-breadcrumb\" />\n <ng-container *ngIf=\"showNodeCounter\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n\n <div\n class=\"adf-content-node-selector-content-list\"\n [class.adf-content-node-selector-content-list-searchLayout]=\"showingSearchResults\"\n data-automation-id=\"content-node-selector-content-list\">\n <adf-document-list\n #documentList\n [adf-highlight]=\"searchTerm\"\n adf-highlight-selector=\".adf-name-location-cell-name\"\n [showHeader]=\"showHeader\"\n [node]=\"nodePaging\"\n [preselectNodes]=\"preselectedNodes\"\n [maxItems]=\"pageSize\"\n [rowFilter]=\"_rowFilter\"\n [imageResolver]=\"imageResolver\"\n [currentFolderId]=\"folderIdToShow\"\n [selectionMode]=\"selectionMode\"\n [contextMenuActions]=\"false\"\n [contentActions]=\"false\"\n [allowDropFiles]=\"false\"\n [sorting]=\"sorting\"\n sortingMode=\"server\"\n [where]=\"where\"\n (folderChange)=\"onFolderChange($event)\"\n (ready)=\"onFolderLoaded($event)\"\n (nodeSelected)=\"onCurrentSelection($event)\"\n [class.adf-content-node-selector-content-list-empty]=\"emptyList\"\n data-automation-id=\"content-node-selector-document-list\">\n\n <adf-custom-empty-content-template>\n <div aria-live=\"polite\">{{ 'NODE_SELECTOR.NO_RESULTS' | translate }}</div>\n </adf-custom-empty-content-template>\n\n <data-columns>\n <data-column key=\"$thumbnail\" type=\"image\" />\n <data-column key=\"name\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.NAME\" class=\"adf-full-width adf-ellipsis-cell\">\n <ng-template let-context>\n <adf-name-location-cell [row]=\"context.row\" />\n </ng-template>\n </data-column>\n <data-column key=\"modifiedAt\" type=\"date\" title=\"ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON\" format=\"timeAgo\" class=\"adf-content-selector-modified-cell\" />\n <data-column key=\"createdByUser.displayName\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY\" class=\"adf-content-selector-modifier-cell\" />\n <data-column key=\"visibility\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.STATUS\" class=\"adf-content-selector-visibility-cell\" />\n </data-columns>\n\n </adf-document-list>\n\n <adf-infinite-pagination\n [target]=\"target\"\n [loading]=\"loadingSearchResults\"\n (loadMore)=\"getNextPageOfSearch($event)\"\n data-automation-id=\"content-node-selector-search-pagination\">\n {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}\n </adf-infinite-pagination>\n </div>\n </div>\n </div>\n</div>\n", styles: ["h2.adf-search-results-label{flex:1;font-weight:600;font-size:var(--theme-body-1-font-size);font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-087)}.mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--theme-body-1-font-size);height:auto}.adf-content-node-selector-search-panel-container{display:flex}.adf-content-node-selector-document-list-container{margin-top:16px;width:100%}.adf-content-node-selector-content{padding-top:0}.adf-content-node-selector-content .mat-mdc-input-element:focus::placeholder{color:var(--theme-primary-color)}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:0}.adf-content-node-selector-content .adf-sites-dropdown-form-field label.mat-mdc-floating-label{top:32px}.adf-content-node-selector-content .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-content-node-selector-content-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--adf-theme-foreground-icon-color-054);padding:0 0 8px;width:1em;height:1em;font-size:20px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button{padding:0;width:20px;height:28px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button:focus{outline-offset:-1.5px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon){cursor:pointer}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-content-node-selector-content-input .mat-mdc-form-field-subscript-wrapper{display:none}.adf-content-node-selector-content .adf-site-dropdown-container{display:block}.adf-content-node-selector-content .adf-site-dropdown-container .adf-sites-dropdown-form-field{width:100%}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger{outline:none}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon:hover{color:var(--adf-theme-foreground-base-color-065)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--theme-primary-color)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007);border-top:0;position:relative}.adf-content-node-selector-content-list-empty+adf-infinite-pagination,.adf-content-node-selector-list-empty+adf-infinite-pagination{position:absolute;bottom:0;width:100%}.adf-content-node-selector-content-list .adf-highlight,.adf-content-node-selector-list .adf-highlight{color:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list,.adf-content-node-selector-list .adf-datatable-list{border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-name-location-cell-location,.adf-content-node-selector-list .adf-datatable-list .adf-name-location-cell-location{display:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected{height:100%;width:100%}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected>svg,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell--image,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell--image{min-width:35px;width:35px;max-width:40px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell:nth-child(2),.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell:nth-child(2){flex:1 0 95px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell{flex:0 1 auto;min-width:1px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value{padding:0}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:40px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell{border-top:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell{border-bottom:none}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name{padding:5px 10px 2px}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: DropdownSitesComponent, selector: "adf-sites-dropdown", inputs: ["hideMyFiles", "siteList", "value", "placeholder", "relations"], outputs: ["change", "error"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: DropdownBreadcrumbComponent, selector: "adf-dropdown-breadcrumb" }, { kind: "directive", type: NodeCounterDirective, selector: "[adf-node-counter]", inputs: ["adf-node-counter"] }, { kind: "component", type: DocumentListComponent, selector: "adf-document-list", inputs: ["includeFields", "where", "filters", "permissionsStyle", "locationFormat", "navigate", "showHeader", "navigationMode", "thumbnails", "selectionMode", "multiselect", "contentActions", "contentActionsPosition", "contextMenuActions", "emptyFolderImageUrl", "allowDropFiles", "sorting", "additionalSorting", "sortingMode", "rowStyle", "rowStyleClass", "loading", "_rowFilter", "rowFilter", "imageResolver", "stickyHeader", "headerFilters", "filterValue", "currentFolderId", "preselectNodes", "node", "maxItems", "columnsPresetKey", "setColumnsVisibility", "setColumnsWidths", "setColumnsOrder", "maxColumnsVisible", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "displayDragAndDropHint", "isDataProvidedExternally"], outputs: ["nodeClick", "nodeDblClick", "folderChange", "preview", "ready", "error", "nodeSelected", "filterSelection", "columnsWidthChanged", "columnsVisibilityChanged", "columnsOrderChanged", "selectedItemsCountChanged"] }, { kind: "directive", type: HighlightDirective, selector: "[adf-highlight]", inputs: ["adf-highlight-selector", "adf-highlight", "adf-highlight-class"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: NameLocationCellComponent, selector: "adf-name-location-cell", inputs: ["row"] }, { kind: "component", type: InfinitePaginationComponent, selector: "adf-infinite-pagination", inputs: ["target", "pageSize", "loading"], outputs: ["loadMore"] }, { kind: "directive", type: CustomEmptyContentTemplateDirective, selector: "adf-custom-empty-content-template, empty-folder-content" }, { kind: "component", type: SearchPanelComponent, selector: "adf-search-panel" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12164
12164
|
}
|
|
12165
12165
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentNodeSelectorPanelComponent, decorators: [{
|
|
12166
12166
|
type: Component,
|
|
@@ -12171,7 +12171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
12171
12171
|
MatInputModule,
|
|
12172
12172
|
ReactiveFormsModule,
|
|
12173
12173
|
AutoFocusDirective,
|
|
12174
|
-
|
|
12174
|
+
IconModule,
|
|
12175
12175
|
DropdownSitesComponent,
|
|
12176
12176
|
MatButtonModule,
|
|
12177
12177
|
ToolbarTitleComponent,
|
|
@@ -12186,7 +12186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
12186
12186
|
InfinitePaginationComponent,
|
|
12187
12187
|
CustomEmptyContentTemplateDirective,
|
|
12188
12188
|
SearchPanelComponent
|
|
12189
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-content-node-selector-panel' }, providers: [SearchQueryBuilderService], template: "<div class=\"adf-content-node-selector-content\">\n <mat-form-field floatPlaceholder=\"never\"\n appearance=\"fill\"\n class=\"adf-content-node-selector-content-input\"\n subscriptSizing=\"dynamic\"\n *ngIf=\"showSearch\">\n <mat-label>{{ 'NODE_SELECTOR.SEARCH' | translate }}</mat-label>\n <input matInput\n id=\"searchInput\"\n [formControl]=\"searchInput\"\n type=\"text\"\n [value]=\"searchTerm\"\n adf-auto-focus\n data-automation-id=\"content-node-selector-search-input\">\n\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchTerm.length > 0\"\n data-automation-id=\"content-node-selector-search-clear\"\n class=\"adf-content-node-selector-search-clear-button\"\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-content-node-selector-content-input-icon\">clear</mat-icon>\n </button>\n\n <mat-icon\n *ngIf=\"searchTerm.length === 0\"\n matSuffix\n class=\"adf-content-node-selector-content-input-icon\"\n data-automation-id=\"content-node-selector-search-icon\"\n >search\n </mat-icon>\n </mat-form-field>\n <adf-sites-dropdown\n *ngIf=\"showDropdownSiteList\"\n class=\"full-width\"\n (change)=\"siteChanged($event)\"\n [placeholder]=\"'NODE_SELECTOR.SELECT_LIBRARY'\"\n [hideMyFiles]=\"dropdownHideMyFiles\"\n [siteList]=\"dropdownSiteList\"\n [value]=\"startSiteGuid\"\n data-automation-id=\"content-node-selector-sites-combo\" />\n <button *ngIf=\"hasCustomModels()\"\n data-automation-id=\"adf-toggle-search-panel-button\"\n mat-icon-button\n (click)=\"toggleSearchPanel()\">\n <mat-icon>filter_list</mat-icon>\n {{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}\n </button>\n <div class=\"adf-content-node-selector-search-panel-container\">\n <adf-search-panel *ngIf=\"searchPanelExpanded\" />\n <div class=\"adf-content-node-selector-document-list-container\">\n <adf-toolbar>\n <adf-toolbar-title>\n <ng-container *ngIf=\"!showBreadcrumbs()\">\n <h2 class=\"adf-search-results-label\">{{ 'NODE_SELECTOR.SEARCH_RESULTS' | translate }}</h2>\n </ng-container>\n <adf-dropdown-breadcrumb *ngIf=\"showBreadcrumbs()\"\n class=\"adf-content-node-selector-content-breadcrumb\"\n (navigate)=\"clearSearch()\"\n [target]=\"documentList\"\n [rootId]=\"breadcrumbRootId\"\n [transform]=\"breadcrumbTransform\"\n [folderNode]=\"breadcrumbFolderNode\"\n [root]=\"breadcrumbFolderTitle\"\n data-automation-id=\"content-node-selector-content-breadcrumb\" />\n <ng-container *ngIf=\"showNodeCounter\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n\n <div\n class=\"adf-content-node-selector-content-list\"\n [class.adf-content-node-selector-content-list-searchLayout]=\"showingSearchResults\"\n data-automation-id=\"content-node-selector-content-list\">\n <adf-document-list\n #documentList\n [adf-highlight]=\"searchTerm\"\n adf-highlight-selector=\".adf-name-location-cell-name\"\n [showHeader]=\"showHeader\"\n [node]=\"nodePaging\"\n [preselectNodes]=\"preselectedNodes\"\n [maxItems]=\"pageSize\"\n [rowFilter]=\"_rowFilter\"\n [imageResolver]=\"imageResolver\"\n [currentFolderId]=\"folderIdToShow\"\n [selectionMode]=\"selectionMode\"\n [contextMenuActions]=\"false\"\n [contentActions]=\"false\"\n [allowDropFiles]=\"false\"\n [sorting]=\"sorting\"\n sortingMode=\"server\"\n [where]=\"where\"\n (folderChange)=\"onFolderChange($event)\"\n (ready)=\"onFolderLoaded($event)\"\n (nodeSelected)=\"onCurrentSelection($event)\"\n [class.adf-content-node-selector-content-list-empty]=\"emptyList\"\n data-automation-id=\"content-node-selector-document-list\">\n\n <adf-custom-empty-content-template>\n <div aria-live=\"polite\">{{ 'NODE_SELECTOR.NO_RESULTS' | translate }}</div>\n </adf-custom-empty-content-template>\n\n <data-columns>\n <data-column key=\"$thumbnail\" type=\"image\" />\n <data-column key=\"name\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.NAME\" class=\"adf-full-width adf-ellipsis-cell\">\n <ng-template let-context>\n <adf-name-location-cell [row]=\"context.row\" />\n </ng-template>\n </data-column>\n <data-column key=\"modifiedAt\" type=\"date\" title=\"ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON\" format=\"timeAgo\" class=\"adf-content-selector-modified-cell\" />\n <data-column key=\"createdByUser.displayName\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY\" class=\"adf-content-selector-modifier-cell\" />\n <data-column key=\"visibility\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.STATUS\" class=\"adf-content-selector-visibility-cell\" />\n </data-columns>\n\n </adf-document-list>\n\n <adf-infinite-pagination\n [target]=\"target\"\n [loading]=\"loadingSearchResults\"\n (loadMore)=\"getNextPageOfSearch($event)\"\n data-automation-id=\"content-node-selector-search-pagination\">\n {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}\n </adf-infinite-pagination>\n </div>\n </div>\n </div>\n</div>\n", styles: ["h2.adf-search-results-label{flex:1;font-weight:600;font-size:var(--theme-body-1-font-size);font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-087)}.mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--theme-body-1-font-size);height:auto}.adf-content-node-selector-search-panel-container{display:flex}.adf-content-node-selector-document-list-container{margin-top:16px;width:100%}.adf-content-node-selector-content{padding-top:0}.adf-content-node-selector-content .mat-mdc-input-element:focus::placeholder{color:var(--theme-primary-color)}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:0}.adf-content-node-selector-content .adf-sites-dropdown-form-field label.mat-mdc-floating-label{top:32px}.adf-content-node-selector-content .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-content-node-selector-content-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--adf-theme-foreground-icon-color-054);padding:0 0 8px;width:1em;height:1em;font-size:20px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button{padding:0;width:20px;height:28px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button:focus{outline-offset:-1.5px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon){cursor:pointer}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-content-node-selector-content-input .mat-mdc-form-field-subscript-wrapper{display:none}.adf-content-node-selector-content .adf-site-dropdown-container{display:block}.adf-content-node-selector-content .adf-site-dropdown-container .adf-sites-dropdown-form-field{width:100%}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger{outline:none}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon:hover{color:var(--adf-theme-foreground-base-color-065)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--theme-primary-color)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007);border-top:0;position:relative}.adf-content-node-selector-content-list-empty+adf-infinite-pagination,.adf-content-node-selector-list-empty+adf-infinite-pagination{position:absolute;bottom:0;width:100%}.adf-content-node-selector-content-list .adf-highlight,.adf-content-node-selector-list .adf-highlight{color:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list,.adf-content-node-selector-list .adf-datatable-list{border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-name-location-cell-location,.adf-content-node-selector-list .adf-datatable-list .adf-name-location-cell-location{display:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected{height:100%;width:100%}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected>svg,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell--image,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell--image{min-width:35px;width:35px;max-width:40px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell:nth-child(2),.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell:nth-child(2){flex:1 0 95px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell{flex:0 1 auto;min-width:1px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value{padding:0}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:40px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell{border-top:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell{border-bottom:none}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name{padding:5px 10px 2px}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell{display:none}\n"] }]
|
|
12189
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-content-node-selector-panel' }, providers: [SearchQueryBuilderService], template: "<div class=\"adf-content-node-selector-content\">\n <mat-form-field floatPlaceholder=\"never\"\n appearance=\"fill\"\n class=\"adf-content-node-selector-content-input\"\n subscriptSizing=\"dynamic\"\n *ngIf=\"showSearch\">\n <mat-label>{{ 'NODE_SELECTOR.SEARCH' | translate }}</mat-label>\n <input matInput\n id=\"searchInput\"\n [formControl]=\"searchInput\"\n type=\"text\"\n [value]=\"searchTerm\"\n adf-auto-focus\n data-automation-id=\"content-node-selector-search-input\">\n\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchTerm.length > 0\"\n data-automation-id=\"content-node-selector-search-clear\"\n class=\"adf-content-node-selector-search-clear-button\"\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-content-node-selector-content-input-icon\" adf-icon=\"clear\" />\n </button>\n\n <mat-icon\n *ngIf=\"searchTerm.length === 0\"\n matSuffix\n class=\"adf-content-node-selector-content-input-icon\"\n data-automation-id=\"content-node-selector-search-icon\"\n adf-icon=\"search\"\n />\n </mat-form-field>\n <adf-sites-dropdown\n *ngIf=\"showDropdownSiteList\"\n class=\"full-width\"\n (change)=\"siteChanged($event)\"\n [placeholder]=\"'NODE_SELECTOR.SELECT_LIBRARY'\"\n [hideMyFiles]=\"dropdownHideMyFiles\"\n [siteList]=\"dropdownSiteList\"\n [value]=\"startSiteGuid\"\n data-automation-id=\"content-node-selector-sites-combo\" />\n <button *ngIf=\"hasCustomModels()\"\n data-automation-id=\"adf-toggle-search-panel-button\"\n mat-icon-button\n (click)=\"toggleSearchPanel()\">\n <mat-icon adf-icon=\"filter_list\" />\n {{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}\n </button>\n <div class=\"adf-content-node-selector-search-panel-container\">\n <adf-search-panel *ngIf=\"searchPanelExpanded\" />\n <div class=\"adf-content-node-selector-document-list-container\">\n <adf-toolbar>\n <adf-toolbar-title>\n <ng-container *ngIf=\"!showBreadcrumbs()\">\n <h2 class=\"adf-search-results-label\">{{ 'NODE_SELECTOR.SEARCH_RESULTS' | translate }}</h2>\n </ng-container>\n <adf-dropdown-breadcrumb *ngIf=\"showBreadcrumbs()\"\n class=\"adf-content-node-selector-content-breadcrumb\"\n (navigate)=\"clearSearch()\"\n [target]=\"documentList\"\n [rootId]=\"breadcrumbRootId\"\n [transform]=\"breadcrumbTransform\"\n [folderNode]=\"breadcrumbFolderNode\"\n [root]=\"breadcrumbFolderTitle\"\n data-automation-id=\"content-node-selector-content-breadcrumb\" />\n <ng-container *ngIf=\"showNodeCounter\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n\n <div\n class=\"adf-content-node-selector-content-list\"\n [class.adf-content-node-selector-content-list-searchLayout]=\"showingSearchResults\"\n data-automation-id=\"content-node-selector-content-list\">\n <adf-document-list\n #documentList\n [adf-highlight]=\"searchTerm\"\n adf-highlight-selector=\".adf-name-location-cell-name\"\n [showHeader]=\"showHeader\"\n [node]=\"nodePaging\"\n [preselectNodes]=\"preselectedNodes\"\n [maxItems]=\"pageSize\"\n [rowFilter]=\"_rowFilter\"\n [imageResolver]=\"imageResolver\"\n [currentFolderId]=\"folderIdToShow\"\n [selectionMode]=\"selectionMode\"\n [contextMenuActions]=\"false\"\n [contentActions]=\"false\"\n [allowDropFiles]=\"false\"\n [sorting]=\"sorting\"\n sortingMode=\"server\"\n [where]=\"where\"\n (folderChange)=\"onFolderChange($event)\"\n (ready)=\"onFolderLoaded($event)\"\n (nodeSelected)=\"onCurrentSelection($event)\"\n [class.adf-content-node-selector-content-list-empty]=\"emptyList\"\n data-automation-id=\"content-node-selector-document-list\">\n\n <adf-custom-empty-content-template>\n <div aria-live=\"polite\">{{ 'NODE_SELECTOR.NO_RESULTS' | translate }}</div>\n </adf-custom-empty-content-template>\n\n <data-columns>\n <data-column key=\"$thumbnail\" type=\"image\" />\n <data-column key=\"name\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.NAME\" class=\"adf-full-width adf-ellipsis-cell\">\n <ng-template let-context>\n <adf-name-location-cell [row]=\"context.row\" />\n </ng-template>\n </data-column>\n <data-column key=\"modifiedAt\" type=\"date\" title=\"ADF-DOCUMENT-LIST.LAYOUT.MODIFIED_ON\" format=\"timeAgo\" class=\"adf-content-selector-modified-cell\" />\n <data-column key=\"createdByUser.displayName\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.CREATED_BY\" class=\"adf-content-selector-modifier-cell\" />\n <data-column key=\"visibility\" type=\"text\" title=\"ADF-DOCUMENT-LIST.LAYOUT.STATUS\" class=\"adf-content-selector-visibility-cell\" />\n </data-columns>\n\n </adf-document-list>\n\n <adf-infinite-pagination\n [target]=\"target\"\n [loading]=\"loadingSearchResults\"\n (loadMore)=\"getNextPageOfSearch($event)\"\n data-automation-id=\"content-node-selector-search-pagination\">\n {{ 'ADF-DOCUMENT-LIST.LAYOUT.LOAD_MORE' | translate }}\n </adf-infinite-pagination>\n </div>\n </div>\n </div>\n</div>\n", styles: ["h2.adf-search-results-label{flex:1;font-weight:600;font-size:var(--theme-body-1-font-size);font-style:normal;font-stretch:normal;line-height:1.43;letter-spacing:-.2px;color:var(--adf-theme-foreground-text-color-087)}.mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--theme-body-1-font-size);height:auto}.adf-content-node-selector-search-panel-container{display:flex}.adf-content-node-selector-document-list-container{margin-top:16px;width:100%}.adf-content-node-selector-content{padding-top:0}.adf-content-node-selector-content .mat-mdc-input-element:focus::placeholder{color:var(--theme-primary-color)}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-content-node-selector-content .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-bottom:0}.adf-content-node-selector-content .adf-sites-dropdown-form-field label.mat-mdc-floating-label{top:32px}.adf-content-node-selector-content .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-content-node-selector-content-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--adf-theme-foreground-icon-color-054);padding:0 0 8px;width:1em;height:1em;font-size:20px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button{padding:0;width:20px;height:28px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button:focus{outline-offset:-1.5px}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon){cursor:pointer}.adf-content-node-selector-content-input .adf-content-node-selector-search-clear-button .adf-content-node-selector-content-input-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-content-node-selector-content-input .mat-mdc-form-field-subscript-wrapper{display:none}.adf-content-node-selector-content .adf-site-dropdown-container{display:block}.adf-content-node-selector-content .adf-site-dropdown-container .adf-sites-dropdown-form-field{width:100%}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger{outline:none}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger .adf-dropdown-breadcrumb-icon:hover{color:var(--adf-theme-foreground-base-color-065)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--theme-primary-color)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007);border-top:0;position:relative}.adf-content-node-selector-content-list-empty+adf-infinite-pagination,.adf-content-node-selector-list-empty+adf-infinite-pagination{position:absolute;bottom:0;width:100%}.adf-content-node-selector-content-list .adf-highlight,.adf-content-node-selector-list .adf-highlight{color:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list,.adf-content-node-selector-list .adf-datatable-list{border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-name-location-cell-location,.adf-content-node-selector-list .adf-datatable-list .adf-name-location-cell-location{display:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected{height:100%;width:100%}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-selected>svg,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-selected>svg{fill:var(--theme-primary-color)}.adf-content-node-selector-content-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell--image,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell--image{min-width:35px;width:35px;max-width:40px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell:nth-child(2),.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell:nth-child(2){flex:1 0 95px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell .adf-no-content-container.adf-datatable-cell{text-align:center;border:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell{flex:0 1 auto;min-width:1px}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-cell.adf-content-selector-visibility-cell .adf-datatable-cell-value{padding:0}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:40px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:first-child .adf-datatable-cell{border-top:none}.adf-content-node-selector-content-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell,.adf-content-node-selector-list .adf-datatable-list .adf-datatable-body .adf-datatable-row:last-child .adf-datatable-cell{border-bottom:none}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{min-height:65px}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row{padding-top:15px}}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row .adf-name-location-cell-name{padding:5px 10px 2px}.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modified-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-modifier-cell,.adf-content-node-selector-content-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell,.adf-content-node-selector-list-searchLayout .adf-datatable-list .adf-datatable-body .adf-datatable-row.adf-content-selector-visibility-cell{display:none}\n"] }]
|
|
12190
12190
|
}], ctorParameters: () => [{ type: CustomResourcesService }, { type: SearchQueryBuilderService }, { type: i2.UserPreferencesService }, { type: NodesApiService }, { type: UploadService }, { type: SitesService }, { type: ContentNodeSelectorPanelService }], propDecorators: { restrictRootToCurrentFolderId: [{
|
|
12191
12191
|
type: Input
|
|
12192
12192
|
}], currentFolderId: [{
|
|
@@ -12368,11 +12368,11 @@ class UploadButtonComponent extends UploadBase {
|
|
|
12368
12368
|
return this.contentService.hasAllowableOperations(node, permission);
|
|
12369
12369
|
}
|
|
12370
12370
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
12371
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: UploadButtonComponent, isStandalone: true, selector: "adf-upload-button", inputs: { uploadFolders: "uploadFolders", multipleFiles: "multipleFiles", staticTitle: "staticTitle", tooltip: "tooltip", file: "file" }, outputs: { permissionEvent: "permissionEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\"
|
|
12371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: UploadButtonComponent, isStandalone: true, selector: "adf-upload-button", inputs: { uploadFolders: "uploadFolders", multipleFiles: "multipleFiles", staticTitle: "staticTitle", tooltip: "tooltip", file: "file" }, outputs: { permissionEvent: "permissionEvent" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-single-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-single-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n\n <!--Multiple Files Upload-->\n <ng-container *ngIf=\"multipleFiles\">\n <input\n id=\"upload-multiple-files\"\n data-automation-id=\"upload-multiple-files\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"/>\n <label for=\"upload-multiple-files\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-multiple-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-multiple-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n </div>\n\n <!--Folders Upload-->\n <ng-container *ngIf=\"uploadFolders\">\n <input\n id=\"uploadFolder\"\n data-automation-id=\"uploadFolder\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n webkitdirectory directory\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onDirectoryAdded($event)\"/>\n <label for=\"uploadFolder\" data-automation-id=\"uploadFolder\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"uploadFolder-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</span>\n <span id=\"uploadFolder-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n</form>\n", styles: [".adf-upload-button-file-container .adf-upload-button-icon{margin:0;font-size:24px;width:24px;height:24px}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:4px}.adf-upload-button-label:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.adf-upload-button-file-container-upload-single-file[disabled]+.adf-upload-button-label{background-color:var(--adf-disabled-button-background);color:var(--adf-theme-foreground-disabled-text-color);box-shadow:none;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12372
12372
|
}
|
|
12373
12373
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadButtonComponent, decorators: [{
|
|
12374
12374
|
type: Component,
|
|
12375
|
-
args: [{ selector: 'adf-upload-button', imports: [CommonModule, MatButtonModule, TranslatePipe,
|
|
12375
|
+
args: [{ selector: 'adf-upload-button', imports: [CommonModule, MatButtonModule, TranslatePipe, IconModule], encapsulation: ViewEncapsulation.None, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-single-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-single-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n\n <!--Multiple Files Upload-->\n <ng-container *ngIf=\"multipleFiles\">\n <input\n id=\"upload-multiple-files\"\n data-automation-id=\"upload-multiple-files\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"/>\n <label for=\"upload-multiple-files\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-multiple-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-multiple-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n </div>\n\n <!--Folders Upload-->\n <ng-container *ngIf=\"uploadFolders\">\n <input\n id=\"uploadFolder\"\n data-automation-id=\"uploadFolder\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n webkitdirectory directory\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onDirectoryAdded($event)\"/>\n <label for=\"uploadFolder\" data-automation-id=\"uploadFolder\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"uploadFolder-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</span>\n <span id=\"uploadFolder-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n</form>\n", styles: [".adf-upload-button-file-container .adf-upload-button-icon{margin:0;font-size:24px;width:24px;height:24px}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:4px}.adf-upload-button-label:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.adf-upload-button-file-container-upload-single-file[disabled]+.adf-upload-button-label{background-color:var(--adf-disabled-button-background);color:var(--adf-theme-foreground-disabled-text-color);box-shadow:none;cursor:default}\n"] }]
|
|
12376
12376
|
}], propDecorators: { uploadFolders: [{
|
|
12377
12377
|
type: Input
|
|
12378
12378
|
}], multipleFiles: [{
|
|
@@ -12535,8 +12535,8 @@ class ContentNodeSelectorComponent {
|
|
|
12535
12535
|
hasUploadError() {
|
|
12536
12536
|
return this.showingSearch || this.hasNoPermissionToUpload();
|
|
12537
12537
|
}
|
|
12538
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentNodeSelectorComponent, deps: [{ token: i2.TranslationService }, { token: ContentService }, { token: i2.NotificationService }, { token: UploadService }, { token: i1.MatDialogRef }, { token: i5$
|
|
12539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentNodeSelectorComponent, isStandalone: true, selector: "adf-content-node-selector", ngImport: i0, template: "<h1 mat-dialog-title class=\"adf-content-node-selector-dialog-title\" data-automation-id=\"content-node-selector-title\">{{title}}</h1>\n<ng-container *ngIf=\"canPerformLocalUpload(); else contentNodePanel\">\n <mat-tab-group class=\"adf-content-node-selector-dialog-content\"\n mat-align-tabs=\"start\"\n (selectedIndexChange)=\"onTabSelectionChange($event)\">\n <mat-tab label=\"{{ 'NODE_SELECTOR.REPOSITORY' | translate }}\">\n <ng-container *ngTemplateOutlet='contentNodePanel' />\n </mat-tab>\n <mat-tab [disabled]=\"isNotAllowedToUpload()\">\n <div class=\"adf-content-node-selector-local-upload-container\">\n <div class=\"adf-content-node-selector-local-upload-header\">\n <adf-toolbar>\n <adf-toolbar-title>\n <adf-dropdown-breadcrumb\n class=\"adf-content-node-selector-content-breadcrumb\"\n [folderNode]=\"breadcrumbFolderNode\"\n [rootId]=\"data?.currentFolderId\"\n [readOnly]=\"true\"\n data-automation-id=\"content-node-selector-upload-breadcrumb\"\n />\n <ng-container *ngIf=\"isCounterVisible()\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n <ng-template mat-tab-label>\n {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}\n <mat-icon *ngIf=\"hasUploadError()\"\n data-automation-id=\"adf-content-node-selector-disabled-tab-info-icon\"\n title=\"{{ getWarningMessage() | translate }}\">info\n </mat-icon>\n </ng-template>\n </div>\n <div class=\"adf-content-node-selector-local-upload-content\">\n <adf-upload-drag-area [rootFolderId]=\"currentDirectoryId\">\n <div [class.adf-upload-dialog-container]=\"uploadStarted\">\n <adf-file-uploading-dialog [alwaysVisible]=\"true\" />\n </div>\n <adf-empty-list data-automation-id=\"adf-empty-list\" *ngIf=\"!uploadStarted\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\"\n [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n </adf-upload-drag-area>\n </div>\n </div>\n </mat-tab>\n </mat-tab-group>\n</ng-container>\n\n<ng-template #contentNodePanel>\n <adf-content-node-selector-panel\n [currentFolderId]=\"data?.currentFolderId\"\n [restrictRootToCurrentFolderId]=\"data?.restrictRootToCurrentFolderId\"\n [dropdownHideMyFiles]=\"data?.dropdownHideMyFiles\"\n [dropdownSiteList]=\"data?.dropdownSiteList\"\n [rowFilter]=\"data?.rowFilter\"\n [imageResolver]=\"data?.imageResolver\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [breadcrumbTransform]=\"data?.breadcrumbTransform\"\n [excludeSiteContent]=\"data?.excludeSiteContent\"\n [selectionMode]=\"data?.selectionMode\"\n [where]=\"data?.where\"\n [showSearch]=\"data?.showSearch\"\n [showDropdownSiteList]=\"data?.showDropdownSiteList\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n [showNodeCounter]=\"isCounterVisible()\"\n (currentFolder)=\"onCurrentFolder($event)\"\n (folderLoaded)=\"onFolderLoaded()\"\n (select)=\"onSelect($event)\"\n (showingSearch)=\"onShowingSearch($event)\"\n (siteChange)=\"onSiteChange($event)\"\n (navigationChange)=\"onNavigationChange($event)\" />\n</ng-template>\n\n\n<mat-dialog-actions class=\"adf-content-node-selector-dialog-actions\">\n <div>\n <ng-container *ngIf=\"isUploadEnabled()\">\n <adf-upload-button\n [staticTitle]=\"'FORM.FIELD.UPLOAD' | translate \"\n [multipleFiles]=\"isMultipleSelection()\"\n [rootFolderId]=\"currentDirectoryId\"\n [disabled]=\"isNotAllowedToUpload()\"\n (error)=\"onError($event)\" />\n </ng-container>\n </div>\n <div>\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"content-node-selector-actions-cancel\">{{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n\n <button mat-button\n [disabled]=\"isChooseButtonDisabled()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"content-node-selector-actions-choose\">{{ buttonActionName | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-content-node-selector .adf-upload-dialog{box-shadow:none;height:100%;width:100%;position:unset;bottom:unset}adf-content-node-selector .adf-upload-dialog__content{max-height:64%}adf-content-node-selector .adf-upload-dialog-container{height:380px}adf-content-node-selector .adf-toolbar-title{place-items:center}adf-content-node-selector .adf-content-node-selector-local-upload-content{height:50vh}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-drag-drop{min-height:46px;font-size:40px}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-image{height:100px;width:460px}.adf-content-node-selector-dialog .mat-mdc-form-field{width:100%}.adf-content-node-selector-dialog .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-dialog .mdc-dialog__title{margin-bottom:0;padding:0}.adf-content-node-selector-dialog .mdc-dialog__title:before{display:none}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title{font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087);margin-bottom:20px}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title h2{margin:unset;font-size:unset}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions{padding:8px;height:77px;background-color:var(--theme-background-color);display:flex;flex-direction:row;justify-content:space-between;color:var(--adf-theme-foreground-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions label{text-transform:uppercase;font-weight:400}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}@media screen and (width <= 768px){.adf-content-node-selector-dialog{height:100vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i7$2.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i7$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$2.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: DropdownBreadcrumbComponent, selector: "adf-dropdown-breadcrumb" }, { kind: "directive", type: NodeCounterDirective, selector: "[adf-node-counter]", inputs: ["adf-node-counter"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: UploadDragAreaComponent, selector: "adf-upload-drag-area" }, { kind: "component", type: FileUploadingDialogComponent, selector: "adf-file-uploading-dialog", inputs: ["position", "alwaysVisible"], outputs: ["error"] }, { kind: "component", type: EmptyListComponent, selector: "adf-empty-list" }, { kind: "component", type: ContentNodeSelectorPanelComponent, selector: "adf-content-node-selector-panel", inputs: ["restrictRootToCurrentFolderId", "currentFolderId", "dropdownHideMyFiles", "dropdownSiteList", "where", "rowFilter", "excludeSiteContent", "imageResolver", "pageSize", "selectionMode", "isSelectionValid", "breadcrumbTransform", "showSearch", "showDropdownSiteList", "showFilesInResult", "showNodeCounter"], outputs: ["select", "navigationChange", "siteChange", "showingSearch", "currentFolder", "folderLoaded"] }, { kind: "component", type: UploadButtonComponent, selector: "adf-upload-button", inputs: ["uploadFolders", "multipleFiles", "staticTitle", "tooltip", "file"], outputs: ["permissionEvent"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12538
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentNodeSelectorComponent, deps: [{ token: i2.TranslationService }, { token: ContentService }, { token: i2.NotificationService }, { token: UploadService }, { token: i1.MatDialogRef }, { token: i5$3.OverlayContainer }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentNodeSelectorComponent, isStandalone: true, selector: "adf-content-node-selector", ngImport: i0, template: "<h1 mat-dialog-title class=\"adf-content-node-selector-dialog-title\" data-automation-id=\"content-node-selector-title\">{{title}}</h1>\n<ng-container *ngIf=\"canPerformLocalUpload(); else contentNodePanel\">\n <mat-tab-group class=\"adf-content-node-selector-dialog-content\"\n mat-align-tabs=\"start\"\n (selectedIndexChange)=\"onTabSelectionChange($event)\">\n <mat-tab label=\"{{ 'NODE_SELECTOR.REPOSITORY' | translate }}\">\n <ng-container *ngTemplateOutlet='contentNodePanel' />\n </mat-tab>\n <mat-tab [disabled]=\"isNotAllowedToUpload()\">\n <div class=\"adf-content-node-selector-local-upload-container\">\n <div class=\"adf-content-node-selector-local-upload-header\">\n <adf-toolbar>\n <adf-toolbar-title>\n <adf-dropdown-breadcrumb\n class=\"adf-content-node-selector-content-breadcrumb\"\n [folderNode]=\"breadcrumbFolderNode\"\n [rootId]=\"data?.currentFolderId\"\n [readOnly]=\"true\"\n data-automation-id=\"content-node-selector-upload-breadcrumb\"\n />\n <ng-container *ngIf=\"isCounterVisible()\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n <ng-template mat-tab-label>\n {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}\n <mat-icon *ngIf=\"hasUploadError()\" data-automation-id=\"adf-content-node-selector-disabled-tab-info-icon\" title=\"{{ getWarningMessage() | translate }}\" adf-icon=\"info\" />\n </ng-template>\n </div>\n <div class=\"adf-content-node-selector-local-upload-content\">\n <adf-upload-drag-area [rootFolderId]=\"currentDirectoryId\">\n <div [class.adf-upload-dialog-container]=\"uploadStarted\">\n <adf-file-uploading-dialog [alwaysVisible]=\"true\" />\n </div>\n <adf-empty-list data-automation-id=\"adf-empty-list\" *ngIf=\"!uploadStarted\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\"\n [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n </adf-upload-drag-area>\n </div>\n </div>\n </mat-tab>\n </mat-tab-group>\n</ng-container>\n\n<ng-template #contentNodePanel>\n <adf-content-node-selector-panel\n [currentFolderId]=\"data?.currentFolderId\"\n [restrictRootToCurrentFolderId]=\"data?.restrictRootToCurrentFolderId\"\n [dropdownHideMyFiles]=\"data?.dropdownHideMyFiles\"\n [dropdownSiteList]=\"data?.dropdownSiteList\"\n [rowFilter]=\"data?.rowFilter\"\n [imageResolver]=\"data?.imageResolver\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [breadcrumbTransform]=\"data?.breadcrumbTransform\"\n [excludeSiteContent]=\"data?.excludeSiteContent\"\n [selectionMode]=\"data?.selectionMode\"\n [where]=\"data?.where\"\n [showSearch]=\"data?.showSearch\"\n [showDropdownSiteList]=\"data?.showDropdownSiteList\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n [showNodeCounter]=\"isCounterVisible()\"\n (currentFolder)=\"onCurrentFolder($event)\"\n (folderLoaded)=\"onFolderLoaded()\"\n (select)=\"onSelect($event)\"\n (showingSearch)=\"onShowingSearch($event)\"\n (siteChange)=\"onSiteChange($event)\"\n (navigationChange)=\"onNavigationChange($event)\" />\n</ng-template>\n\n\n<mat-dialog-actions class=\"adf-content-node-selector-dialog-actions\">\n <div>\n <ng-container *ngIf=\"isUploadEnabled()\">\n <adf-upload-button\n [staticTitle]=\"'FORM.FIELD.UPLOAD' | translate \"\n [multipleFiles]=\"isMultipleSelection()\"\n [rootFolderId]=\"currentDirectoryId\"\n [disabled]=\"isNotAllowedToUpload()\"\n (error)=\"onError($event)\" />\n </ng-container>\n </div>\n <div>\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"content-node-selector-actions-cancel\">{{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n\n <button mat-button\n [disabled]=\"isChooseButtonDisabled()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"content-node-selector-actions-choose\">{{ buttonActionName | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-content-node-selector .adf-upload-dialog{box-shadow:none;height:100%;width:100%;position:unset;bottom:unset}adf-content-node-selector .adf-upload-dialog__content{max-height:64%}adf-content-node-selector .adf-upload-dialog-container{height:380px}adf-content-node-selector .adf-toolbar-title{place-items:center}adf-content-node-selector .adf-content-node-selector-local-upload-content{height:50vh}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-drag-drop{min-height:46px;font-size:40px}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-image{height:100px;width:460px}.adf-content-node-selector-dialog .mat-mdc-form-field{width:100%}.adf-content-node-selector-dialog .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-dialog .mdc-dialog__title{margin-bottom:0;padding:0}.adf-content-node-selector-dialog .mdc-dialog__title:before{display:none}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title{font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087);margin-bottom:20px}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title h2{margin:unset;font-size:unset}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions{padding:8px;height:77px;background-color:var(--theme-background-color);display:flex;flex-direction:row;justify-content:space-between;color:var(--adf-theme-foreground-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions label{text-transform:uppercase;font-weight:400}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}@media screen and (width <= 768px){.adf-content-node-selector-dialog{height:100vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i7$2.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i7$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$2.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: ToolbarTitleComponent, selector: "adf-toolbar-title" }, { kind: "component", type: ToolbarComponent, selector: "adf-toolbar", inputs: ["title", "color"] }, { kind: "component", type: DropdownBreadcrumbComponent, selector: "adf-dropdown-breadcrumb" }, { kind: "directive", type: NodeCounterDirective, selector: "[adf-node-counter]", inputs: ["adf-node-counter"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: UploadDragAreaComponent, selector: "adf-upload-drag-area" }, { kind: "component", type: FileUploadingDialogComponent, selector: "adf-file-uploading-dialog", inputs: ["position", "alwaysVisible"], outputs: ["error"] }, { kind: "component", type: EmptyListComponent, selector: "adf-empty-list" }, { kind: "component", type: ContentNodeSelectorPanelComponent, selector: "adf-content-node-selector-panel", inputs: ["restrictRootToCurrentFolderId", "currentFolderId", "dropdownHideMyFiles", "dropdownSiteList", "where", "rowFilter", "excludeSiteContent", "imageResolver", "pageSize", "selectionMode", "isSelectionValid", "breadcrumbTransform", "showSearch", "showDropdownSiteList", "showFilesInResult", "showNodeCounter"], outputs: ["select", "navigationChange", "siteChange", "showingSearch", "currentFolder", "folderLoaded"] }, { kind: "component", type: UploadButtonComponent, selector: "adf-upload-button", inputs: ["uploadFolders", "multipleFiles", "staticTitle", "tooltip", "file"], outputs: ["permissionEvent"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12540
12540
|
}
|
|
12541
12541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentNodeSelectorComponent, decorators: [{
|
|
12542
12542
|
type: Component,
|
|
@@ -12549,15 +12549,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
12549
12549
|
ToolbarComponent,
|
|
12550
12550
|
DropdownBreadcrumbComponent,
|
|
12551
12551
|
NodeCounterDirective,
|
|
12552
|
-
|
|
12552
|
+
IconModule,
|
|
12553
12553
|
UploadDragAreaComponent,
|
|
12554
12554
|
FileUploadingDialogComponent,
|
|
12555
12555
|
EmptyListComponent,
|
|
12556
12556
|
ContentNodeSelectorPanelComponent,
|
|
12557
12557
|
UploadButtonComponent,
|
|
12558
12558
|
MatButtonModule
|
|
12559
|
-
], encapsulation: ViewEncapsulation.None, template: "<h1 mat-dialog-title class=\"adf-content-node-selector-dialog-title\" data-automation-id=\"content-node-selector-title\">{{title}}</h1>\n<ng-container *ngIf=\"canPerformLocalUpload(); else contentNodePanel\">\n <mat-tab-group class=\"adf-content-node-selector-dialog-content\"\n mat-align-tabs=\"start\"\n (selectedIndexChange)=\"onTabSelectionChange($event)\">\n <mat-tab label=\"{{ 'NODE_SELECTOR.REPOSITORY' | translate }}\">\n <ng-container *ngTemplateOutlet='contentNodePanel' />\n </mat-tab>\n <mat-tab [disabled]=\"isNotAllowedToUpload()\">\n <div class=\"adf-content-node-selector-local-upload-container\">\n <div class=\"adf-content-node-selector-local-upload-header\">\n <adf-toolbar>\n <adf-toolbar-title>\n <adf-dropdown-breadcrumb\n class=\"adf-content-node-selector-content-breadcrumb\"\n [folderNode]=\"breadcrumbFolderNode\"\n [rootId]=\"data?.currentFolderId\"\n [readOnly]=\"true\"\n data-automation-id=\"content-node-selector-upload-breadcrumb\"\n />\n <ng-container *ngIf=\"isCounterVisible()\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n <ng-template mat-tab-label>\n {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}\n <mat-icon *ngIf=\"hasUploadError()\"
|
|
12560
|
-
}], ctorParameters: () => [{ type: i2.TranslationService }, { type: ContentService }, { type: i2.NotificationService }, { type: UploadService }, { type: i1.MatDialogRef }, { type: i5$
|
|
12559
|
+
], encapsulation: ViewEncapsulation.None, template: "<h1 mat-dialog-title class=\"adf-content-node-selector-dialog-title\" data-automation-id=\"content-node-selector-title\">{{title}}</h1>\n<ng-container *ngIf=\"canPerformLocalUpload(); else contentNodePanel\">\n <mat-tab-group class=\"adf-content-node-selector-dialog-content\"\n mat-align-tabs=\"start\"\n (selectedIndexChange)=\"onTabSelectionChange($event)\">\n <mat-tab label=\"{{ 'NODE_SELECTOR.REPOSITORY' | translate }}\">\n <ng-container *ngTemplateOutlet='contentNodePanel' />\n </mat-tab>\n <mat-tab [disabled]=\"isNotAllowedToUpload()\">\n <div class=\"adf-content-node-selector-local-upload-container\">\n <div class=\"adf-content-node-selector-local-upload-header\">\n <adf-toolbar>\n <adf-toolbar-title>\n <adf-dropdown-breadcrumb\n class=\"adf-content-node-selector-content-breadcrumb\"\n [folderNode]=\"breadcrumbFolderNode\"\n [rootId]=\"data?.currentFolderId\"\n [readOnly]=\"true\"\n data-automation-id=\"content-node-selector-upload-breadcrumb\"\n />\n <ng-container *ngIf=\"isCounterVisible()\" [adf-node-counter]=\"getSelectedCount()\" />\n </adf-toolbar-title>\n </adf-toolbar>\n <ng-template mat-tab-label>\n {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}\n <mat-icon *ngIf=\"hasUploadError()\" data-automation-id=\"adf-content-node-selector-disabled-tab-info-icon\" title=\"{{ getWarningMessage() | translate }}\" adf-icon=\"info\" />\n </ng-template>\n </div>\n <div class=\"adf-content-node-selector-local-upload-content\">\n <adf-upload-drag-area [rootFolderId]=\"currentDirectoryId\">\n <div [class.adf-upload-dialog-container]=\"uploadStarted\">\n <adf-file-uploading-dialog [alwaysVisible]=\"true\" />\n </div>\n <adf-empty-list data-automation-id=\"adf-empty-list\" *ngIf=\"!uploadStarted\">\n <div class=\"adf-empty-list_template adf-empty-folder\">\n <div class=\"adf-empty-folder-drag-drop\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate }}</div>\n <div class=\"adf-empty-folder-any-files-here-to-add\">{{ 'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.SUBTITLE' | translate }}</div>\n <img [alt]=\"'ADF-DATATABLE.EMPTY.DRAG-AND-DROP.TITLE' | translate\" class=\"adf-empty-folder-image\"\n [src]=\"emptyFolderImageUrl\">\n </div>\n </adf-empty-list>\n </adf-upload-drag-area>\n </div>\n </div>\n </mat-tab>\n </mat-tab-group>\n</ng-container>\n\n<ng-template #contentNodePanel>\n <adf-content-node-selector-panel\n [currentFolderId]=\"data?.currentFolderId\"\n [restrictRootToCurrentFolderId]=\"data?.restrictRootToCurrentFolderId\"\n [dropdownHideMyFiles]=\"data?.dropdownHideMyFiles\"\n [dropdownSiteList]=\"data?.dropdownSiteList\"\n [rowFilter]=\"data?.rowFilter\"\n [imageResolver]=\"data?.imageResolver\"\n [isSelectionValid]=\"data?.isSelectionValid\"\n [breadcrumbTransform]=\"data?.breadcrumbTransform\"\n [excludeSiteContent]=\"data?.excludeSiteContent\"\n [selectionMode]=\"data?.selectionMode\"\n [where]=\"data?.where\"\n [showSearch]=\"data?.showSearch\"\n [showDropdownSiteList]=\"data?.showDropdownSiteList\"\n [showFilesInResult]=\"data?.showFilesInResult\"\n [showNodeCounter]=\"isCounterVisible()\"\n (currentFolder)=\"onCurrentFolder($event)\"\n (folderLoaded)=\"onFolderLoaded()\"\n (select)=\"onSelect($event)\"\n (showingSearch)=\"onShowingSearch($event)\"\n (siteChange)=\"onSiteChange($event)\"\n (navigationChange)=\"onNavigationChange($event)\" />\n</ng-template>\n\n\n<mat-dialog-actions class=\"adf-content-node-selector-dialog-actions\">\n <div>\n <ng-container *ngIf=\"isUploadEnabled()\">\n <adf-upload-button\n [staticTitle]=\"'FORM.FIELD.UPLOAD' | translate \"\n [multipleFiles]=\"isMultipleSelection()\"\n [rootFolderId]=\"currentDirectoryId\"\n [disabled]=\"isNotAllowedToUpload()\"\n (error)=\"onError($event)\" />\n </ng-container>\n </div>\n <div>\n <button\n mat-button\n (click)=\"close()\"\n data-automation-id=\"content-node-selector-actions-cancel\">{{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n\n <button mat-button\n [disabled]=\"isChooseButtonDisabled()\"\n class=\"adf-choose-action\"\n (click)=\"onClick()\"\n data-automation-id=\"content-node-selector-actions-choose\">{{ buttonActionName | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-content-node-selector .adf-upload-dialog{box-shadow:none;height:100%;width:100%;position:unset;bottom:unset}adf-content-node-selector .adf-upload-dialog__content{max-height:64%}adf-content-node-selector .adf-upload-dialog-container{height:380px}adf-content-node-selector .adf-toolbar-title{place-items:center}adf-content-node-selector .adf-content-node-selector-local-upload-content{height:50vh}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-drag-drop{min-height:46px;font-size:40px}adf-content-node-selector .adf-content-node-selector-local-upload-content adf-upload-drag-area adf-empty-list .adf-empty-folder-image{height:100px;width:460px}.adf-content-node-selector-dialog .mat-mdc-form-field{width:100%}.adf-content-node-selector-dialog .adf-dropdown-breadcrumb-icon{color:var(--adf-theme-foreground-base-color-045)}.adf-content-node-selector-dialog .mdc-dialog__title{margin-bottom:0;padding:0}.adf-content-node-selector-dialog .mdc-dialog__title:before{display:none}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title{font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087);margin-bottom:20px}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-title h2{margin:unset;font-size:unset}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions{padding:8px;height:77px;background-color:var(--theme-background-color);display:flex;flex-direction:row;justify-content:space-between;color:var(--adf-theme-foreground-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions label{text-transform:uppercase;font-weight:400}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}@media screen and (width <= 768px){.adf-content-node-selector-dialog{height:100vh}}\n"] }]
|
|
12560
|
+
}], ctorParameters: () => [{ type: i2.TranslationService }, { type: ContentService }, { type: i2.NotificationService }, { type: UploadService }, { type: i1.MatDialogRef }, { type: i5$3.OverlayContainer }, { type: undefined, decorators: [{
|
|
12561
12561
|
type: Inject,
|
|
12562
12562
|
args: [MAT_DIALOG_DATA]
|
|
12563
12563
|
}] }] });
|
|
@@ -12632,7 +12632,7 @@ class NodeLockDialogComponent {
|
|
|
12632
12632
|
.catch((error) => this.data.onError(error));
|
|
12633
12633
|
}
|
|
12634
12634
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NodeLockDialogComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i1.MatDialogRef }, { token: AlfrescoApiService }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: NodeLockDialogComponent, isStandalone: true, selector: "adf-node-lock", ngImport: i0, template: "<h2 mat-dialog-title>\n {{ 'CORE.FILE_DIALOG.FILE_LOCK' | translate }}\n</h2>\n\n<mat-dialog-content>\n <br />\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-checkbox data-automation-id=\"adf-lock-node-checkbox\" class=\"adf-lock-file-name\" [title]=\"nodeName\" [formControlName]=\"'isLocked'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.FILE_LOCK_CHECKBOX' | translate }} <strong>\"{{ nodeName }}\"</strong>\n </mat-checkbox>\n\n <br />\n\n <div *ngIf=\"form.value?.isLocked\">\n <mat-checkbox class=\"adf-lock-file-name\" [formControlName]=\"'allowOwner'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.ALLOW_OTHERS_CHECKBOX' | translate }}\n </mat-checkbox>\n\n <br />\n\n <mat-checkbox class=\"adf-lock-file-name\" [formControlName]=\"'isTimeLock'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.TIME_LOCK_CHECKBOX' | translate }}\n </mat-checkbox>\n\n <br />\n\n <mat-form-field *ngIf=\"form.value?.isTimeLock\">\n <mat-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix />\n <mat-datetimepicker #datetimePicker type=\"datetime\" [openOnFocus]=\"true\" [timeInterval]=\"1\" />\n <input matInput [formControlName]=\"'time'\" [matDatetimepicker]=\"datetimePicker\" required autocomplete=\"false\">\n </mat-form-field>\n </div>\n </form>\n <br />\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=\"lock-dialog-btn-cancel\">\n {{ 'CORE.FILE_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\" mat-button (click)=\"submit()\">\n {{ 'CORE.FILE_DIALOG.SAVE_BUTTON.LABEL' | translate }}\n </button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type:
|
|
12635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: NodeLockDialogComponent, isStandalone: true, selector: "adf-node-lock", ngImport: i0, template: "<h2 mat-dialog-title>\n {{ 'CORE.FILE_DIALOG.FILE_LOCK' | translate }}\n</h2>\n\n<mat-dialog-content>\n <br />\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-checkbox data-automation-id=\"adf-lock-node-checkbox\" class=\"adf-lock-file-name\" [title]=\"nodeName\" [formControlName]=\"'isLocked'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.FILE_LOCK_CHECKBOX' | translate }} <strong>\"{{ nodeName }}\"</strong>\n </mat-checkbox>\n\n <br />\n\n <div *ngIf=\"form.value?.isLocked\">\n <mat-checkbox class=\"adf-lock-file-name\" [formControlName]=\"'allowOwner'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.ALLOW_OTHERS_CHECKBOX' | translate }}\n </mat-checkbox>\n\n <br />\n\n <mat-checkbox class=\"adf-lock-file-name\" [formControlName]=\"'isTimeLock'\" ngDefaultControl>\n {{ 'CORE.FILE_DIALOG.TIME_LOCK_CHECKBOX' | translate }}\n </mat-checkbox>\n\n <br />\n\n <mat-form-field *ngIf=\"form.value?.isTimeLock\">\n <mat-datetimepicker-toggle [for]=\"datetimePicker\" matSuffix />\n <mat-datetimepicker #datetimePicker type=\"datetime\" [openOnFocus]=\"true\" [timeInterval]=\"1\" />\n <input matInput [formControlName]=\"'time'\" [matDatetimepicker]=\"datetimePicker\" required autocomplete=\"false\">\n </mat-form-field>\n </div>\n </form>\n <br />\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=\"lock-dialog-btn-cancel\">\n {{ 'CORE.FILE_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\" mat-button (click)=\"submit()\">\n {{ 'CORE.FILE_DIALOG.SAVE_BUTTON.LABEL' | translate }}\n </button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$2.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: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i2$3.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: i2$3.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i2$3.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12636
12636
|
}
|
|
12637
12637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NodeLockDialogComponent, decorators: [{
|
|
12638
12638
|
type: Component,
|
|
@@ -14047,11 +14047,11 @@ class TagActionsComponent {
|
|
|
14047
14047
|
this.tagService.removeTag(this.nodeId, tag);
|
|
14048
14048
|
}
|
|
14049
14049
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagActionsComponent, deps: [{ token: TagService }, { token: i2.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14050
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagActionsComponent, isStandalone: true, selector: "adf-tag-node-actions-list", inputs: { nodeId: "nodeId" }, outputs: { successAdd: "successAdd", error: "error", result: "result" }, host: { classAttribute: "adf-tag-node-actions-list" }, usesOnChanges: true, ngImport: i0, template: "<mat-list>\n <mat-list-item *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <div\n class=\"adf-tag-actions-container\"\n id=\"tag_delete_{{ currentEntry.entry.tag }}\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"removeTag(currentEntry.entry.id)\"\n (click)=\"removeTag(currentEntry.entry.id)\"\n >\n <div class=\"adf-tag-actions-delete-text\" id=\"tag_name_{{ currentEntry.entry.tag }}\">{{ currentEntry.entry.tag }}</div>\n <mat-icon class=\"adf-tag-actions-delete-icon\"
|
|
14050
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagActionsComponent, isStandalone: true, selector: "adf-tag-node-actions-list", inputs: { nodeId: "nodeId" }, outputs: { successAdd: "successAdd", error: "error", result: "result" }, host: { classAttribute: "adf-tag-node-actions-list" }, usesOnChanges: true, ngImport: i0, template: "<mat-list>\n <mat-list-item *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <div\n class=\"adf-tag-actions-container\"\n id=\"tag_delete_{{ currentEntry.entry.tag }}\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"removeTag(currentEntry.entry.id)\"\n (click)=\"removeTag(currentEntry.entry.id)\"\n >\n <div class=\"adf-tag-actions-delete-text\" id=\"tag_name_{{ currentEntry.entry.tag }}\">{{ currentEntry.entry.tag }}</div>\n <mat-icon class=\"adf-tag-actions-delete-icon\" adf-icon=\"delete\" />\n </div>\n </mat-list-item>\n</mat-list>\n<table class=\"adf-full-width\" cellspacing=\"0\">\n <tr>\n <td>\n <mat-form-field class=\"adf-full-width\">\n <input\n id=\"new-tag-text\"\n matInput\n placeholder=\"{{ 'TAG.LABEL.NEWTAG' | translate }}\"\n type=\"text\"\n (keypress)=\"cleanErrorMsg()\"\n [(ngModel)]=\"newTagName\"\n />\n <mat-hint data-automation-id=\"errorMessage\" *ngIf=\"error\" [ngStyle]=\"{ color: 'red' }\" align=\"start\">{{ errorMsg }} </mat-hint>\n </mat-form-field>\n </td>\n <td>\n <button id=\"add-tag\" class=\"adf-full-width\" color=\"primary\" (click)=\"addTag()\" [disabled]=\"disableAddTag\" mat-raised-button>\n {{ 'TAG.BUTTON.ADD' | translate }}\n </button>\n </td>\n </tr>\n</table>\n", styles: [".adf-tag-node-actions-list .adf-full-width{width:100%}.adf-tag-node-actions-list .adf-tag-actions-delete-icon{float:right;cursor:pointer}.adf-tag-node-actions-list .adf-tag-actions-delete-text{font-size:var(--theme-subheading-2-font-size);float:left}.adf-tag-node-actions-list .adf-tag-actions-container{padding:8px 0;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14051
14051
|
}
|
|
14052
14052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagActionsComponent, decorators: [{
|
|
14053
14053
|
type: Component,
|
|
14054
|
-
args: [{ selector: 'adf-tag-node-actions-list', imports: [CommonModule, MatListModule,
|
|
14054
|
+
args: [{ selector: 'adf-tag-node-actions-list', imports: [CommonModule, MatListModule, IconModule, MatFormFieldModule, MatInputModule, TranslatePipe, FormsModule, MatButtonModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-tag-node-actions-list' }, template: "<mat-list>\n <mat-list-item *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <div\n class=\"adf-tag-actions-container\"\n id=\"tag_delete_{{ currentEntry.entry.tag }}\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"removeTag(currentEntry.entry.id)\"\n (click)=\"removeTag(currentEntry.entry.id)\"\n >\n <div class=\"adf-tag-actions-delete-text\" id=\"tag_name_{{ currentEntry.entry.tag }}\">{{ currentEntry.entry.tag }}</div>\n <mat-icon class=\"adf-tag-actions-delete-icon\" adf-icon=\"delete\" />\n </div>\n </mat-list-item>\n</mat-list>\n<table class=\"adf-full-width\" cellspacing=\"0\">\n <tr>\n <td>\n <mat-form-field class=\"adf-full-width\">\n <input\n id=\"new-tag-text\"\n matInput\n placeholder=\"{{ 'TAG.LABEL.NEWTAG' | translate }}\"\n type=\"text\"\n (keypress)=\"cleanErrorMsg()\"\n [(ngModel)]=\"newTagName\"\n />\n <mat-hint data-automation-id=\"errorMessage\" *ngIf=\"error\" [ngStyle]=\"{ color: 'red' }\" align=\"start\">{{ errorMsg }} </mat-hint>\n </mat-form-field>\n </td>\n <td>\n <button id=\"add-tag\" class=\"adf-full-width\" color=\"primary\" (click)=\"addTag()\" [disabled]=\"disableAddTag\" mat-raised-button>\n {{ 'TAG.BUTTON.ADD' | translate }}\n </button>\n </td>\n </tr>\n</table>\n", styles: [".adf-tag-node-actions-list .adf-full-width{width:100%}.adf-tag-node-actions-list .adf-tag-actions-delete-icon{float:right;cursor:pointer}.adf-tag-node-actions-list .adf-tag-actions-delete-text{font-size:var(--theme-subheading-2-font-size);float:left}.adf-tag-node-actions-list .adf-tag-actions-container{padding:8px 0;height:20px}\n"] }]
|
|
14055
14055
|
}], ctorParameters: () => [{ type: TagService }, { type: i2.TranslationService }], propDecorators: { nodeId: [{
|
|
14056
14056
|
type: Input,
|
|
14057
14057
|
args: [{ required: true }]
|
|
@@ -14139,11 +14139,11 @@ class TagListComponent {
|
|
|
14139
14139
|
}
|
|
14140
14140
|
}
|
|
14141
14141
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagListComponent, deps: [{ token: TagService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14142
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagListComponent, isStandalone: true, selector: "adf-tag-list", outputs: { result: "result" }, host: { classAttribute: "adf-tag-list" }, ngImport: i0, template: "<mat-chip-listbox class=\"adf-tag-chips-list\">\n <div class=\"adf-list-tag\" *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <mat-chip-option class=\"adf-tag-list-chip\">\n <span id=\"tag_name_{{idx}}\">{{currentEntry.entry.tag}}</span>\n </mat-chip-option>\n </div>\n</mat-chip-listbox>\n\n<div class=\"adf-tag-list-controls\">\n <button\n *ngIf=\"!isSizeMinimum\"\n [disabled]=\"isLoading\"\n data-automation-id=\"show-fewer-tags\"\n mat-icon-button\n (click)=\"loadLessTags()\">\n <mat-icon
|
|
14142
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagListComponent, isStandalone: true, selector: "adf-tag-list", outputs: { result: "result" }, host: { classAttribute: "adf-tag-list" }, ngImport: i0, template: "<mat-chip-listbox class=\"adf-tag-chips-list\">\n <div class=\"adf-list-tag\" *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <mat-chip-option class=\"adf-tag-list-chip\">\n <span id=\"tag_name_{{idx}}\">{{currentEntry.entry.tag}}</span>\n </mat-chip-option>\n </div>\n</mat-chip-listbox>\n\n<div class=\"adf-tag-list-controls\">\n <button\n *ngIf=\"!isSizeMinimum\"\n [disabled]=\"isLoading\"\n data-automation-id=\"show-fewer-tags\"\n mat-icon-button\n (click)=\"loadLessTags()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button\n *ngIf=\"pagination.hasMoreItems\"\n [disabled]=\"isLoading\"\n data-automation-id=\"show-more-tags\"\n mat-icon-button\n (click)=\"loadMoreTags()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-tag-list .adf-tag-chips-list,.adf-tag-list .adf-tag-chips-list div{display:flex;flex-direction:column}.adf-tag-list .adf-tag-chips-list .adf-list-tag{display:block;font-size:var(--theme-subheading-2-font-size)}.adf-tag-list .adf-tag-chips-list .adf-list-tag .adf-tag-list-chip{color:var(--theme-primary-color-default-contrast);background-color:var(--theme-primary-color)}.adf-tag-list .adf-tag-list-controls{margin-top:30px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i3$1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14143
14143
|
}
|
|
14144
14144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagListComponent, decorators: [{
|
|
14145
14145
|
type: Component,
|
|
14146
|
-
args: [{ selector: 'adf-tag-list', imports: [CommonModule, MatChipsModule, MatButtonModule,
|
|
14146
|
+
args: [{ selector: 'adf-tag-list', imports: [CommonModule, MatChipsModule, MatButtonModule, IconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-tag-list' }, template: "<mat-chip-listbox class=\"adf-tag-chips-list\">\n <div class=\"adf-list-tag\" *ngFor=\"let currentEntry of tagsEntries; let idx = index\">\n <mat-chip-option class=\"adf-tag-list-chip\">\n <span id=\"tag_name_{{idx}}\">{{currentEntry.entry.tag}}</span>\n </mat-chip-option>\n </div>\n</mat-chip-listbox>\n\n<div class=\"adf-tag-list-controls\">\n <button\n *ngIf=\"!isSizeMinimum\"\n [disabled]=\"isLoading\"\n data-automation-id=\"show-fewer-tags\"\n mat-icon-button\n (click)=\"loadLessTags()\">\n <mat-icon adf-icon=\"keyboard_arrow_up\" />\n </button>\n <button\n *ngIf=\"pagination.hasMoreItems\"\n [disabled]=\"isLoading\"\n data-automation-id=\"show-more-tags\"\n mat-icon-button\n (click)=\"loadMoreTags()\">\n <mat-icon adf-icon=\"keyboard_arrow_down\" />\n </button>\n</div>\n", styles: [".adf-tag-list .adf-tag-chips-list,.adf-tag-list .adf-tag-chips-list div{display:flex;flex-direction:column}.adf-tag-list .adf-tag-chips-list .adf-list-tag{display:block;font-size:var(--theme-subheading-2-font-size)}.adf-tag-list .adf-tag-chips-list .adf-list-tag .adf-tag-list-chip{color:var(--theme-primary-color-default-contrast);background-color:var(--theme-primary-color)}.adf-tag-list .adf-tag-list-controls{margin-top:30px;display:flex;justify-content:center}\n"] }]
|
|
14147
14147
|
}], ctorParameters: () => [{ type: TagService }], propDecorators: { result: [{
|
|
14148
14148
|
type: Output
|
|
14149
14149
|
}] } });
|
|
@@ -14552,7 +14552,7 @@ class TagsCreatorComponent {
|
|
|
14552
14552
|
this.tagNameControl.markAsUntouched();
|
|
14553
14553
|
}
|
|
14554
14554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagsCreatorComponent, deps: [{ token: TagService }, { token: i2.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14555
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagsCreatorComponent, isStandalone: true, selector: "adf-tags-creator", inputs: { mode: "mode", disabledTagsRemoving: "disabledTagsRemoving", tags: "tags", tagNameControlVisible: "tagNameControlVisible" }, outputs: { existingTagsPanelVisibilityChange: "existingTagsPanelVisibilityChange", tagsChange: "tagsChange" }, host: { properties: { "class.adf-creator-with-existing-tags-panel": "this.hostClass" } }, viewQueries: [{ propertyName: "tagsListElement", first: true, predicate: ["tagsList"], descendants: true }, { propertyName: "tagNameInputElement", first: true, predicate: ["tagNameInput"], descendants: true }], ngImport: i0, template: "<div class=\"adf-tags-creation\">\n <div *ngIf=\"tagNameControlVisible\" class=\"adf-tag-name-field\">\n <input\n #tagNameInput\n class=\"adf-tag-search-field\"\n matInput\n autocomplete=\"off\"\n [formControl]=\"tagNameControl\"\n (keyup.enter)=\"addTag()\"\n adf-auto-focus\n placeholder=\"{{ 'TAG.TAGS_CREATOR.TAG_SEARCH_PLACEHOLDER' | translate }}\"\n />\n <mat-error *ngIf=\"tagNameControl.invalid && tagNameControl.touched\">\n {{ tagNameErrorMessageKey | translate }}\n </mat-error>\n </div>\n <p class=\"adf-no-tags-message\" *ngIf=\"showEmptyTagMessage\">\n {{ 'TAG.TAGS_CREATOR.NO_TAGS_CREATED' | translate }}\n </p>\n <div class=\"adf-tags-list\" [class.adf-tags-list-fixed]=\"!tagNameControlVisible\" #tagsList>\n <ng-container *ngIf=\"tags?.length > 0\">\n <adf-dynamic-chip-list\n class=\"adf-tags-chips-container\"\n [chips]=\"tagsToDisplay\"\n [disableDelete]=\"disabledTagsRemoving\"\n (removedChip)=\"removeTag($event)\" />\n </ng-container>\n </div>\n</div>\n<div class=\"adf-existing-tags-panel\" *ngIf=\"existingTagsPanelVisible\">\n <span\n *ngIf=\"!spinnerVisible || existingTags\"\n class=\"adf-create-tag-label\"\n (click)=\"addTag()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"addTag()\"\n [hidden]=\"!tagNameControl.value || tagNameControl.invalid || typing\"\n >\n {{ 'TAG.TAGS_CREATOR.CREATE_TAG' | translate : { tag: tagNameControl.value } }}\n </span>\n <p *ngIf=\"!spinnerVisible && existingTags\" class=\"adf-existing-tags-label\">\n {{ (isOnlyCreateMode() ? 'TAG.TAGS_CREATOR.EXISTING_TAGS' : 'TAG.TAGS_CREATOR.EXISTING_TAGS_SELECTION') | translate }}\n </p>\n <div class=\"adf-tags-list\">\n <mat-list *ngIf=\"!spinnerVisible && existingTags\" [disabled]=\"isOnlyCreateMode()\">\n <mat-list-item *ngFor=\"let tagRow of existingTags\" class=\"adf-tag\"\n (click)=\"addExistingTagToTagsToAssign(tagRow)\">\n {{ tagRow.entry.tag }}\n </mat-list-item>\n <p *ngIf=\"!existingTags?.length\">{{ 'TAG.TAGS_CREATOR.NO_EXISTING_TAGS' | translate }}</p>\n </mat-list>\n <mat-spinner\n *ngIf=\"spinnerVisible\"\n class=\"adf-tags-creator-spinner\"\n [diameter]=\"50\"\n [attr.aria-label]=\"'TAG.TAGS_CREATOR.TAGS_LOADING' | translate\"\n />\n </div>\n</div>\n", styles: ["adf-tags-creator{display:block}adf-tags-creator .adf-no-tags-message{margin-top:28.5px;margin-bottom:0;height:30px}adf-tags-creator .adf-tag-name-field,adf-tags-creator .adf-tag-name-field[hidden]{display:flex;flex-direction:column;margin-right:12px}adf-tags-creator .adf-tag-search-field{background:var(--adf-metadata-buttons-background-color);border-radius:12px;padding:5px 6px;border:none;outline:none;font:inherit;color:currentcolor;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}adf-tags-creator .adf-create-tag-label{color:var(--theme-primary-color);cursor:pointer;margin-top:-1px;padding-left:12px;overflow-wrap:anywhere;display:inline-block;padding-right:12px;overflow:auto}adf-tags-creator .adf-tags-list{margin-top:8px}adf-tags-creator .adf-tags-chip{height:auto}adf-tags-creator .adf-existing-tags-panel{border-top-left-radius:6px;border-top-right-radius:6px;width:100%}adf-tags-creator .adf-existing-tags-panel .adf-existing-tags-label{font-size:10px;color:var(--theme-secondary-text-color);padding-left:12px;margin-bottom:2px}adf-tags-creator .adf-existing-tags-panel .adf-tags-list{padding-left:12px;margin-top:-2px;padding-right:0;display:flex;flex-direction:column}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag{margin:0;padding:4px;font-size:14px;height:auto;width:unset;background-color:inherit;color:inherit}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag:not(.mdc-list-item--disabled):hover{cursor:pointer;background:var(--adf-theme-mat-grey-color-a200)}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag span{padding:0}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tags-creator-spinner{margin:auto;overflow:unset;min-height:62px}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .mdc-list-item--disabled .mdc-list-item__primary-text{opacity:1}adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:hidden;word-break:break-all}adf-tags-creator [hidden]{visibility:hidden;display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type:
|
|
14555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TagsCreatorComponent, isStandalone: true, selector: "adf-tags-creator", inputs: { mode: "mode", disabledTagsRemoving: "disabledTagsRemoving", tags: "tags", tagNameControlVisible: "tagNameControlVisible" }, outputs: { existingTagsPanelVisibilityChange: "existingTagsPanelVisibilityChange", tagsChange: "tagsChange" }, host: { properties: { "class.adf-creator-with-existing-tags-panel": "this.hostClass" } }, viewQueries: [{ propertyName: "tagsListElement", first: true, predicate: ["tagsList"], descendants: true }, { propertyName: "tagNameInputElement", first: true, predicate: ["tagNameInput"], descendants: true }], ngImport: i0, template: "<div class=\"adf-tags-creation\">\n <div *ngIf=\"tagNameControlVisible\" class=\"adf-tag-name-field\">\n <input\n #tagNameInput\n class=\"adf-tag-search-field\"\n matInput\n autocomplete=\"off\"\n [formControl]=\"tagNameControl\"\n (keyup.enter)=\"addTag()\"\n adf-auto-focus\n placeholder=\"{{ 'TAG.TAGS_CREATOR.TAG_SEARCH_PLACEHOLDER' | translate }}\"\n />\n <mat-error *ngIf=\"tagNameControl.invalid && tagNameControl.touched\">\n {{ tagNameErrorMessageKey | translate }}\n </mat-error>\n </div>\n <p class=\"adf-no-tags-message\" *ngIf=\"showEmptyTagMessage\">\n {{ 'TAG.TAGS_CREATOR.NO_TAGS_CREATED' | translate }}\n </p>\n <div class=\"adf-tags-list\" [class.adf-tags-list-fixed]=\"!tagNameControlVisible\" #tagsList>\n <ng-container *ngIf=\"tags?.length > 0\">\n <adf-dynamic-chip-list\n class=\"adf-tags-chips-container\"\n [chips]=\"tagsToDisplay\"\n [disableDelete]=\"disabledTagsRemoving\"\n (removedChip)=\"removeTag($event)\" />\n </ng-container>\n </div>\n</div>\n<div class=\"adf-existing-tags-panel\" *ngIf=\"existingTagsPanelVisible\">\n <span\n *ngIf=\"!spinnerVisible || existingTags\"\n class=\"adf-create-tag-label\"\n (click)=\"addTag()\"\n role=\"button\"\n tabindex=\"0\"\n (keyup.enter)=\"addTag()\"\n [hidden]=\"!tagNameControl.value || tagNameControl.invalid || typing\"\n >\n {{ 'TAG.TAGS_CREATOR.CREATE_TAG' | translate : { tag: tagNameControl.value } }}\n </span>\n <p *ngIf=\"!spinnerVisible && existingTags\" class=\"adf-existing-tags-label\">\n {{ (isOnlyCreateMode() ? 'TAG.TAGS_CREATOR.EXISTING_TAGS' : 'TAG.TAGS_CREATOR.EXISTING_TAGS_SELECTION') | translate }}\n </p>\n <div class=\"adf-tags-list\">\n <mat-list *ngIf=\"!spinnerVisible && existingTags\" [disabled]=\"isOnlyCreateMode()\">\n <mat-list-item *ngFor=\"let tagRow of existingTags\" class=\"adf-tag\"\n (click)=\"addExistingTagToTagsToAssign(tagRow)\">\n {{ tagRow.entry.tag }}\n </mat-list-item>\n <p *ngIf=\"!existingTags?.length\">{{ 'TAG.TAGS_CREATOR.NO_EXISTING_TAGS' | translate }}</p>\n </mat-list>\n <mat-spinner\n *ngIf=\"spinnerVisible\"\n class=\"adf-tags-creator-spinner\"\n [diameter]=\"50\"\n [attr.aria-label]=\"'TAG.TAGS_CREATOR.TAGS_LOADING' | translate\"\n />\n </div>\n</div>\n", styles: ["adf-tags-creator{display:block}adf-tags-creator .adf-no-tags-message{margin-top:28.5px;margin-bottom:0;height:30px}adf-tags-creator .adf-tag-name-field,adf-tags-creator .adf-tag-name-field[hidden]{display:flex;flex-direction:column;margin-right:12px}adf-tags-creator .adf-tag-search-field{background:var(--adf-metadata-buttons-background-color);border-radius:12px;padding:5px 6px;border:none;outline:none;font:inherit;color:currentcolor;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}adf-tags-creator .adf-create-tag-label{color:var(--theme-primary-color);cursor:pointer;margin-top:-1px;padding-left:12px;overflow-wrap:anywhere;display:inline-block;padding-right:12px;overflow:auto}adf-tags-creator .adf-tags-list{margin-top:8px}adf-tags-creator .adf-tags-chip{height:auto}adf-tags-creator .adf-existing-tags-panel{border-top-left-radius:6px;border-top-right-radius:6px;width:100%}adf-tags-creator .adf-existing-tags-panel .adf-existing-tags-label{font-size:10px;color:var(--theme-secondary-text-color);padding-left:12px;margin-bottom:2px}adf-tags-creator .adf-existing-tags-panel .adf-tags-list{padding-left:12px;margin-top:-2px;padding-right:0;display:flex;flex-direction:column}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag{margin:0;padding:4px;font-size:14px;height:auto;width:unset;background-color:inherit;color:inherit}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag:not(.mdc-list-item--disabled):hover{cursor:pointer;background:var(--adf-theme-mat-grey-color-a200)}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tag span{padding:0}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .adf-tags-creator-spinner{margin:auto;overflow:unset;min-height:62px}adf-tags-creator .adf-existing-tags-panel .adf-tags-list .mdc-list-item--disabled .mdc-list-item__primary-text{opacity:1}adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,adf-tags-creator .mdc-evolution-chip-set .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:hidden;word-break:break-all}adf-tags-creator [hidden]{visibility:hidden;display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: DynamicChipListComponent, selector: "adf-dynamic-chip-list", inputs: ["pagination", "chips", "showDelete", "disableDelete", "limitChipsDisplayed", "roundUpChips"], outputs: ["displayNext", "removedChip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14556
14556
|
}
|
|
14557
14557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TagsCreatorComponent, decorators: [{
|
|
14558
14558
|
type: Component,
|
|
@@ -15995,11 +15995,11 @@ class UploadVersionButtonComponent extends UploadButtonComponent {
|
|
|
15995
15995
|
this.permissionValue.next(this.nodeHasPermission(this.node, AllowableOperationsEnum.UPDATE));
|
|
15996
15996
|
}
|
|
15997
15997
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadVersionButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15998
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: UploadVersionButtonComponent, isStandalone: true, selector: "adf-upload-version-button", inputs: { node: "node" }, host: { classAttribute: "adf-upload-version-button" }, usesInheritance: true, ngImport: i0, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\"
|
|
15998
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: UploadVersionButtonComponent, isStandalone: true, selector: "adf-upload-version-button", inputs: { node: "node" }, host: { classAttribute: "adf-upload-version-button" }, usesInheritance: true, ngImport: i0, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-single-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-single-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n\n <!--Multiple Files Upload-->\n <ng-container *ngIf=\"multipleFiles\">\n <input\n id=\"upload-multiple-files\"\n data-automation-id=\"upload-multiple-files\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"/>\n <label for=\"upload-multiple-files\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-multiple-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-multiple-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n </div>\n\n <!--Folders Upload-->\n <ng-container *ngIf=\"uploadFolders\">\n <input\n id=\"uploadFolder\"\n data-automation-id=\"uploadFolder\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n webkitdirectory directory\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onDirectoryAdded($event)\"/>\n <label for=\"uploadFolder\" data-automation-id=\"uploadFolder\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"uploadFolder-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</span>\n <span id=\"uploadFolder-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n</form>\n", styles: [".adf-upload-button-file-container .adf-upload-button-icon{margin:0;font-size:24px;width:24px;height:24px}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:4px}.adf-upload-button-label:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.adf-upload-button-file-container-upload-single-file[disabled]+.adf-upload-button-label{background-color:var(--adf-disabled-button-background);color:var(--adf-theme-foreground-disabled-text-color);box-shadow:none;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15999
15999
|
}
|
|
16000
16000
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UploadVersionButtonComponent, decorators: [{
|
|
16001
16001
|
type: Component,
|
|
16002
|
-
args: [{ selector: 'adf-upload-version-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-upload-version-button' }, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\"
|
|
16002
|
+
args: [{ selector: 'adf-upload-version-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-upload-version-button' }, template: "<form class=\"adf-upload-button-file-container\">\n <!--Files Upload-->\n <div *ngIf=\"!uploadFolders\">\n\n <!--Single Files Upload-->\n <ng-container *ngIf=\"!multipleFiles\">\n <input\n class=\"adf-upload-button-file-container-upload-single-file\"\n id=\"upload-single-file\"\n data-automation-id=\"upload-single-file\"\n [type]=\"file ? 'button' : 'file'\"\n name=\"uploadFiles\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"\n (click)=\"onClickUploadButton()\"/>\n <label tabindex=\"0\" (keydown.enter)=\"onClickUploadButton()\" for=\"upload-single-file\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-single-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-single-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n\n <!--Multiple Files Upload-->\n <ng-container *ngIf=\"multipleFiles\">\n <input\n id=\"upload-multiple-files\"\n data-automation-id=\"upload-multiple-files\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onFilesAdded($event)\"/>\n <label for=\"upload-multiple-files\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"upload-multiple-file-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>\n <span id=\"upload-multiple-file-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n </div>\n\n <!--Folders Upload-->\n <ng-container *ngIf=\"uploadFolders\">\n <input\n id=\"uploadFolder\"\n data-automation-id=\"uploadFolder\"\n type=\"file\"\n name=\"uploadFiles\"\n multiple=\"multiple\"\n accept=\"{{acceptedFilesType}}\"\n webkitdirectory directory\n [attr.disabled]=\"isButtonDisabled()\"\n [title]=\"tooltip\"\n (change)=\"onDirectoryAdded($event)\"/>\n <label for=\"uploadFolder\" data-automation-id=\"uploadFolder\" class=\"adf-upload-button-label\">\n <mat-icon class=\"adf-upload-button-icon\" adf-icon=\"file_upload\" />\n <span id=\"uploadFolder-label\" *ngIf=\"!staticTitle\">\n {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FOLDER' | translate }}</span>\n <span id=\"uploadFolder-label-static\" *ngIf=\"staticTitle\">\n {{ staticTitle }}</span>\n </label>\n </ng-container>\n</form>\n", styles: [".adf-upload-button-file-container .adf-upload-button-icon{margin:0;font-size:24px;width:24px;height:24px}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:4px}.adf-upload-button-label:active{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.adf-upload-button-file-container-upload-single-file[disabled]+.adf-upload-button-label{background-color:var(--adf-disabled-button-background);color:var(--adf-theme-foreground-disabled-text-color);box-shadow:none;cursor:default}\n"] }]
|
|
16003
16003
|
}], propDecorators: { node: [{
|
|
16004
16004
|
type: Input
|
|
16005
16005
|
}] } });
|
|
@@ -16139,11 +16139,11 @@ class SearchChipListComponent {
|
|
|
16139
16139
|
this.clearAll = false;
|
|
16140
16140
|
}
|
|
16141
16141
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchChipListComponent, deps: [{ token: SearchFacetFiltersService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16142
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchChipListComponent, isStandalone: true, selector: "adf-search-chip-list", inputs: { searchFilter: "searchFilter", clearAll: "clearAll" }, host: { classAttribute: "adf-search-chip-list" }, ngImport: i0, template: "<mat-chip-listbox>\n <ng-container *ngIf=\"facetFiltersService.selectedBuckets.length\">\n <mat-chip-option *ngIf=\"clearAll && facetFiltersService.selectedBuckets.length > 1\"\n data-automation-id=\"reset-filter\"\n color=\"primary\"\n selected\n class=\"adf-search-chip-list-item\"\n title=\"{{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.TOOLTIP' | translate }}\"\n (click)=\"facetFiltersService.resetAllSelectedBuckets()\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.LABEL' | translate }}\n </mat-chip-option>\n\n <mat-chip-option\n data-automation-id=\"chip-list-entry\"\n class=\"adf-search-chip-list-item\"\n *ngFor=\"let selection of facetFiltersService.selectedBuckets\"\n [removable]=\"true\"\n (removed)=\"facetFiltersService.unselectFacetBucket(selection.field, selection.bucket)\">\n {{ (selection.bucket.display || selection.bucket.label) | translate }}\n <mat-icon class=\"adf-search-chip-list-item-remove\"
|
|
16142
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchChipListComponent, isStandalone: true, selector: "adf-search-chip-list", inputs: { searchFilter: "searchFilter", clearAll: "clearAll" }, host: { classAttribute: "adf-search-chip-list" }, ngImport: i0, template: "<mat-chip-listbox>\n <ng-container *ngIf=\"facetFiltersService.selectedBuckets.length\">\n <mat-chip-option *ngIf=\"clearAll && facetFiltersService.selectedBuckets.length > 1\"\n data-automation-id=\"reset-filter\"\n color=\"primary\"\n selected\n class=\"adf-search-chip-list-item\"\n title=\"{{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.TOOLTIP' | translate }}\"\n (click)=\"facetFiltersService.resetAllSelectedBuckets()\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.LABEL' | translate }}\n </mat-chip-option>\n\n <mat-chip-option\n data-automation-id=\"chip-list-entry\"\n class=\"adf-search-chip-list-item\"\n *ngFor=\"let selection of facetFiltersService.selectedBuckets\"\n [removable]=\"true\"\n (removed)=\"facetFiltersService.unselectFacetBucket(selection.field, selection.bucket)\">\n {{ (selection.bucket.display || selection.bucket.label) | translate }}\n <mat-icon class=\"adf-search-chip-list-item-remove\" adf-icon=\"cancel\" matChipRemove />\n </mat-chip-option>\n </ng-container>\n</mat-chip-listbox>\n", styles: [".adf-search-chip-list-item:focus{color:var(--theme-accent-color-default-contrast);background-color:var(--theme-accent-color)}.adf-search-chip-list-item:focus .adf-search-chip-list-item-remove{color:var(--theme-accent-color-default-contrast);opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i3$1.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16143
16143
|
}
|
|
16144
16144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchChipListComponent, decorators: [{
|
|
16145
16145
|
type: Component,
|
|
16146
|
-
args: [{ selector: 'adf-search-chip-list', imports: [CommonModule, MatChipsModule, TranslatePipe,
|
|
16146
|
+
args: [{ selector: 'adf-search-chip-list', imports: [CommonModule, MatChipsModule, TranslatePipe, IconModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-chip-list' }, template: "<mat-chip-listbox>\n <ng-container *ngIf=\"facetFiltersService.selectedBuckets.length\">\n <mat-chip-option *ngIf=\"clearAll && facetFiltersService.selectedBuckets.length > 1\"\n data-automation-id=\"reset-filter\"\n color=\"primary\"\n selected\n class=\"adf-search-chip-list-item\"\n title=\"{{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.TOOLTIP' | translate }}\"\n (click)=\"facetFiltersService.resetAllSelectedBuckets()\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR-ALL.LABEL' | translate }}\n </mat-chip-option>\n\n <mat-chip-option\n data-automation-id=\"chip-list-entry\"\n class=\"adf-search-chip-list-item\"\n *ngFor=\"let selection of facetFiltersService.selectedBuckets\"\n [removable]=\"true\"\n (removed)=\"facetFiltersService.unselectFacetBucket(selection.field, selection.bucket)\">\n {{ (selection.bucket.display || selection.bucket.label) | translate }}\n <mat-icon class=\"adf-search-chip-list-item-remove\" adf-icon=\"cancel\" matChipRemove />\n </mat-chip-option>\n </ng-container>\n</mat-chip-listbox>\n", styles: [".adf-search-chip-list-item:focus{color:var(--theme-accent-color-default-contrast);background-color:var(--theme-accent-color)}.adf-search-chip-list-item:focus .adf-search-chip-list-item-remove{color:var(--theme-accent-color-default-contrast);opacity:1}\n"] }]
|
|
16147
16147
|
}], ctorParameters: () => [{ type: SearchFacetFiltersService }], propDecorators: { searchFilter: [{
|
|
16148
16148
|
type: Input
|
|
16149
16149
|
}], clearAll: [{
|
|
@@ -16266,11 +16266,11 @@ class SearchFormComponent {
|
|
|
16266
16266
|
return forms.find((form) => form.selected)?.name;
|
|
16267
16267
|
}
|
|
16268
16268
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16269
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFormComponent, isStandalone: true, selector: "adf-search-form", outputs: { formChange: "formChange" }, ngImport: i0, template: "<ng-container *ngIf=\"searchForms$ | async as forms\">\n\n <ng-container *ngIf=\"forms.length === 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\">\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"forms.length > 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [matMenuTriggerFor]=\"menu\"\n #menuTrigger=\"matMenuTrigger\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\"\n [matMenuTriggerRestoreFocus]=\"true\">\n\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n <mat-icon [class.adf-search-form-icon-selected]=\"menuTrigger.menuOpen\"
|
|
16269
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFormComponent, isStandalone: true, selector: "adf-search-form", outputs: { formChange: "formChange" }, ngImport: i0, template: "<ng-container *ngIf=\"searchForms$ | async as forms\">\n\n <ng-container *ngIf=\"forms.length === 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\">\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"forms.length > 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [matMenuTriggerFor]=\"menu\"\n #menuTrigger=\"matMenuTrigger\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\"\n [matMenuTriggerRestoreFocus]=\"true\">\n\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n <mat-icon [class.adf-search-form-icon-selected]=\"menuTrigger.menuOpen\" class=\"adf-search-form-icon\" adf-icon=\"expand_more\" iconPositionEnd />\n </button>\n\n <mat-menu #menu=\"matMenu\" class=\"adf-search-form-menu\">\n <button *ngFor=\"let form of forms\" mat-menu-item tabindex=\"0\" [attr.aria-label]=\"form.name | translate\" (click)=\"onSelectionChange(form)\">\n {{ form.name | translate }}\n </button>\n </mat-menu>\n </ng-container>\n</ng-container>\n", styles: [".adf-search-form.adf-search-form-button{place-content:center space-between;display:flex;padding:0 14px 0 16px;height:35px;max-width:190px;min-width:190px;overflow:hidden}.adf-search-form.adf-search-form-button>span:first-child{display:flex;align-items:center}.adf-search-form-title{max-width:120px;min-width:120px;font-size:var(--theme-body-1-font-size);line-height:24px;padding-right:12px;text-overflow:ellipsis;overflow:hidden;text-align:left}.adf-search-form .adf-search-form-icon.mat-icon{font-size:24px;height:24px;width:24px;border:2px solid transparent;border-radius:6px;transition:border .5s ease-out}.adf-search-form-icon-selected{border-color:var(--theme-accent-color)}.adf-search-form-menu{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:6px}.adf-search-form-menu>div:first-child{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.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" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$2.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: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16270
16270
|
}
|
|
16271
16271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFormComponent, decorators: [{
|
|
16272
16272
|
type: Component,
|
|
16273
|
-
args: [{ selector: 'adf-search-form', imports: [CommonModule, MatButtonModule, TranslatePipe, MatMenuModule,
|
|
16273
|
+
args: [{ selector: 'adf-search-form', imports: [CommonModule, MatButtonModule, TranslatePipe, MatMenuModule, IconModule], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"searchForms$ | async as forms\">\n\n <ng-container *ngIf=\"forms.length === 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\">\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n </button>\n </ng-container>\n\n <ng-container *ngIf=\"forms.length > 1\">\n <button class=\"adf-search-form adf-search-form-button\"\n [matMenuTriggerFor]=\"menu\"\n #menuTrigger=\"matMenuTrigger\"\n [disableRipple]=\"true\"\n mat-button\n [title]=\"getSelected(forms) | translate\"\n [attr.aria-label]=\"getSelected(forms) | translate\"\n [matMenuTriggerRestoreFocus]=\"true\">\n\n <span class=\"adf-search-form-title\">{{ getSelected(forms) | translate }}</span>\n <mat-icon [class.adf-search-form-icon-selected]=\"menuTrigger.menuOpen\" class=\"adf-search-form-icon\" adf-icon=\"expand_more\" iconPositionEnd />\n </button>\n\n <mat-menu #menu=\"matMenu\" class=\"adf-search-form-menu\">\n <button *ngFor=\"let form of forms\" mat-menu-item tabindex=\"0\" [attr.aria-label]=\"form.name | translate\" (click)=\"onSelectionChange(form)\">\n {{ form.name | translate }}\n </button>\n </mat-menu>\n </ng-container>\n</ng-container>\n", styles: [".adf-search-form.adf-search-form-button{place-content:center space-between;display:flex;padding:0 14px 0 16px;height:35px;max-width:190px;min-width:190px;overflow:hidden}.adf-search-form.adf-search-form-button>span:first-child{display:flex;align-items:center}.adf-search-form-title{max-width:120px;min-width:120px;font-size:var(--theme-body-1-font-size);line-height:24px;padding-right:12px;text-overflow:ellipsis;overflow:hidden;text-align:left}.adf-search-form .adf-search-form-icon.mat-icon{font-size:24px;height:24px;width:24px;border:2px solid transparent;border-radius:6px;transition:border .5s ease-out}.adf-search-form-icon-selected{border-color:var(--theme-accent-color)}.adf-search-form-menu{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:6px}.adf-search-form-menu>div:first-child{padding:0}\n"] }]
|
|
16274
16274
|
}], propDecorators: { formChange: [{
|
|
16275
16275
|
type: Output
|
|
16276
16276
|
}] } });
|
|
@@ -18055,7 +18055,7 @@ class VersionListComponent {
|
|
|
18055
18055
|
}
|
|
18056
18056
|
}
|
|
18057
18057
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: VersionListComponent, deps: [{ token: AlfrescoApiService }, { token: ContentService }, { token: ContentVersionService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: VersionListComponent, isStandalone: true, selector: "adf-version-list", inputs: { node: "node", showComments: "showComments", allowDownload: "allowDownload", allowViewVersions: "allowViewVersions", showActions: "showActions", allowVersionDelete: "allowVersionDelete" }, outputs: { restored: "restored", deleted: "deleted", viewVersion: "viewVersion" }, host: { classAttribute: "adf-version-list" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" data-automation-id=\"version-history-loading-bar\" mode=\"indeterminate\"\n color=\"accent\" />\n<mat-list class=\"adf-version-list adf-version-list-element\" [hidden]=\"isLoading\">\n <cdk-virtual-scroll-viewport #viewport itemSize=\"88\" class=\"adf-version-list-viewport\" [minBufferPx]=\"440\" [maxBufferPx]=\"528\">\n <mat-list-item class=\"adf-version-list-item\"\n *cdkVirtualFor=\"let version of versionsDataSource; let idx = index; let latestVersion = first\">\n <mat-icon class=\"adf-version-list-icon\"
|
|
18058
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: VersionListComponent, isStandalone: true, selector: "adf-version-list", inputs: { node: "node", showComments: "showComments", allowDownload: "allowDownload", allowViewVersions: "allowViewVersions", showActions: "showActions", allowVersionDelete: "allowVersionDelete" }, outputs: { restored: "restored", deleted: "deleted", viewVersion: "viewVersion" }, host: { classAttribute: "adf-version-list" }, viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-progress-bar *ngIf=\"isLoading\" data-automation-id=\"version-history-loading-bar\" mode=\"indeterminate\"\n color=\"accent\" />\n<mat-list class=\"adf-version-list adf-version-list-element\" [hidden]=\"isLoading\">\n <cdk-virtual-scroll-viewport #viewport itemSize=\"88\" class=\"adf-version-list-viewport\" [minBufferPx]=\"440\" [maxBufferPx]=\"528\">\n <mat-list-item class=\"adf-version-list-item\"\n *cdkVirtualFor=\"let version of versionsDataSource; let idx = index; let latestVersion = first\">\n <mat-icon class=\"adf-version-list-icon\" adf-icon=\"insert_drive_file\" matListItemIcon />\n <div class=\"adf-version-list-content\">\n <div class=\"adf-version-list-item-details\">\n <p class=\"adf-version-list-item-line adf-version-list-item-name\"\n [id]=\"'adf-version-list-item-name-' + version.entry.id\">{{ version.entry.name }}</p>\n <p>\n <span class=\"adf-version-list-item-line adf-version-list-item-version\"\n [id]=\"'adf-version-list-item-version-' + version.entry.id\">{{ version.entry.id }}</span> -\n <span class=\"adf-version-list-item-line adf-version-list-item-date\"\n [id]=\"'adf-version-list-item-date-' + version.entry.id\">{{ version.entry.modifiedAt | date }}</span>\n </p>\n <p\n [id]=\"'adf-version-list-item-comment-' + version.entry.id\"\n class=\"adf-version-list-item-comment\"\n *ngIf=\"showComments\"\n [title]=\"version.entry.versionComment\">\n {{ version.entry.versionComment }}\n </p>\n </div>\n <ng-container *ngIf=\"showActions\">\n <mat-menu [id]=\"'adf-version-list-action-menu-' + version.entry.id\"\n #versionMenu=\"matMenu\"\n yPosition=\"below\"\n xPosition=\"before\">\n <ng-container *adf-acs-version=\"'7'\">\n <button *ngIf=\"allowViewVersions\"\n [id]=\"'adf-version-list-action-view-' + version.entry.id\"\n mat-menu-item\n (click)=\"onViewVersion(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.VIEW' | translate }}\n </button>\n </ng-container>\n <button\n [id]=\"'adf-version-list-action-restore-' + version.entry.id\"\n [disabled]=\"!canUpdate() || latestVersion\"\n mat-menu-item\n (click)=\"restore(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.RESTORE' | translate }}\n </button>\n <button *ngIf=\"allowDownload\"\n [id]=\"'adf-version-list-action-download-' + version.entry.id\"\n mat-menu-item\n (click)=\"downloadVersion(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n *ngIf=\"allowVersionDelete\"\n [disabled]=\"!canDelete()\"\n [id]=\"'adf-version-list-action-delete-' + version.entry.id\"\n (click)=\"deleteVersion(version.entry.id)\"\n mat-menu-item>\n {{ 'ADF_VERSION_LIST.ACTIONS.DELETE' | translate }}\n </button>\n </mat-menu>\n <button mat-icon-button\n [matMenuTriggerFor]=\"versionMenu\"\n [id]=\"'adf-version-list-action-menu-button-' + version.entry.id\"\n title=\"{{ 'ADF_VERSION_LIST.MANAGE_VERSION_OPTIONS' | translate }}\">\n <mat-icon adf-icon=\"more_vert\" />\n </button>\n </ng-container>\n </div>\n </mat-list-item>\n </cdk-virtual-scroll-viewport>\n</mat-list>\n", styles: [".adf-version-list-viewport{display:flex;min-height:200px;max-height:60vh;height:100%}.adf-version-list-viewport :first-child{max-width:100%}.adf-version-list-item-details{flex:1;width:90%}.adf-version-list-content{display:flex}.adf-version-list-content p{margin:0;overflow:hidden}.adf-version-list .adf-version-list-icon{margin:0 16px;color:var(--theme-sidenav-user-menu-color)}.adf-version-list.adf-version-list-element .adf-version-list-item{border-bottom:1px solid var(--adf-theme-foreground-divider-color);width:100%;height:88px}.adf-version-list-item-version{font-weight:700}.adf-version-list-item-date{opacity:.6;white-space:normal}.adf-version-list-item-comment{width:auto;opacity:.5}@media screen and (width <= 629px){.adf-version-list-item-comment{width:97%}}.adf-version-list-item-name{white-space:normal;font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$2.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: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: VersionCompatibilityDirective, selector: "[adf-acs-version]", inputs: ["adf-acs-version"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18059
18059
|
}
|
|
18060
18060
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: VersionListComponent, decorators: [{
|
|
18061
18061
|
type: Component,
|
|
@@ -18066,12 +18066,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
18066
18066
|
CdkVirtualScrollViewport,
|
|
18067
18067
|
CdkFixedSizeVirtualScroll,
|
|
18068
18068
|
CdkVirtualForOf,
|
|
18069
|
-
|
|
18069
|
+
IconModule,
|
|
18070
18070
|
MatMenuModule,
|
|
18071
18071
|
TranslatePipe,
|
|
18072
18072
|
MatButtonModule,
|
|
18073
18073
|
VersionCompatibilityDirective
|
|
18074
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-version-list' }, template: "<mat-progress-bar *ngIf=\"isLoading\" data-automation-id=\"version-history-loading-bar\" mode=\"indeterminate\"\n color=\"accent\" />\n<mat-list class=\"adf-version-list adf-version-list-element\" [hidden]=\"isLoading\">\n <cdk-virtual-scroll-viewport #viewport itemSize=\"88\" class=\"adf-version-list-viewport\" [minBufferPx]=\"440\" [maxBufferPx]=\"528\">\n <mat-list-item class=\"adf-version-list-item\"\n *cdkVirtualFor=\"let version of versionsDataSource; let idx = index; let latestVersion = first\">\n <mat-icon class=\"adf-version-list-icon\"
|
|
18074
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-version-list' }, template: "<mat-progress-bar *ngIf=\"isLoading\" data-automation-id=\"version-history-loading-bar\" mode=\"indeterminate\"\n color=\"accent\" />\n<mat-list class=\"adf-version-list adf-version-list-element\" [hidden]=\"isLoading\">\n <cdk-virtual-scroll-viewport #viewport itemSize=\"88\" class=\"adf-version-list-viewport\" [minBufferPx]=\"440\" [maxBufferPx]=\"528\">\n <mat-list-item class=\"adf-version-list-item\"\n *cdkVirtualFor=\"let version of versionsDataSource; let idx = index; let latestVersion = first\">\n <mat-icon class=\"adf-version-list-icon\" adf-icon=\"insert_drive_file\" matListItemIcon />\n <div class=\"adf-version-list-content\">\n <div class=\"adf-version-list-item-details\">\n <p class=\"adf-version-list-item-line adf-version-list-item-name\"\n [id]=\"'adf-version-list-item-name-' + version.entry.id\">{{ version.entry.name }}</p>\n <p>\n <span class=\"adf-version-list-item-line adf-version-list-item-version\"\n [id]=\"'adf-version-list-item-version-' + version.entry.id\">{{ version.entry.id }}</span> -\n <span class=\"adf-version-list-item-line adf-version-list-item-date\"\n [id]=\"'adf-version-list-item-date-' + version.entry.id\">{{ version.entry.modifiedAt | date }}</span>\n </p>\n <p\n [id]=\"'adf-version-list-item-comment-' + version.entry.id\"\n class=\"adf-version-list-item-comment\"\n *ngIf=\"showComments\"\n [title]=\"version.entry.versionComment\">\n {{ version.entry.versionComment }}\n </p>\n </div>\n <ng-container *ngIf=\"showActions\">\n <mat-menu [id]=\"'adf-version-list-action-menu-' + version.entry.id\"\n #versionMenu=\"matMenu\"\n yPosition=\"below\"\n xPosition=\"before\">\n <ng-container *adf-acs-version=\"'7'\">\n <button *ngIf=\"allowViewVersions\"\n [id]=\"'adf-version-list-action-view-' + version.entry.id\"\n mat-menu-item\n (click)=\"onViewVersion(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.VIEW' | translate }}\n </button>\n </ng-container>\n <button\n [id]=\"'adf-version-list-action-restore-' + version.entry.id\"\n [disabled]=\"!canUpdate() || latestVersion\"\n mat-menu-item\n (click)=\"restore(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.RESTORE' | translate }}\n </button>\n <button *ngIf=\"allowDownload\"\n [id]=\"'adf-version-list-action-download-' + version.entry.id\"\n mat-menu-item\n (click)=\"downloadVersion(version.entry.id)\">\n {{ 'ADF_VERSION_LIST.ACTIONS.DOWNLOAD' | translate }}\n </button>\n <button\n *ngIf=\"allowVersionDelete\"\n [disabled]=\"!canDelete()\"\n [id]=\"'adf-version-list-action-delete-' + version.entry.id\"\n (click)=\"deleteVersion(version.entry.id)\"\n mat-menu-item>\n {{ 'ADF_VERSION_LIST.ACTIONS.DELETE' | translate }}\n </button>\n </mat-menu>\n <button mat-icon-button\n [matMenuTriggerFor]=\"versionMenu\"\n [id]=\"'adf-version-list-action-menu-button-' + version.entry.id\"\n title=\"{{ 'ADF_VERSION_LIST.MANAGE_VERSION_OPTIONS' | translate }}\">\n <mat-icon adf-icon=\"more_vert\" />\n </button>\n </ng-container>\n </div>\n </mat-list-item>\n </cdk-virtual-scroll-viewport>\n</mat-list>\n", styles: [".adf-version-list-viewport{display:flex;min-height:200px;max-height:60vh;height:100%}.adf-version-list-viewport :first-child{max-width:100%}.adf-version-list-item-details{flex:1;width:90%}.adf-version-list-content{display:flex}.adf-version-list-content p{margin:0;overflow:hidden}.adf-version-list .adf-version-list-icon{margin:0 16px;color:var(--theme-sidenav-user-menu-color)}.adf-version-list.adf-version-list-element .adf-version-list-item{border-bottom:1px solid var(--adf-theme-foreground-divider-color);width:100%;height:88px}.adf-version-list-item-version{font-weight:700}.adf-version-list-item-date{opacity:.6;white-space:normal}.adf-version-list-item-comment{width:auto;opacity:.5}@media screen and (width <= 629px){.adf-version-list-item-comment{width:97%}}.adf-version-list-item-name{white-space:normal;font-size:16px}\n"] }]
|
|
18075
18075
|
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: ContentService }, { type: ContentVersionService }, { type: i1.MatDialog }], propDecorators: { node: [{
|
|
18076
18076
|
type: Input
|
|
18077
18077
|
}], showComments: [{
|
|
@@ -19121,7 +19121,7 @@ class TreeComponent {
|
|
|
19121
19121
|
return node.nodeType !== TreeNodeType.LoadMoreNode;
|
|
19122
19122
|
}
|
|
19123
19123
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i2.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19124
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeComponent, isStandalone: true, selector: "adf-tree", inputs: { emptyContentTemplate: "emptyContentTemplate", nodeActionsMenuTemplate: "nodeActionsMenuTemplate", stickyHeader: "stickyHeader", selectableNodes: "selectableNodes", displayName: "displayName", loadMoreSuffix: "loadMoreSuffix", expandIcon: "expandIcon", collapseIcon: "collapseIcon", contextMenuOptions: "contextMenuOptions" }, outputs: { paginationChanged: "paginationChanged", contextMenuOptionSelected: "contextMenuOptionSelected" }, host: { properties: { "class.adf-tree-sticky-header": "this.stickyHeader" }, classAttribute: "adf-tree" }, viewQueries: [{ propertyName: "nodeCheckboxes", predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n <span class=\"adf-tree-cell-value\">\n {{ displayName | translate }}\n </span>\n </div>\n </div>\n <mat-tree\n class=\"adf-tree-body\"\n [dataSource]=\"treeService\"\n [treeControl]=\"treeService.treeControl\">\n <mat-tree-node\n class=\"adf-tree-load-more-row\"\n [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n *matTreeNodeDef=\"let node when isLoadMoreNode\"\n matTreeNodePadding>\n <div class=\"adf-tree-expand-collapse-container\">\n <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else loadMoreIcon\" />\n <ng-template #loadMoreIcon>\n <adf-icon [value]=\"'chevron_right'\" />\n </ng-template>\n </button>\n </div>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"loadMoreSubnodes(node)\"\n (click)=\"loadMoreSubnodes(node)\">\n {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n </span>\n </div>\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-row\"\n [attr.data-automation-id]=\"'node_' + node.id\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n [adf-context-menu]=\"contextMenuOptions\"\n [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n (contextmenu)=\"contextMenuSource = node\">\n <div class=\"adf-tree-expand-collapse-container\">\n <button *ngIf=\"node.hasChildren\"\n class=\"adf-tree-expand-collapse-button\"\n (click)=\"expandCollapseNode(node)\"\n mat-icon-button>\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n <ng-template #expandCollapseIcon>\n <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n </ng-template>\n </button>\n </div>\n <ng-container *ngIf=\"selectableNodes\">\n <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"has-children-node-checkbox\" />\n <ng-template #noChildrenNodeCheckbox>\n <mat-checkbox\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"treeNodesSelection.isSelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"no-children-node-checkbox\" />\n </ng-template>\n </ng-container>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"expandCollapseNode(node)\"\n (click)=\"expandCollapseNode(node)\">\n {{ node.nodeName }}\n </span>\n </div>\n <div class=\"adf-tree-actions\">\n <button mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n [attr.id]=\"'action_menu_right_' + node.id\">\n <mat-icon>more_vert</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <ng-template\n [ngTemplateOutlet]=\"nodeActionsMenuTemplate\"\n [ngTemplateOutletContext]=\"{ node: node }\" />\n </mat-menu>\n </div>\n </mat-tree-node>\n </mat-tree>\n </ng-container>\n</ng-container>\n\n<ng-template #emptyContent>\n <ng-template [ngTemplateOutlet]=\"emptyContentTemplate\" />\n</ng-template>\n\n<ng-template #loadingSpinner>\n <div class=\"adf-tree-loading-spinner-container\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\" />\n </div>\n</ng-template>\n", styles: [".adf-tree-sticky-header{display:flex;flex-direction:column;height:100%}.adf-tree-sticky-header mat-tree{overflow-y:scroll}.adf-tree-load-more-row .adf-tree-cell-value,.adf-tree-clickable-cell-value{cursor:pointer}.adf-tree-row,.adf-tree-load-more-row{transition:all .3s ease;display:flex;align-items:center;padding-left:15px;padding-right:15px;transition-property:background-color;border-bottom:1px solid var(--adf-theme-foreground-text-color-007);min-height:56px;-webkit-user-select:none;user-select:none}.adf-tree-row .adf-tree-expand-collapse-container,.adf-tree-load-more-row .adf-tree-expand-collapse-container{min-width:55px}.adf-tree-row:hover,.adf-tree-load-more-row:hover{background-color:var(--adf-theme-background-hover-color)}.adf-tree-row:hover .adf-tree-actions,.adf-tree-load-more-row:hover .adf-tree-actions{display:flex}.adf-tree-row:focus,.adf-tree-load-more-row:focus{background-color:var(--adf-theme-background-hover-color);outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-row .adf-tree-expand-collapse-button,.adf-tree-row .adf-tree-load-more-button,.adf-tree-load-more-row .adf-tree-expand-collapse-button,.adf-tree-load-more-row .adf-tree-load-more-button{display:flex;align-items:center;justify-content:center;margin-left:15px}.adf-tree-row .adf-tree-cell,.adf-tree-load-more-row .adf-tree-cell{color:var(--adf-theme-foreground-text-color);width:100%}.adf-tree-row .adf-tree-cell .adf-tree-cell-value,.adf-tree-load-more-row .adf-tree-cell .adf-tree-cell-value{display:inline-block;padding:10px;word-break:break-word}.adf-tree-header{display:flex;width:fit-content;min-width:100%;box-sizing:border-box}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value){cursor:pointer;position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:56px;font-size:12px;color:var(--adf-theme-foreground-text-color);box-sizing:border-box;padding-top:12px}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value):focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-loading-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.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: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeComponent, isStandalone: true, selector: "adf-tree", inputs: { emptyContentTemplate: "emptyContentTemplate", nodeActionsMenuTemplate: "nodeActionsMenuTemplate", stickyHeader: "stickyHeader", selectableNodes: "selectableNodes", displayName: "displayName", loadMoreSuffix: "loadMoreSuffix", expandIcon: "expandIcon", collapseIcon: "collapseIcon", contextMenuOptions: "contextMenuOptions" }, outputs: { paginationChanged: "paginationChanged", contextMenuOptionSelected: "contextMenuOptionSelected" }, host: { properties: { "class.adf-tree-sticky-header": "this.stickyHeader" }, classAttribute: "adf-tree" }, viewQueries: [{ propertyName: "nodeCheckboxes", predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n <span class=\"adf-tree-cell-value\">\n {{ displayName | translate }}\n </span>\n </div>\n </div>\n <mat-tree\n class=\"adf-tree-body\"\n [dataSource]=\"treeService\"\n [treeControl]=\"treeService.treeControl\">\n <mat-tree-node\n class=\"adf-tree-load-more-row\"\n [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n *matTreeNodeDef=\"let node when isLoadMoreNode\"\n matTreeNodePadding>\n <div class=\"adf-tree-expand-collapse-container\">\n <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else loadMoreIcon\" />\n <ng-template #loadMoreIcon>\n <adf-icon [value]=\"'chevron_right'\" />\n </ng-template>\n </button>\n </div>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"loadMoreSubnodes(node)\"\n (click)=\"loadMoreSubnodes(node)\">\n {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n </span>\n </div>\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-row\"\n [attr.data-automation-id]=\"'node_' + node.id\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n [adf-context-menu]=\"contextMenuOptions\"\n [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n (contextmenu)=\"contextMenuSource = node\">\n <div class=\"adf-tree-expand-collapse-container\">\n <button *ngIf=\"node.hasChildren\"\n class=\"adf-tree-expand-collapse-button\"\n (click)=\"expandCollapseNode(node)\"\n mat-icon-button>\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n <ng-template #expandCollapseIcon>\n <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n </ng-template>\n </button>\n </div>\n <ng-container *ngIf=\"selectableNodes\">\n <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"has-children-node-checkbox\" />\n <ng-template #noChildrenNodeCheckbox>\n <mat-checkbox\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"treeNodesSelection.isSelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"no-children-node-checkbox\" />\n </ng-template>\n </ng-container>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"expandCollapseNode(node)\"\n (click)=\"expandCollapseNode(node)\">\n {{ node.nodeName }}\n </span>\n </div>\n <div class=\"adf-tree-actions\">\n <button mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n [attr.id]=\"'action_menu_right_' + node.id\">\n <mat-icon adf-icon=\"more_vert\" />\n </button>\n <mat-menu #menu=\"matMenu\">\n <ng-template\n [ngTemplateOutlet]=\"nodeActionsMenuTemplate\"\n [ngTemplateOutletContext]=\"{ node: node }\" />\n </mat-menu>\n </div>\n </mat-tree-node>\n </mat-tree>\n </ng-container>\n</ng-container>\n\n<ng-template #emptyContent>\n <ng-template [ngTemplateOutlet]=\"emptyContentTemplate\" />\n</ng-template>\n\n<ng-template #loadingSpinner>\n <div class=\"adf-tree-loading-spinner-container\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\" />\n </div>\n</ng-template>\n", styles: [".adf-tree-sticky-header{display:flex;flex-direction:column;height:100%}.adf-tree-sticky-header mat-tree{overflow-y:scroll}.adf-tree-load-more-row .adf-tree-cell-value,.adf-tree-clickable-cell-value{cursor:pointer}.adf-tree-row,.adf-tree-load-more-row{transition:all .3s ease;display:flex;align-items:center;padding-left:15px;padding-right:15px;transition-property:background-color;border-bottom:1px solid var(--adf-theme-foreground-text-color-007);min-height:56px;-webkit-user-select:none;user-select:none}.adf-tree-row .adf-tree-expand-collapse-container,.adf-tree-load-more-row .adf-tree-expand-collapse-container{min-width:55px}.adf-tree-row:hover,.adf-tree-load-more-row:hover{background-color:var(--adf-theme-background-hover-color)}.adf-tree-row:hover .adf-tree-actions,.adf-tree-load-more-row:hover .adf-tree-actions{display:flex}.adf-tree-row:focus,.adf-tree-load-more-row:focus{background-color:var(--adf-theme-background-hover-color);outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-row .adf-tree-expand-collapse-button,.adf-tree-row .adf-tree-load-more-button,.adf-tree-load-more-row .adf-tree-expand-collapse-button,.adf-tree-load-more-row .adf-tree-load-more-button{display:flex;align-items:center;justify-content:center;margin-left:15px}.adf-tree-row .adf-tree-cell,.adf-tree-load-more-row .adf-tree-cell{color:var(--adf-theme-foreground-text-color);width:100%}.adf-tree-row .adf-tree-cell .adf-tree-cell-value,.adf-tree-load-more-row .adf-tree-cell .adf-tree-cell-value{display:inline-block;padding:10px;word-break:break-word}.adf-tree-header{display:flex;width:fit-content;min-width:100%;box-sizing:border-box}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value){cursor:pointer;position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:56px;font-size:12px;color:var(--adf-theme-foreground-text-color);box-sizing:border-box;padding-top:12px}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value):focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-loading-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3$2.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$2.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3$2.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$2.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$2.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: MatMenuModule }, { kind: "component", type: i4$2.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: i4$2.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: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19125
19125
|
}
|
|
19126
19126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeComponent, decorators: [{
|
|
19127
19127
|
type: Component,
|
|
@@ -19135,8 +19135,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
19135
19135
|
ContextMenuDirective,
|
|
19136
19136
|
MatCheckboxModule,
|
|
19137
19137
|
MatMenuModule,
|
|
19138
|
-
|
|
19139
|
-
], host: { class: 'adf-tree' }, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n <span class=\"adf-tree-cell-value\">\n {{ displayName | translate }}\n </span>\n </div>\n </div>\n <mat-tree\n class=\"adf-tree-body\"\n [dataSource]=\"treeService\"\n [treeControl]=\"treeService.treeControl\">\n <mat-tree-node\n class=\"adf-tree-load-more-row\"\n [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n *matTreeNodeDef=\"let node when isLoadMoreNode\"\n matTreeNodePadding>\n <div class=\"adf-tree-expand-collapse-container\">\n <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else loadMoreIcon\" />\n <ng-template #loadMoreIcon>\n <adf-icon [value]=\"'chevron_right'\" />\n </ng-template>\n </button>\n </div>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"loadMoreSubnodes(node)\"\n (click)=\"loadMoreSubnodes(node)\">\n {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n </span>\n </div>\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-row\"\n [attr.data-automation-id]=\"'node_' + node.id\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n [adf-context-menu]=\"contextMenuOptions\"\n [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n (contextmenu)=\"contextMenuSource = node\">\n <div class=\"adf-tree-expand-collapse-container\">\n <button *ngIf=\"node.hasChildren\"\n class=\"adf-tree-expand-collapse-button\"\n (click)=\"expandCollapseNode(node)\"\n mat-icon-button>\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n <ng-template #expandCollapseIcon>\n <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n </ng-template>\n </button>\n </div>\n <ng-container *ngIf=\"selectableNodes\">\n <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"has-children-node-checkbox\" />\n <ng-template #noChildrenNodeCheckbox>\n <mat-checkbox\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"treeNodesSelection.isSelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"no-children-node-checkbox\" />\n </ng-template>\n </ng-container>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"expandCollapseNode(node)\"\n (click)=\"expandCollapseNode(node)\">\n {{ node.nodeName }}\n </span>\n </div>\n <div class=\"adf-tree-actions\">\n <button mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n [attr.id]=\"'action_menu_right_' + node.id\">\n <mat-icon
|
|
19138
|
+
IconModule
|
|
19139
|
+
], host: { class: 'adf-tree' }, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n <span class=\"adf-tree-cell-value\">\n {{ displayName | translate }}\n </span>\n </div>\n </div>\n <mat-tree\n class=\"adf-tree-body\"\n [dataSource]=\"treeService\"\n [treeControl]=\"treeService.treeControl\">\n <mat-tree-node\n class=\"adf-tree-load-more-row\"\n [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n *matTreeNodeDef=\"let node when isLoadMoreNode\"\n matTreeNodePadding>\n <div class=\"adf-tree-expand-collapse-container\">\n <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else loadMoreIcon\" />\n <ng-template #loadMoreIcon>\n <adf-icon [value]=\"'chevron_right'\" />\n </ng-template>\n </button>\n </div>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"loadMoreSubnodes(node)\"\n (click)=\"loadMoreSubnodes(node)\">\n {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n </span>\n </div>\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-row\"\n [attr.data-automation-id]=\"'node_' + node.id\"\n *matTreeNodeDef=\"let node\"\n matTreeNodePadding\n [adf-context-menu]=\"contextMenuOptions\"\n [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n (contextmenu)=\"contextMenuSource = node\">\n <div class=\"adf-tree-expand-collapse-container\">\n <button *ngIf=\"node.hasChildren\"\n class=\"adf-tree-expand-collapse-button\"\n (click)=\"expandCollapseNode(node)\"\n mat-icon-button>\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\"\n [diameter]=\"24\"\n *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n <ng-template #expandCollapseIcon>\n <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n </ng-template>\n </button>\n </div>\n <ng-container *ngIf=\"selectableNodes\">\n <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"descendantsAllSelected(node)\"\n [indeterminate]=\"descendantsPartiallySelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"has-children-node-checkbox\" />\n <ng-template #noChildrenNodeCheckbox>\n <mat-checkbox\n color=\"primary\"\n [id]=\"node.id\"\n [checked]=\"treeNodesSelection.isSelected(node)\"\n (change)=\"onNodeSelected(node)\"\n data-automation-id=\"no-children-node-checkbox\" />\n </ng-template>\n </ng-container>\n <div class=\"adf-tree-cell\">\n <span\n class=\"adf-tree-cell-value\"\n [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"expandCollapseNode(node)\"\n (click)=\"expandCollapseNode(node)\">\n {{ node.nodeName }}\n </span>\n </div>\n <div class=\"adf-tree-actions\">\n <button mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n [attr.id]=\"'action_menu_right_' + node.id\">\n <mat-icon adf-icon=\"more_vert\" />\n </button>\n <mat-menu #menu=\"matMenu\">\n <ng-template\n [ngTemplateOutlet]=\"nodeActionsMenuTemplate\"\n [ngTemplateOutletContext]=\"{ node: node }\" />\n </mat-menu>\n </div>\n </mat-tree-node>\n </mat-tree>\n </ng-container>\n</ng-container>\n\n<ng-template #emptyContent>\n <ng-template [ngTemplateOutlet]=\"emptyContentTemplate\" />\n</ng-template>\n\n<ng-template #loadingSpinner>\n <div class=\"adf-tree-loading-spinner-container\">\n <mat-progress-spinner\n color=\"primary\"\n mode=\"indeterminate\" />\n </div>\n</ng-template>\n", styles: [".adf-tree-sticky-header{display:flex;flex-direction:column;height:100%}.adf-tree-sticky-header mat-tree{overflow-y:scroll}.adf-tree-load-more-row .adf-tree-cell-value,.adf-tree-clickable-cell-value{cursor:pointer}.adf-tree-row,.adf-tree-load-more-row{transition:all .3s ease;display:flex;align-items:center;padding-left:15px;padding-right:15px;transition-property:background-color;border-bottom:1px solid var(--adf-theme-foreground-text-color-007);min-height:56px;-webkit-user-select:none;user-select:none}.adf-tree-row .adf-tree-expand-collapse-container,.adf-tree-load-more-row .adf-tree-expand-collapse-container{min-width:55px}.adf-tree-row:hover,.adf-tree-load-more-row:hover{background-color:var(--adf-theme-background-hover-color)}.adf-tree-row:hover .adf-tree-actions,.adf-tree-load-more-row:hover .adf-tree-actions{display:flex}.adf-tree-row:focus,.adf-tree-load-more-row:focus{background-color:var(--adf-theme-background-hover-color);outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-row .adf-tree-expand-collapse-button,.adf-tree-row .adf-tree-load-more-button,.adf-tree-load-more-row .adf-tree-expand-collapse-button,.adf-tree-load-more-row .adf-tree-load-more-button{display:flex;align-items:center;justify-content:center;margin-left:15px}.adf-tree-row .adf-tree-cell,.adf-tree-load-more-row .adf-tree-cell{color:var(--adf-theme-foreground-text-color);width:100%}.adf-tree-row .adf-tree-cell .adf-tree-cell-value,.adf-tree-load-more-row .adf-tree-cell .adf-tree-cell-value{display:inline-block;padding:10px;word-break:break-word}.adf-tree-header{display:flex;width:fit-content;min-width:100%;box-sizing:border-box}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value){cursor:pointer;position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:56px;font-size:12px;color:var(--adf-theme-foreground-text-color);box-sizing:border-box;padding-top:12px}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value):focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-loading-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n"] }]
|
|
19140
19140
|
}], ctorParameters: () => [{ type: TreeService }, { type: i2.UserPreferencesService }], propDecorators: { emptyContentTemplate: [{
|
|
19141
19141
|
type: Input
|
|
19142
19142
|
}], nodeActionsMenuTemplate: [{
|
|
@@ -19636,7 +19636,7 @@ class CategoriesManagementComponent {
|
|
|
19636
19636
|
this.categoryNameControl.markAsUntouched();
|
|
19637
19637
|
}
|
|
19638
19638
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CategoriesManagementComponent, deps: [{ token: CategoryService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19639
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: CategoriesManagementComponent, isStandalone: true, selector: "adf-categories-management", inputs: { categories: "categories", categoryNameControlVisible: "categoryNameControlVisible", classifiableChanged: "classifiableChanged", disableRemoval: "disableRemoval", managementMode: "managementMode", parentId: "parentId", multiSelect: "multiSelect" }, outputs: { categoriesChange: "categoriesChange", categoryNameControlVisibleChange: "categoryNameControlVisibleChange" }, viewQueries: [{ propertyName: "categoryNameInputElement", first: true, predicate: ["categoryNameInput"], descendants: true }], ngImport: i0, template: "<div class=\"adf-categories-management\">\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-category-name-field\">\n <input #categoryNameInput\n [formControl]=\"categoryNameControl\"\n (keyup.enter)=\"addCategory()\"\n placeholder=\"{{'CATEGORIES_MANAGEMENT.CATEGORIES_SEARCH_PLACEHOLDER' | translate }}\"\n adf-auto-focus\n />\n <mat-error *ngIf=\"categoryNameControl.invalid && categoryNameControl.touched\">{{ categoryNameErrorMessageKey | translate }}</mat-error>\n </div>\n <div class=\"adf-categories-list\" *ngIf=\"categories?.length > 0\" [class.adf-categories-list-fixed]=\"!categoryNameControlVisible\">\n <span\n *ngFor=\"let category of categories\"\n [class.adf-categories-padded]=\"!isCRUDMode\"\n class=\"adf-assigned-categories\">\n {{ category.name }}\n <button\n data-automation-id=\"categories-remove-category-button\"\n mat-icon-button\n (click)=\"removeCategory(category)\"\n [attr.title]=\"removeCategoryTitle | translate\"\n [disabled]=\"disableRemoval\">\n <mat-icon
|
|
19639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: CategoriesManagementComponent, isStandalone: true, selector: "adf-categories-management", inputs: { categories: "categories", categoryNameControlVisible: "categoryNameControlVisible", classifiableChanged: "classifiableChanged", disableRemoval: "disableRemoval", managementMode: "managementMode", parentId: "parentId", multiSelect: "multiSelect" }, outputs: { categoriesChange: "categoriesChange", categoryNameControlVisibleChange: "categoryNameControlVisibleChange" }, viewQueries: [{ propertyName: "categoryNameInputElement", first: true, predicate: ["categoryNameInput"], descendants: true }], ngImport: i0, template: "<div class=\"adf-categories-management\">\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-category-name-field\">\n <input #categoryNameInput\n [formControl]=\"categoryNameControl\"\n (keyup.enter)=\"addCategory()\"\n placeholder=\"{{'CATEGORIES_MANAGEMENT.CATEGORIES_SEARCH_PLACEHOLDER' | translate }}\"\n adf-auto-focus\n />\n <mat-error *ngIf=\"categoryNameControl.invalid && categoryNameControl.touched\">{{ categoryNameErrorMessageKey | translate }}</mat-error>\n </div>\n <div class=\"adf-categories-list\" *ngIf=\"categories?.length > 0\" [class.adf-categories-list-fixed]=\"!categoryNameControlVisible\">\n <span\n *ngFor=\"let category of categories\"\n [class.adf-categories-padded]=\"!isCRUDMode\"\n class=\"adf-assigned-categories\">\n {{ category.name }}\n <button\n data-automation-id=\"categories-remove-category-button\"\n mat-icon-button\n (click)=\"removeCategory(category)\"\n [attr.title]=\"removeCategoryTitle | translate\"\n [disabled]=\"disableRemoval\">\n <mat-icon adf-icon=\"remove\" />\n </button>\n </span>\n </div>\n <p *ngIf=\"showEmptyCategoryMessage\" class=\"adf-no-categories-message\">\n {{ noCategoriesMsg | translate }}\n </p>\n</div>\n<div class=\"adf-existing-categories-panel\" *ngIf=\"existingCategoriesPanelVisible\">\n <ng-container *ngIf=\"isCRUDMode && (!existingCategoriesLoading || existingCategories)\">\n <span class=\"adf-create-category-label\"\n (click)=\"addCategory()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"addCategory()\"\n [hidden]=\"categoryNameControl.invalid || typing\">\n {{ 'CATEGORIES_MANAGEMENT.GENERIC_CREATE' | translate : { name: categoryNameControl.value } }}\n </span>\n </ng-container>\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-categories-list\">\n <ng-container *ngIf=\"!existingCategoriesLoading && existingCategories\">\n <p class=\"adf-existing-categories-label\">\n {{ existingCategoriesMsg | translate }}\n </p>\n <mat-list\n [disabled]=\"isCRUDMode || !multiSelect && categories.length > 0\"\n class=\"adf-categories-management-list\">\n <mat-list-item\n *ngFor=\"let category of existingCategories\"\n class=\"adf-category\"\n (click)='addCategoryToAssign(category)'>\n {{ category.name }}\n </mat-list-item>\n <p *ngIf=\"!existingCategories?.length && !existingCategoriesLoading\"\n data-automation-id=\"no-categories-message\">\n {{ 'CATEGORIES_MANAGEMENT.NO_EXISTING_CATEGORIES' | translate }}\n </p>\n </mat-list>\n </ng-container>\n <mat-spinner\n *ngIf=\"existingCategoriesLoading\"\n [diameter]=\"50\"\n class=\"adf-categories-management-spinner\"\n [attr.aria-label]=\"'CATEGORIES_MANAGEMENT.LOADING' | translate\" />\n </div>\n</div>\n", styles: [".adf-categories-management .adf-category-name-field{display:flex;flex-direction:column;margin-right:12px}.adf-categories-management .adf-category-name-field input{background:var(--adf-metadata-buttons-background-color);border-radius:12px;padding:7px 8px;border:none;outline:none;font:inherit;color:currentcolor;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.adf-categories-management .adf-category-name-field .mat-mdc-form-field-error{padding-top:5px}.adf-categories-management .adf-assigned-categories{display:flex;justify-content:space-between;align-items:center;word-break:break-word}.adf-categories-management .adf-categories-padded{padding:5px 0}.adf-categories-management [hidden]{visibility:hidden}.adf-categories-management .adf-no-categories-message{margin-bottom:0;height:30px}.adf-categories-list .adf-categories-management-list .adf-category{display:flex;height:100%;overflow-wrap:anywhere;padding:5px 0;font-size:14px;background-color:inherit;color:inherit}.adf-categories-list .adf-categories-management-list .adf-category:not(.mdc-list-item--disabled):hover{cursor:pointer;background:var(--adf-theme-mat-grey-color-a200)}.adf-categories-list .adf-categories-management-list .adf-category span{padding:0}.adf-categories-list .adf-existing-categories-label{font-size:10px;color:var(--theme-secondary-text-color);margin-bottom:2px}.adf-categories-list .adf-categories-management-spinner{margin:auto}.adf-existing-categories-panel{min-height:22vh}.adf-existing-categories-panel .adf-create-category-label{color:var(--theme-primary-color);cursor:pointer;overflow-wrap:anywhere}.adf-existing-categories-panel .mdc-list-item--disabled .mdc-list-item__primary-text{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i7$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19640
19640
|
}
|
|
19641
19641
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CategoriesManagementComponent, decorators: [{
|
|
19642
19642
|
type: Component,
|
|
@@ -19647,10 +19647,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
19647
19647
|
ReactiveFormsModule,
|
|
19648
19648
|
MatFormFieldModule,
|
|
19649
19649
|
MatButtonModule,
|
|
19650
|
-
|
|
19650
|
+
IconModule,
|
|
19651
19651
|
MatListModule,
|
|
19652
19652
|
MatProgressSpinnerModule
|
|
19653
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-categories-management\">\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-category-name-field\">\n <input #categoryNameInput\n [formControl]=\"categoryNameControl\"\n (keyup.enter)=\"addCategory()\"\n placeholder=\"{{'CATEGORIES_MANAGEMENT.CATEGORIES_SEARCH_PLACEHOLDER' | translate }}\"\n adf-auto-focus\n />\n <mat-error *ngIf=\"categoryNameControl.invalid && categoryNameControl.touched\">{{ categoryNameErrorMessageKey | translate }}</mat-error>\n </div>\n <div class=\"adf-categories-list\" *ngIf=\"categories?.length > 0\" [class.adf-categories-list-fixed]=\"!categoryNameControlVisible\">\n <span\n *ngFor=\"let category of categories\"\n [class.adf-categories-padded]=\"!isCRUDMode\"\n class=\"adf-assigned-categories\">\n {{ category.name }}\n <button\n data-automation-id=\"categories-remove-category-button\"\n mat-icon-button\n (click)=\"removeCategory(category)\"\n [attr.title]=\"removeCategoryTitle | translate\"\n [disabled]=\"disableRemoval\">\n <mat-icon
|
|
19653
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-categories-management\">\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-category-name-field\">\n <input #categoryNameInput\n [formControl]=\"categoryNameControl\"\n (keyup.enter)=\"addCategory()\"\n placeholder=\"{{'CATEGORIES_MANAGEMENT.CATEGORIES_SEARCH_PLACEHOLDER' | translate }}\"\n adf-auto-focus\n />\n <mat-error *ngIf=\"categoryNameControl.invalid && categoryNameControl.touched\">{{ categoryNameErrorMessageKey | translate }}</mat-error>\n </div>\n <div class=\"adf-categories-list\" *ngIf=\"categories?.length > 0\" [class.adf-categories-list-fixed]=\"!categoryNameControlVisible\">\n <span\n *ngFor=\"let category of categories\"\n [class.adf-categories-padded]=\"!isCRUDMode\"\n class=\"adf-assigned-categories\">\n {{ category.name }}\n <button\n data-automation-id=\"categories-remove-category-button\"\n mat-icon-button\n (click)=\"removeCategory(category)\"\n [attr.title]=\"removeCategoryTitle | translate\"\n [disabled]=\"disableRemoval\">\n <mat-icon adf-icon=\"remove\" />\n </button>\n </span>\n </div>\n <p *ngIf=\"showEmptyCategoryMessage\" class=\"adf-no-categories-message\">\n {{ noCategoriesMsg | translate }}\n </p>\n</div>\n<div class=\"adf-existing-categories-panel\" *ngIf=\"existingCategoriesPanelVisible\">\n <ng-container *ngIf=\"isCRUDMode && (!existingCategoriesLoading || existingCategories)\">\n <span class=\"adf-create-category-label\"\n (click)=\"addCategory()\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"addCategory()\"\n [hidden]=\"categoryNameControl.invalid || typing\">\n {{ 'CATEGORIES_MANAGEMENT.GENERIC_CREATE' | translate : { name: categoryNameControl.value } }}\n </span>\n </ng-container>\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-categories-list\">\n <ng-container *ngIf=\"!existingCategoriesLoading && existingCategories\">\n <p class=\"adf-existing-categories-label\">\n {{ existingCategoriesMsg | translate }}\n </p>\n <mat-list\n [disabled]=\"isCRUDMode || !multiSelect && categories.length > 0\"\n class=\"adf-categories-management-list\">\n <mat-list-item\n *ngFor=\"let category of existingCategories\"\n class=\"adf-category\"\n (click)='addCategoryToAssign(category)'>\n {{ category.name }}\n </mat-list-item>\n <p *ngIf=\"!existingCategories?.length && !existingCategoriesLoading\"\n data-automation-id=\"no-categories-message\">\n {{ 'CATEGORIES_MANAGEMENT.NO_EXISTING_CATEGORIES' | translate }}\n </p>\n </mat-list>\n </ng-container>\n <mat-spinner\n *ngIf=\"existingCategoriesLoading\"\n [diameter]=\"50\"\n class=\"adf-categories-management-spinner\"\n [attr.aria-label]=\"'CATEGORIES_MANAGEMENT.LOADING' | translate\" />\n </div>\n</div>\n", styles: [".adf-categories-management .adf-category-name-field{display:flex;flex-direction:column;margin-right:12px}.adf-categories-management .adf-category-name-field input{background:var(--adf-metadata-buttons-background-color);border-radius:12px;padding:7px 8px;border:none;outline:none;font:inherit;color:currentcolor;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}.adf-categories-management .adf-category-name-field .mat-mdc-form-field-error{padding-top:5px}.adf-categories-management .adf-assigned-categories{display:flex;justify-content:space-between;align-items:center;word-break:break-word}.adf-categories-management .adf-categories-padded{padding:5px 0}.adf-categories-management [hidden]{visibility:hidden}.adf-categories-management .adf-no-categories-message{margin-bottom:0;height:30px}.adf-categories-list .adf-categories-management-list .adf-category{display:flex;height:100%;overflow-wrap:anywhere;padding:5px 0;font-size:14px;background-color:inherit;color:inherit}.adf-categories-list .adf-categories-management-list .adf-category:not(.mdc-list-item--disabled):hover{cursor:pointer;background:var(--adf-theme-mat-grey-color-a200)}.adf-categories-list .adf-categories-management-list .adf-category span{padding:0}.adf-categories-list .adf-existing-categories-label{font-size:10px;color:var(--theme-secondary-text-color);margin-bottom:2px}.adf-categories-list .adf-categories-management-spinner{margin:auto}.adf-existing-categories-panel{min-height:22vh}.adf-existing-categories-panel .adf-create-category-label{color:var(--theme-primary-color);cursor:pointer;overflow-wrap:anywhere}.adf-existing-categories-panel .mdc-list-item--disabled .mdc-list-item__primary-text{opacity:1}\n"] }]
|
|
19654
19654
|
}], ctorParameters: () => [{ type: CategoryService }], propDecorators: { categories: [{
|
|
19655
19655
|
type: Input
|
|
19656
19656
|
}], categoryNameControlVisible: [{
|
|
@@ -20874,7 +20874,7 @@ class ContentTypeDialogComponent {
|
|
|
20874
20874
|
this.close();
|
|
20875
20875
|
}
|
|
20876
20876
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentTypeDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ContentTypeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20877
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentTypeDialogComponent, isStandalone: true, selector: "adf-content-type-dialog", ngImport: i0, template: "<div class=\"adf-content-type-dialog\">\n <h2 mat-dialog-title class=\"adf-content-type-dialog-title\" data-automation-id=\"content-type-dialog-title\">{{title |\n translate}}</h2>\n <mat-dialog-content class=\"mat-typography adf-content-type-dialog-content\"\n data-automation-id=\"content-type-dialog-content\">\n <h4 data-automation-id=\"content-type-dialog-description\">{{description | translate}}</h4>\n <p data-automation-id=\"content-type-dialog-confirm-message\">{{confirmMessage | translate}}</p>\n <mat-accordion>\n <mat-expansion-panel class=\"adf-content-type-accordion\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{'CORE.METADATA.CONTENT_TYPE.DIALOG.VIEW_DETAILS' | translate}}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <table mat-table [dataSource]=\"typeProperties\"\n *ngIf=\"typeProperties?.length > 0\" class=\"adf-content-type-table\">\n <ng-container matColumnDef=\"name\">\n <th mat-header-cell *matHeaderCellDef> {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.NAME' |\n translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th mat-header-cell *matHeaderCellDef>\n {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.DESCRIPTION' | translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th mat-header-cell *matHeaderCellDef> {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.DATA_TYPE'\n | translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </mat-accordion>\n </mat-dialog-content>\n <mat-dialog-actions align=\"end\">\n <button mat-button mat-dialog-close\n id=\"content-type-dialog-actions-cancel\">{{'CORE.METADATA.CONTENT_TYPE.DIALOG.CANCEL' | translate }}</button>\n <button mat-button class=\"adf-content-type-dialog-apply-button\" id=\"content-type-dialog-apply-button\"\n [mat-dialog-close]=\"true\" (click)=\"onApply()\">{{'CORE.METADATA.CONTENT_TYPE.DIALOG.APPLY' |\n translate}}</button>\n </mat-dialog-actions>\n</div>\n", styles: [".adf-content-type-dialog .adf-content-type-accordion{margin:10px}.adf-content-type-dialog-title{font-size:large;font-weight:200;margin-top:0}.adf-content-type-dialog-description{font-size:small;line-height:normal}.adf-content-type-table{width:100%}.adf-content-type-dialog-apply-button{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$
|
|
20877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentTypeDialogComponent, isStandalone: true, selector: "adf-content-type-dialog", ngImport: i0, template: "<div class=\"adf-content-type-dialog\">\n <h2 mat-dialog-title class=\"adf-content-type-dialog-title\" data-automation-id=\"content-type-dialog-title\">{{title |\n translate}}</h2>\n <mat-dialog-content class=\"mat-typography adf-content-type-dialog-content\"\n data-automation-id=\"content-type-dialog-content\">\n <h4 data-automation-id=\"content-type-dialog-description\">{{description | translate}}</h4>\n <p data-automation-id=\"content-type-dialog-confirm-message\">{{confirmMessage | translate}}</p>\n <mat-accordion>\n <mat-expansion-panel class=\"adf-content-type-accordion\">\n <mat-expansion-panel-header>\n <mat-panel-title>\n {{'CORE.METADATA.CONTENT_TYPE.DIALOG.VIEW_DETAILS' | translate}}\n </mat-panel-title>\n </mat-expansion-panel-header>\n <table mat-table [dataSource]=\"typeProperties\"\n *ngIf=\"typeProperties?.length > 0\" class=\"adf-content-type-table\">\n <ng-container matColumnDef=\"name\">\n <th mat-header-cell *matHeaderCellDef> {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.NAME' |\n translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th mat-header-cell *matHeaderCellDef>\n {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.DESCRIPTION' | translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th mat-header-cell *matHeaderCellDef> {{'CORE.METADATA.CONTENT_TYPE.DIALOG.PROPERTY.DATA_TYPE'\n | translate}} </th>\n <td mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </mat-accordion>\n </mat-dialog-content>\n <mat-dialog-actions align=\"end\">\n <button mat-button mat-dialog-close\n id=\"content-type-dialog-actions-cancel\">{{'CORE.METADATA.CONTENT_TYPE.DIALOG.CANCEL' | translate }}</button>\n <button mat-button class=\"adf-content-type-dialog-apply-button\" id=\"content-type-dialog-apply-button\"\n [mat-dialog-close]=\"true\" (click)=\"onApply()\">{{'CORE.METADATA.CONTENT_TYPE.DIALOG.APPLY' |\n translate}}</button>\n </mat-dialog-actions>\n</div>\n", styles: [".adf-content-type-dialog .adf-content-type-accordion{margin:10px}.adf-content-type-dialog-title{font-size:large;font-weight:200;margin-top:0}.adf-content-type-dialog-description{font-size:small;line-height:normal}.adf-content-type-table{width:100%}.adf-content-type-dialog-apply-button{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
20878
20878
|
}
|
|
20879
20879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentTypeDialogComponent, decorators: [{
|
|
20880
20880
|
type: Component,
|
|
@@ -21113,17 +21113,17 @@ class ContentMetadataHeaderComponent {
|
|
|
21113
21113
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21114
21114
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentMetadataHeaderComponent, isStandalone: true, selector: "adf-content-metadata-header", inputs: { title: "title", expanded: "expanded" }, ngImport: i0, template: `
|
|
21115
21115
|
<ng-container>
|
|
21116
|
-
<mat-icon
|
|
21116
|
+
<mat-icon [adf-icon]="expanded ? 'expand_more' : 'chevron_right'" />
|
|
21117
21117
|
<mat-panel-title *ngIf="title" class="adf-metadata-properties-title" [title]="title | translate">{{ title | translate }}</mat-panel-title>
|
|
21118
21118
|
<ng-content />
|
|
21119
21119
|
</ng-container>
|
|
21120
|
-
`, isInline: true, styles: ["adf-content-metadata-header{display:flex;align-items:center;width:100%}.adf-metadata-properties-title{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:15px;padding-left:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type:
|
|
21120
|
+
`, isInline: true, styles: ["adf-content-metadata-header{display:flex;align-items:center;width:100%}.adf-metadata-properties-title{display:block;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:15px;padding-left:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21121
21121
|
}
|
|
21122
21122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataHeaderComponent, decorators: [{
|
|
21123
21123
|
type: Component,
|
|
21124
|
-
args: [{ standalone: true, imports: [CommonModule,
|
|
21124
|
+
args: [{ standalone: true, imports: [CommonModule, IconModule, MatExpansionModule, TranslatePipe], selector: 'adf-content-metadata-header', encapsulation: ViewEncapsulation.None, template: `
|
|
21125
21125
|
<ng-container>
|
|
21126
|
-
<mat-icon
|
|
21126
|
+
<mat-icon [adf-icon]="expanded ? 'expand_more' : 'chevron_right'" />
|
|
21127
21127
|
<mat-panel-title *ngIf="title" class="adf-metadata-properties-title" [title]="title | translate">{{ title | translate }}</mat-panel-title>
|
|
21128
21128
|
<ng-content />
|
|
21129
21129
|
</ng-container>
|
|
@@ -21536,7 +21536,7 @@ class ContentMetadataComponent {
|
|
|
21536
21536
|
}
|
|
21537
21537
|
}
|
|
21538
21538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataComponent, deps: [{ token: ContentMetadataService }, { token: CardViewContentUpdateService }, { token: NodesApiService }, { token: i2.TranslationService }, { token: i2.AppConfigService }, { token: TagService }, { token: CategoryService }, { token: ContentService }, { token: i2.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentMetadataComponent, isStandalone: true, selector: "adf-content-metadata", inputs: { node: "node", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", displayTags: "displayTags", displayCategories: "displayCategories", customPanels: "customPanels", readOnly: "readOnly" }, host: { classAttribute: "adf-content-metadata" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-064)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: ContentMetadataHeaderComponent, selector: "adf-content-metadata-header", inputs: ["title", "expanded"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: TagsCreatorComponent, selector: "adf-tags-creator", inputs: ["mode", "disabledTagsRemoving", "tags", "tagNameControlVisible"], outputs: ["existingTagsPanelVisibilityChange", "tagsChange"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "component", type: DynamicChipListComponent, selector: "adf-dynamic-chip-list", inputs: ["pagination", "chips", "showDelete", "disableDelete", "limitChipsDisplayed", "roundUpChips"], outputs: ["displayNext", "removedChip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentMetadataComponent, isStandalone: true, selector: "adf-content-metadata", inputs: { node: "node", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", displayTags: "displayTags", displayCategories: "displayCategories", customPanels: "customPanels", readOnly: "readOnly" }, host: { classAttribute: "adf-content-metadata" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-064)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: ContentMetadataHeaderComponent, selector: "adf-content-metadata-header", inputs: ["title", "expanded"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: TagsCreatorComponent, selector: "adf-tags-creator", inputs: ["mode", "disabledTagsRemoving", "tags", "tagNameControlVisible"], outputs: ["existingTagsPanelVisibilityChange", "tagsChange"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "component", type: DynamicChipListComponent, selector: "adf-dynamic-chip-list", inputs: ["pagination", "chips", "showDelete", "disableDelete", "limitChipsDisplayed", "roundUpChips"], outputs: ["displayNext", "removedChip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21540
21540
|
}
|
|
21541
21541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataComponent, decorators: [{
|
|
21542
21542
|
type: Component,
|
|
@@ -21546,7 +21546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
21546
21546
|
ContentMetadataHeaderComponent,
|
|
21547
21547
|
MatButtonModule,
|
|
21548
21548
|
TranslatePipe,
|
|
21549
|
-
|
|
21549
|
+
IconModule,
|
|
21550
21550
|
MatChipsModule,
|
|
21551
21551
|
CategoriesManagementComponent,
|
|
21552
21552
|
DynamicExtensionComponent,
|
|
@@ -21554,7 +21554,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
21554
21554
|
TagsCreatorComponent,
|
|
21555
21555
|
CardViewComponent,
|
|
21556
21556
|
DynamicChipListComponent
|
|
21557
|
-
], host: { class: 'adf-content-metadata' }, encapsulation: ViewEncapsulation.None, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-064)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"] }]
|
|
21557
|
+
], host: { class: 'adf-content-metadata' }, encapsulation: ViewEncapsulation.None, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon adf-icon=\"mode_edit\" />\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon adf-icon=\"clear\" />\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon adf-icon=\"check\" />\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-064)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"] }]
|
|
21558
21558
|
}], ctorParameters: () => [{ type: ContentMetadataService }, { type: CardViewContentUpdateService }, { type: NodesApiService }, { type: i2.TranslationService }, { type: i2.AppConfigService }, { type: TagService }, { type: CategoryService }, { type: ContentService }, { type: i2.NotificationService }], propDecorators: { node: [{
|
|
21559
21559
|
type: Input,
|
|
21560
21560
|
args: [{ required: true }]
|
|
@@ -21788,7 +21788,7 @@ class AspectListComponent {
|
|
|
21788
21788
|
]));
|
|
21789
21789
|
}
|
|
21790
21790
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AspectListComponent, deps: [{ token: AspectListService }, { token: NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21791
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-064)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$
|
|
21791
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-064)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$4.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$4.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5$2.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: MatTableModule }, { kind: "component", type: i5$4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$4.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21792
21792
|
}
|
|
21793
21793
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AspectListComponent, decorators: [{
|
|
21794
21794
|
type: Component,
|
|
@@ -21935,7 +21935,7 @@ class DialogAspectListService {
|
|
|
21935
21935
|
document.querySelector(selectorAutoFocusedOnClose)?.focus();
|
|
21936
21936
|
}
|
|
21937
21937
|
}
|
|
21938
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DialogAspectListService, deps: [{ token: i1.MatDialog }, { token: i5$
|
|
21938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DialogAspectListService, deps: [{ token: i1.MatDialog }, { token: i5$3.OverlayContainer }, { token: TagService }, { token: CategoryService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
21939
21939
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DialogAspectListService, providedIn: 'root' }); }
|
|
21940
21940
|
}
|
|
21941
21941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DialogAspectListService, decorators: [{
|
|
@@ -21943,7 +21943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
21943
21943
|
args: [{
|
|
21944
21944
|
providedIn: 'root'
|
|
21945
21945
|
}]
|
|
21946
|
-
}], ctorParameters: () => [{ type: i1.MatDialog }, { type: i5$
|
|
21946
|
+
}], ctorParameters: () => [{ type: i1.MatDialog }, { type: i5$3.OverlayContainer }, { type: TagService }, { type: CategoryService }] });
|
|
21947
21947
|
|
|
21948
21948
|
/*!
|
|
21949
21949
|
* @license
|
|
@@ -22064,11 +22064,11 @@ class ContentMetadataCardComponent {
|
|
|
22064
22064
|
return !this.readOnly && this.hasAllowableOperations() && this.editAspectSupported;
|
|
22065
22065
|
}
|
|
22066
22066
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataCardComponent, deps: [{ token: ContentService }, { token: NodeAspectService }, { token: VersionCompatibilityService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22067
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentMetadataCardComponent, isStandalone: true, selector: "adf-content-metadata-card", inputs: { node: "node", displayEmpty: "displayEmpty", displayAspect: "displayAspect", displayTags: "displayTags", displayCategories: "displayCategories", preset: "preset", readOnly: "readOnly", multi: "multi", editable: "editable", customPanels: "customPanels", displayDefaultProperties: "displayDefaultProperties" }, host: { classAttribute: "adf-content-metadata-card" }, usesOnChanges: true, ngImport: i0, template: "<mat-card appearance=\"outlined\" *ngIf=\"node\" class=\"adf-content-metadata-card-view\">\n <mat-card-content class=\"adf-content-metadata-card-view-content\">\n <adf-content-metadata\n [displayDefaultProperties]=\"displayDefaultProperties\"\n [expanded]=\"expanded\"\n [node]=\"node\"\n [displayEmpty]=\"displayEmpty\"\n [readOnly]=\"!editable\"\n [multi]=\"multi\"\n [displayAspect]=\"displayAspect\"\n [preset]=\"preset\"\n [displayTags]=\"displayTags\"\n [displayCategories]=\"displayCategories\"\n [customPanels]=\"customPanels\" />\n </mat-card-content>\n <mat-card-footer class=\"adf-content-metadata-card-footer adf-content-metadata-card-view-footer\">\n <div>\n <button *ngIf=\"isEditAspectSupported()\"\n mat-icon-button\n (click)=\"openAspectDialog()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT_ASPECTS' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT_ASPECTS' | translate\"\n data-automation-id=\"meta-data-card-edit-aspect\">\n <mat-icon
|
|
22067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ContentMetadataCardComponent, isStandalone: true, selector: "adf-content-metadata-card", inputs: { node: "node", displayEmpty: "displayEmpty", displayAspect: "displayAspect", displayTags: "displayTags", displayCategories: "displayCategories", preset: "preset", readOnly: "readOnly", multi: "multi", editable: "editable", customPanels: "customPanels", displayDefaultProperties: "displayDefaultProperties" }, host: { classAttribute: "adf-content-metadata-card" }, usesOnChanges: true, ngImport: i0, template: "<mat-card appearance=\"outlined\" *ngIf=\"node\" class=\"adf-content-metadata-card-view\">\n <mat-card-content class=\"adf-content-metadata-card-view-content\">\n <adf-content-metadata\n [displayDefaultProperties]=\"displayDefaultProperties\"\n [expanded]=\"expanded\"\n [node]=\"node\"\n [displayEmpty]=\"displayEmpty\"\n [readOnly]=\"!editable\"\n [multi]=\"multi\"\n [displayAspect]=\"displayAspect\"\n [preset]=\"preset\"\n [displayTags]=\"displayTags\"\n [displayCategories]=\"displayCategories\"\n [customPanels]=\"customPanels\" />\n </mat-card-content>\n <mat-card-footer class=\"adf-content-metadata-card-footer adf-content-metadata-card-view-footer\">\n <div>\n <button *ngIf=\"isEditAspectSupported()\"\n mat-icon-button\n (click)=\"openAspectDialog()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT_ASPECTS' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT_ASPECTS' | translate\"\n data-automation-id=\"meta-data-card-edit-aspect\">\n <mat-icon adf-icon=\"menu\" />\n </button>\n </div>\n </mat-card-footer>\n</mat-card>\n", styles: [".adf-content-metadata-card .adf-content-metadata-card-view{padding:0}.adf-content-metadata-card .adf-content-metadata-card-view .adf-content-metadata-card-view-content{margin-bottom:0}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer{margin:0;padding:8px 12px;border-top:1px solid var(--adf-theme-foreground-text-color-007);display:flex;place-content:stretch space-between;align-items:stretch;max-height:100%}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer button{color:var(--adf-theme-foreground-text-color-064)}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer button:hover{color:var(--adf-theme-foreground-text-color-087)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$5.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5$5.MatCardFooter, selector: "mat-card-footer" }, { kind: "component", type: ContentMetadataComponent, selector: "adf-content-metadata", inputs: ["node", "displayEmpty", "expanded", "multi", "preset", "displayDefaultProperties", "displayAspect", "copyToClipboardAction", "useChipsForMultiValueProperty", "displayTags", "displayCategories", "customPanels", "readOnly"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22068
22068
|
}
|
|
22069
22069
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ContentMetadataCardComponent, decorators: [{
|
|
22070
22070
|
type: Component,
|
|
22071
|
-
args: [{ selector: 'adf-content-metadata-card', imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule,
|
|
22071
|
+
args: [{ selector: 'adf-content-metadata-card', imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule, IconModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-content-metadata-card' }, template: "<mat-card appearance=\"outlined\" *ngIf=\"node\" class=\"adf-content-metadata-card-view\">\n <mat-card-content class=\"adf-content-metadata-card-view-content\">\n <adf-content-metadata\n [displayDefaultProperties]=\"displayDefaultProperties\"\n [expanded]=\"expanded\"\n [node]=\"node\"\n [displayEmpty]=\"displayEmpty\"\n [readOnly]=\"!editable\"\n [multi]=\"multi\"\n [displayAspect]=\"displayAspect\"\n [preset]=\"preset\"\n [displayTags]=\"displayTags\"\n [displayCategories]=\"displayCategories\"\n [customPanels]=\"customPanels\" />\n </mat-card-content>\n <mat-card-footer class=\"adf-content-metadata-card-footer adf-content-metadata-card-view-footer\">\n <div>\n <button *ngIf=\"isEditAspectSupported()\"\n mat-icon-button\n (click)=\"openAspectDialog()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT_ASPECTS' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT_ASPECTS' | translate\"\n data-automation-id=\"meta-data-card-edit-aspect\">\n <mat-icon adf-icon=\"menu\" />\n </button>\n </div>\n </mat-card-footer>\n</mat-card>\n", styles: [".adf-content-metadata-card .adf-content-metadata-card-view{padding:0}.adf-content-metadata-card .adf-content-metadata-card-view .adf-content-metadata-card-view-content{margin-bottom:0}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer{margin:0;padding:8px 12px;border-top:1px solid var(--adf-theme-foreground-text-color-007);display:flex;place-content:stretch space-between;align-items:stretch;max-height:100%}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer button{color:var(--adf-theme-foreground-text-color-064)}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer button:hover{color:var(--adf-theme-foreground-text-color-087)}\n"] }]
|
|
22072
22072
|
}], ctorParameters: () => [{ type: ContentService }, { type: NodeAspectService }, { type: VersionCompatibilityService }], propDecorators: { node: [{
|
|
22073
22073
|
type: Input,
|
|
22074
22074
|
args: [{ required: true }]
|
|
@@ -22827,7 +22827,7 @@ class UserIconColumnComponent {
|
|
|
22827
22827
|
<div class="adf-cell-value" [attr.id]="group ? 'group-icon' : 'person-icon'">
|
|
22828
22828
|
@if (displayText$ | async; as user) {
|
|
22829
22829
|
@if (group) {
|
|
22830
|
-
<mat-icon class="adf-group-icon"
|
|
22830
|
+
<mat-icon class="adf-group-icon" adf-icon="people_alt_outline" />
|
|
22831
22831
|
<span class="cdk-visually-hidden">{{ 'USER_ICON.GROUP_ICON_ALT' | translate }}</span>
|
|
22832
22832
|
} @else {
|
|
22833
22833
|
<div [outerHTML]="user | usernameInitials: 'adf-people-initial'"></div>
|
|
@@ -22840,16 +22840,16 @@ class UserIconColumnComponent {
|
|
|
22840
22840
|
<span class="cdk-visually-hidden">{{ 'USER_ICON.GROUP_USER_SELECTED_ALT' | translate }}</span>
|
|
22841
22841
|
</div>
|
|
22842
22842
|
}
|
|
22843
|
-
`, isInline: true, styles: [".adf-cell-value .adf-people-initial{background:var(--theme-primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:var(--theme-primary-color-default-contrast);font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase}.adf-cell-value .adf-group-icon{height:20px;width:20px;background:var(--theme-primary-color);border-radius:50%;padding:10px;color:var(--theme-primary-color-default-contrast);font-weight:bolder;font-size:var(--theme-title-font-size)}.adf-cell-value .adf-datatable-selected{height:100%;width:100%;margin-left:-2px;margin-top:2px}.adf-cell-value .adf-people-select-icon{margin:0}.adf-cell-value .adf-people-select-icon svg{fill:var(--theme-accent-color);width:40px;height:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type:
|
|
22843
|
+
`, isInline: true, styles: [".adf-cell-value .adf-people-initial{background:var(--theme-primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:var(--theme-primary-color-default-contrast);font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase}.adf-cell-value .adf-group-icon{height:20px;width:20px;background:var(--theme-primary-color);border-radius:50%;padding:10px;color:var(--theme-primary-color-default-contrast);font-weight:bolder;font-size:var(--theme-title-font-size)}.adf-cell-value .adf-datatable-selected{height:100%;width:100%;margin-left:-2px;margin-top:2px}.adf-cell-value .adf-people-select-icon{margin:0}.adf-cell-value .adf-people-select-icon svg{fill:var(--theme-accent-color);width:40px;height:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22844
22844
|
}
|
|
22845
22845
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UserIconColumnComponent, decorators: [{
|
|
22846
22846
|
type: Component,
|
|
22847
|
-
args: [{ selector: 'adf-user-icon-column', imports: [CommonModule,
|
|
22847
|
+
args: [{ selector: 'adf-user-icon-column', imports: [CommonModule, IconModule, InitialUsernamePipe, TranslatePipe], template: `
|
|
22848
22848
|
@if (!isSelected) {
|
|
22849
22849
|
<div class="adf-cell-value" [attr.id]="group ? 'group-icon' : 'person-icon'">
|
|
22850
22850
|
@if (displayText$ | async; as user) {
|
|
22851
22851
|
@if (group) {
|
|
22852
|
-
<mat-icon class="adf-group-icon"
|
|
22852
|
+
<mat-icon class="adf-group-icon" adf-icon="people_alt_outline" />
|
|
22853
22853
|
<span class="cdk-visually-hidden">{{ 'USER_ICON.GROUP_ICON_ALT' | translate }}</span>
|
|
22854
22854
|
} @else {
|
|
22855
22855
|
<div [outerHTML]="user | usernameInitials: 'adf-people-initial'"></div>
|
|
@@ -22926,7 +22926,7 @@ class AddPermissionPanelComponent {
|
|
|
22926
22926
|
this.search.resetResults();
|
|
22927
22927
|
}
|
|
22928
22928
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AddPermissionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22929
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AddPermissionPanelComponent, isStandalone: true, selector: "adf-add-permission-panel", outputs: { select: "select" }, providers: [{ provide: SearchConfigurationService, useClass: SearchPermissionConfigurationService }, SearchService], viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, static: true }, { propertyName: "matSelectionList", first: true, predicate: MatSelectionList, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"fill\" class=\"adf-permission-search-input\">\n <input\n matInput\n id=\"searchInput\"\n class=\"adf-permission-search-input-control\"\n [formControl]=\"searchInput\"\n type=\"text\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n placeholder=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate\"\n [value]=\"searchedWord\"\n />\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchedWord?.length > 0\"\n data-automation-id=\"adf-permission-clear-input\"\n id=\"adf-permission-clear-input\"\n class=\"adf-permission-search-input-clear-button\"\n (click)=\"clearSearch()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-permission-search-icon\"
|
|
22929
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AddPermissionPanelComponent, isStandalone: true, selector: "adf-add-permission-panel", outputs: { select: "select" }, providers: [{ provide: SearchConfigurationService, useClass: SearchPermissionConfigurationService }, SearchService], viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, static: true }, { propertyName: "matSelectionList", first: true, predicate: MatSelectionList, descendants: true }], ngImport: i0, template: "<mat-form-field appearance=\"fill\" class=\"adf-permission-search-input\">\n <input\n matInput\n id=\"searchInput\"\n class=\"adf-permission-search-input-control\"\n [formControl]=\"searchInput\"\n type=\"text\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n placeholder=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate\"\n [value]=\"searchedWord\"\n />\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchedWord?.length > 0\"\n data-automation-id=\"adf-permission-clear-input\"\n id=\"adf-permission-clear-input\"\n class=\"adf-permission-search-input-clear-button\"\n (click)=\"clearSearch()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-permission-search-icon\" adf-icon=\"clear\" />\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" adf-icon=\"search\" matSuffix />\n</mat-form-field>\n\n<div *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-start-message\" id=\"adf-add-permission-type-search\">\n <span>{{ 'PERMISSION_MANAGER.ADD-PERMISSION.TYPE-MESSAGE' | translate }}</span>\n</div>\n\n<adf-search\n #search\n [searchTerm]=\"searchedWord\"\n id=\"adf-add-permission-authority-results\"\n class=\"adf-permission-result-list\"\n [class.adf-permission-result-list-search]=\"searchedWord.length === 0\"\n>\n <ng-template let-data>\n <mat-selection-list\n class=\"adf-permission-result-list-elements\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.USER-GROUP-LIST' | translate }}\"\n tabindex=\"0\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.USER-GROUP-LIST' | translate\"\n (selectionChange)=\"onSelectionChange()\"\n >\n <mat-list-option id=\"adf-add-permission-group-everyone\" #eveyone [disableRipple]=\"true\" [value]=\"EVERYONE\">\n <div class=\"adf-list-option-item\">\n <adf-user-icon-column [node]=\"EVERYONE\" id=\"add-group-icon\" [selected]=\"eveyone.selected\" />\n <p class=\"adf-result-name\">\n {{ 'PERMISSION_MANAGER.ADD-PERMISSION.EVERYONE' | translate }}\n </p>\n </div>\n </mat-list-option>\n\n <mat-list-option\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n [disableRipple]=\"true\"\n [value]=\"item\"\n id=\"result_option_{{ idx }}\"\n #option\n >\n <div class=\"adf-list-option-item\">\n <adf-user-icon-column [node]=\"item\" [selected]=\"option.selected\" />\n <p class=\"adf-result-name\">\n <ng-container *ngIf=\"item.entry?.properties['cm:authorityDisplayName']; else authorityName\">\n {{ item.entry.properties['cm:authorityDisplayName'] }}\n </ng-container>\n <ng-template #authorityName>\n <ng-container *ngIf=\"item.entry?.properties['cm:authorityName']; else owner\">\n {{ item.entry.properties['cm:authorityName'] }}\n </ng-container>\n </ng-template>\n <ng-template #owner>\n {{ item.entry?.properties['cm:firstName'] ? item.entry?.properties['cm:firstName'] : '' }}\n {{ item.entry?.properties['cm:lastName'] ? item.entry?.properties['cm:lastName'] : '' }}\n </ng-template>\n </p>\n </div>\n </mat-list-option>\n </mat-selection-list>\n </ng-template>\n</adf-search>\n", styles: [".adf-permission-result-list{display:flex;height:calc(100% - 60px);overflow:auto;border:2px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-result-list .mdc-list-item__end{display:none}.adf-permission-result-list-elements{width:100%}.adf-permission-result-list-search{display:none}.adf-list-option-item{display:flex;flex-direction:row;align-items:center}.adf-list-option-item .adf-result-name{padding-left:16px}.adf-permission-start-message{display:flex;align-items:center;justify-content:space-around;height:calc(100% - 60px);overflow:auto;border:2px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-no-result{display:flex;align-items:center;justify-content:space-around;width:100%}.adf-permission-search-input{width:100%;padding-bottom:0;padding-top:12px}.adf-permission-search-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-permission-search-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:0;padding-bottom:0}.adf-permission-search-input .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-permission-search-input .adf-permission-search-input-control:focus::placeholder{color:var(--theme-primary-color)}.adf-permission-search-input .adf-permission-search-icon:is(mat-icon){padding:0 0 12px;width:1em;height:1em;font-size:20px}.adf-permission-search-input .adf-permission-search-input-clear-button{padding:0;width:20px;height:32px;margin-right:1.5px}.adf-permission-search-input .adf-permission-search-input-clear-button .adf-permission-search-icon:is(mat-icon){cursor:pointer}.adf-permission-search-input .adf-permission-search-input-clear-button .adf-permission-search-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-permission-action[disabled]{opacity:.6}.adf-permission-action:enabled{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i7$4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i7$4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: SearchComponent, selector: "adf-search", inputs: ["displayWith", "maxResults", "skipResults", "searchTerm", "class"], outputs: ["resultLoaded", "error"], exportAs: ["searchAutocomplete"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22930
22930
|
}
|
|
22931
22931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AddPermissionPanelComponent, decorators: [{
|
|
22932
22932
|
type: Component,
|
|
@@ -22936,12 +22936,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
22936
22936
|
MatInputModule,
|
|
22937
22937
|
TranslatePipe,
|
|
22938
22938
|
ReactiveFormsModule,
|
|
22939
|
-
|
|
22939
|
+
IconModule,
|
|
22940
22940
|
MatListModule,
|
|
22941
22941
|
UserIconColumnComponent,
|
|
22942
22942
|
SearchComponent,
|
|
22943
22943
|
MatIconButton
|
|
22944
|
-
], encapsulation: ViewEncapsulation.None, providers: [{ provide: SearchConfigurationService, useClass: SearchPermissionConfigurationService }, SearchService], template: "<mat-form-field appearance=\"fill\" class=\"adf-permission-search-input\">\n <input\n matInput\n id=\"searchInput\"\n class=\"adf-permission-search-input-control\"\n [formControl]=\"searchInput\"\n type=\"text\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n placeholder=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate\"\n [value]=\"searchedWord\"\n />\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchedWord?.length > 0\"\n data-automation-id=\"adf-permission-clear-input\"\n id=\"adf-permission-clear-input\"\n class=\"adf-permission-search-input-clear-button\"\n (click)=\"clearSearch()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-permission-search-icon\"
|
|
22944
|
+
], encapsulation: ViewEncapsulation.None, providers: [{ provide: SearchConfigurationService, useClass: SearchPermissionConfigurationService }, SearchService], template: "<mat-form-field appearance=\"fill\" class=\"adf-permission-search-input\">\n <input\n matInput\n id=\"searchInput\"\n class=\"adf-permission-search-input-control\"\n [formControl]=\"searchInput\"\n type=\"text\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n placeholder=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate }}\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.SEARCH' | translate\"\n [value]=\"searchedWord\"\n />\n <button\n matSuffix\n mat-icon-button\n *ngIf=\"searchedWord?.length > 0\"\n data-automation-id=\"adf-permission-clear-input\"\n id=\"adf-permission-clear-input\"\n class=\"adf-permission-search-input-clear-button\"\n (click)=\"clearSearch()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n >\n <mat-icon class=\"adf-permission-search-icon\" adf-icon=\"clear\" />\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" adf-icon=\"search\" matSuffix />\n</mat-form-field>\n\n<div *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-start-message\" id=\"adf-add-permission-type-search\">\n <span>{{ 'PERMISSION_MANAGER.ADD-PERMISSION.TYPE-MESSAGE' | translate }}</span>\n</div>\n\n<adf-search\n #search\n [searchTerm]=\"searchedWord\"\n id=\"adf-add-permission-authority-results\"\n class=\"adf-permission-result-list\"\n [class.adf-permission-result-list-search]=\"searchedWord.length === 0\"\n>\n <ng-template let-data>\n <mat-selection-list\n class=\"adf-permission-result-list-elements\"\n title=\"{{ 'PERMISSION_MANAGER.ADD-PERMISSION.USER-GROUP-LIST' | translate }}\"\n tabindex=\"0\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.USER-GROUP-LIST' | translate\"\n (selectionChange)=\"onSelectionChange()\"\n >\n <mat-list-option id=\"adf-add-permission-group-everyone\" #eveyone [disableRipple]=\"true\" [value]=\"EVERYONE\">\n <div class=\"adf-list-option-item\">\n <adf-user-icon-column [node]=\"EVERYONE\" id=\"add-group-icon\" [selected]=\"eveyone.selected\" />\n <p class=\"adf-result-name\">\n {{ 'PERMISSION_MANAGER.ADD-PERMISSION.EVERYONE' | translate }}\n </p>\n </div>\n </mat-list-option>\n\n <mat-list-option\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n [disableRipple]=\"true\"\n [value]=\"item\"\n id=\"result_option_{{ idx }}\"\n #option\n >\n <div class=\"adf-list-option-item\">\n <adf-user-icon-column [node]=\"item\" [selected]=\"option.selected\" />\n <p class=\"adf-result-name\">\n <ng-container *ngIf=\"item.entry?.properties['cm:authorityDisplayName']; else authorityName\">\n {{ item.entry.properties['cm:authorityDisplayName'] }}\n </ng-container>\n <ng-template #authorityName>\n <ng-container *ngIf=\"item.entry?.properties['cm:authorityName']; else owner\">\n {{ item.entry.properties['cm:authorityName'] }}\n </ng-container>\n </ng-template>\n <ng-template #owner>\n {{ item.entry?.properties['cm:firstName'] ? item.entry?.properties['cm:firstName'] : '' }}\n {{ item.entry?.properties['cm:lastName'] ? item.entry?.properties['cm:lastName'] : '' }}\n </ng-template>\n </p>\n </div>\n </mat-list-option>\n </mat-selection-list>\n </ng-template>\n</adf-search>\n", styles: [".adf-permission-result-list{display:flex;height:calc(100% - 60px);overflow:auto;border:2px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-result-list .mdc-list-item__end{display:none}.adf-permission-result-list-elements{width:100%}.adf-permission-result-list-search{display:none}.adf-list-option-item{display:flex;flex-direction:row;align-items:center}.adf-list-option-item .adf-result-name{padding-left:16px}.adf-permission-start-message{display:flex;align-items:center;justify-content:space-around;height:calc(100% - 60px);overflow:auto;border:2px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-no-result{display:flex;align-items:center;justify-content:space-around;width:100%}.adf-permission-search-input{width:100%;padding-bottom:0;padding-top:12px}.adf-permission-search-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex{align-items:center}.adf-permission-search-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding-top:0;padding-bottom:0}.adf-permission-search-input .mat-mdc-form-field-subscript-wrapper{height:16px}.adf-permission-search-input .adf-permission-search-input-control:focus::placeholder{color:var(--theme-primary-color)}.adf-permission-search-input .adf-permission-search-icon:is(mat-icon){padding:0 0 12px;width:1em;height:1em;font-size:20px}.adf-permission-search-input .adf-permission-search-input-clear-button{padding:0;width:20px;height:32px;margin-right:1.5px}.adf-permission-search-input .adf-permission-search-input-clear-button .adf-permission-search-icon:is(mat-icon){cursor:pointer}.adf-permission-search-input .adf-permission-search-input-clear-button .adf-permission-search-icon:is(mat-icon):hover{color:var(--adf-theme-foreground-base-color)}.adf-permission-action[disabled]{opacity:.6}.adf-permission-action:enabled{color:var(--theme-primary-color)}\n"] }]
|
|
22945
22945
|
}], ctorParameters: () => [], propDecorators: { search: [{
|
|
22946
22946
|
type: ViewChild,
|
|
22947
22947
|
args: ['search', { static: true }]
|
|
@@ -23090,7 +23090,7 @@ class UserRoleColumnComponent {
|
|
|
23090
23090
|
<span class="adf-datatable-cell-value adf-readonly-role" [title]="i18nValue | translate" *ngIf="readonly">
|
|
23091
23091
|
{{ i18nValue | translate }}
|
|
23092
23092
|
</span>
|
|
23093
|
-
`, isInline: true, styles: [".adf-role-selector-field.mat-mdc-form-field{width:100%;max-width:200px;height:40px}.adf-role-selector-field.mat-mdc-form-field .mat-mdc-form-field-infix:not(:disabled){padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type:
|
|
23093
|
+
`, isInline: true, styles: [".adf-role-selector-field.mat-mdc-form-field{width:100%;max-width:200px;height:40px}.adf-role-selector-field.mat-mdc-form-field .mat-mdc-form-field-infix:not(:disabled){padding-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$1.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: i7$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23094
23094
|
}
|
|
23095
23095
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UserRoleColumnComponent, decorators: [{
|
|
23096
23096
|
type: Component,
|
|
@@ -23209,7 +23209,7 @@ class AddPermissionDialogComponent {
|
|
|
23209
23209
|
return this.selectedMembers.filter(({ readonly }) => !readonly).length && this.selectedMembers.every(({ role }) => !!role);
|
|
23210
23210
|
}
|
|
23211
23211
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AddPermissionDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AddPermissionDialogComponent, isStandalone: true, selector: "adf-add-permission-dialog", ngImport: i0, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd>search</mat-icon>\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon>highlight_off</mat-icon>\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: UserNameColumnComponent, selector: "adf-user-name-column", inputs: ["context", "node"] }, { kind: "component", type: UserRoleColumnComponent, selector: "adf-user-role-column", inputs: ["roles", "value", "readonly", "placeholder"], outputs: ["roleChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AddPermissionDialogComponent, isStandalone: true, selector: "adf-add-permission-dialog", ngImport: i0, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd adf-icon=\"search\" />\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon adf-icon=\"highlight_off\" />\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: UserNameColumnComponent, selector: "adf-user-name-column", inputs: ["context", "node"] }, { kind: "component", type: UserRoleColumnComponent, selector: "adf-user-role-column", inputs: ["roles", "value", "readonly", "placeholder"], outputs: ["roleChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23213
23213
|
}
|
|
23214
23214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AddPermissionDialogComponent, decorators: [{
|
|
23215
23215
|
type: Component,
|
|
@@ -23222,12 +23222,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
23222
23222
|
DataColumnListComponent,
|
|
23223
23223
|
DataColumnComponent,
|
|
23224
23224
|
DateColumnHeaderComponent,
|
|
23225
|
-
|
|
23225
|
+
IconModule,
|
|
23226
23226
|
AddPermissionPanelComponent,
|
|
23227
23227
|
UserIconColumnComponent,
|
|
23228
23228
|
UserNameColumnComponent,
|
|
23229
23229
|
UserRoleColumnComponent
|
|
23230
|
-
], encapsulation: ViewEncapsulation.None, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd
|
|
23230
|
+
], encapsulation: ViewEncapsulation.None, template: "<h2 mat-dialog-title\n class='adf-add-permission-dialog-title'\n id=\"add-permission-dialog-title\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.BASE_DIALOG_SCREEN_READER_TITLE' | translate\">\n {{ (data?.title ? data?.title : \"PERMISSION_MANAGER.ADD-PERMISSION.BASE-DIALOG-TITLE\") | translate }}\n</h2>\n\n<ng-container *ngIf=\"!isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <button mat-button (click)=\"enableSearch()\" class=\"adf-search-user-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SEARCH\" | translate }}\n <span class=\"adf-toolbar--spacer\"></span>\n <mat-icon iconPositionEnd adf-icon=\"search\" />\n </button>\n\n <div class=\"adf-new-permission-table\">\n <adf-datatable [rows]=\"selectedMembers\"\n class=\"adf-datatable-permission\"\n selectionMode=\"none\"\n [stickyHeader]=\"true\"\n data-automation-id=\"adf-user-role-selection-table\"\n *ngIf=\"selectedMembers.length\">\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:selectedMembers.length}\"\n key=\"id\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"role\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"data.roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"onMemberUpdate($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header>\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"data.roles\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"onBulkUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n class=\"adf-add-member-action\"\n [style.display]=\"entry.row.obj.readonly ? 'none': 'block'\"\n (click)=\"onMemberDelete(entry.row.obj)\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n [attr.title]=\"'PERMISSION_MANAGER.ADD-PERMISSION.REMOVE_USER_GROUP' | translate\"\n data-automation-id=\"adf-delete-permission-button\">\n <mat-icon adf-icon=\"highlight_off\" />\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n </adf-datatable>\n </div>\n\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n mat-dialog-close\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [mat-dialog-close]=\"true\"\n class=\"adf-choose-action\"\n [disabled]=\"!isValid()\"\n (click)=\"onAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n\n<ng-container *ngIf=\"isSearchActive\">\n <mat-dialog-content class=\"adf-add-permission-dialog-content\">\n <adf-add-permission-panel class=\"adf-search-container\" (select)=\"onSelect($event)\" />\n </mat-dialog-content>\n\n <mat-dialog-actions class=\"adf-add-permission-dialog-actions\">\n <button mat-button\n (click)=\"canCloseDialog()\"\n data-automation-id=\"add-permission-dialog-close-button\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.CLOSE-ACTION\" | translate }}\n </button>\n <button mat-button\n data-automation-id=\"add-permission-dialog-confirm-button\"\n [disabled]=\"!currentSelection.length\"\n (click)=\"onSearchAddClicked()\">\n {{ \"PERMISSION_MANAGER.ADD-PERMISSION.SELECT-ACTION\" | translate }}\n </button>\n </mat-dialog-actions>\n</ng-container>\n", styles: [".mdc-dialog .mat-mdc-dialog-surface:is(div){padding-bottom:0}.adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font-size:var(--theme-title-font-size);font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-add-permission-dialog .adf-add-permission-dialog-content{margin:0;overflow:hidden;flex-grow:1;height:80vh}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button{width:100%;justify-content:unset}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mdc-button__label{padding-right:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-user-button .mat-icon{font-size:24px;width:24px;height:24px;margin-left:0}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-add-member-action{padding:0 15px}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-new-permission-table{height:90%}.adf-add-permission-dialog .adf-add-permission-dialog-content .adf-search-container{height:100%}.adf-add-permission-dialog .adf-add-permission-dialog-actions{padding:0 24px;background-color:var(--theme-background-color);display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--adf-theme-foreground-secondary-text-color)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--theme-primary-color)}.adf-add-permission-dialog .adf-datatable-cell .adf-cell-value adf-user-role-column{position:unset}\n"] }]
|
|
23231
23231
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
23232
23232
|
type: Inject,
|
|
23233
23233
|
args: [MAT_DIALOG_DATA]
|
|
@@ -23596,7 +23596,7 @@ class PermissionContainerComponent {
|
|
|
23596
23596
|
this.delete.emit(permissionRow);
|
|
23597
23597
|
}
|
|
23598
23598
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PermissionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23599
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PermissionContainerComponent, isStandalone: true, selector: "adf-permission-container", inputs: { node: "node", permissions: "permissions", roles: "roles", isReadOnly: "isReadOnly", showLocation: "showLocation", selectionMode: "selectionMode" }, outputs: { update: "update", updateAll: "updateAll", delete: "delete", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<adf-datatable class=\"adf-datatable-permission\"\n id=\"adf-permission-display-container\"\n [rows]=\"permissions\"\n [stickyHeader]=\"true\"\n [selectionMode]=\"selectionMode\">\n\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:permissions.length}\"\n key=\"authorityId\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>d\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n title=\"PERMISSION_MANAGER.COLUMN.LOCATION\"\n key=\"location\"\n *ngIf=\"node && showLocation\">\n <ng-template>\n <adf-node-path-column [node]=\"node\" />\n </ng-template>\n </data-column>\n\n <data-column\n class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"name\"\n [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly || isReadOnly\"\n [placeholder]=\"entry.data.getValue(entry.row, entry.col)\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"updateRole($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header *ngIf=\"!isReadOnly\">\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"roles\"\n [value]=\"bulkSelectionRole\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"bulkRoleUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" *ngIf=\"!isReadOnly\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n [disabled]=\"entry.row.obj.readonly\"\n (click)=\"removePermission($event, entry.row.obj)\"\n (keydown.enter)=\"removePermission($event, entry.row.obj)\"\n [attr.data-automation-id]=\"'adf-delete-permission-button-' + entry.row.obj.authorityId\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ACTION.DELETE' | translate\">\n <mat-icon
|
|
23599
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PermissionContainerComponent, isStandalone: true, selector: "adf-permission-container", inputs: { node: "node", permissions: "permissions", roles: "roles", isReadOnly: "isReadOnly", showLocation: "showLocation", selectionMode: "selectionMode" }, outputs: { update: "update", updateAll: "updateAll", delete: "delete", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<adf-datatable class=\"adf-datatable-permission\"\n id=\"adf-permission-display-container\"\n [rows]=\"permissions\"\n [stickyHeader]=\"true\"\n [selectionMode]=\"selectionMode\">\n\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:permissions.length}\"\n key=\"authorityId\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>d\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n title=\"PERMISSION_MANAGER.COLUMN.LOCATION\"\n key=\"location\"\n *ngIf=\"node && showLocation\">\n <ng-template>\n <adf-node-path-column [node]=\"node\" />\n </ng-template>\n </data-column>\n\n <data-column\n class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"name\"\n [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly || isReadOnly\"\n [placeholder]=\"entry.data.getValue(entry.row, entry.col)\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"updateRole($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header *ngIf=\"!isReadOnly\">\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"roles\"\n [value]=\"bulkSelectionRole\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"bulkRoleUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" *ngIf=\"!isReadOnly\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n [disabled]=\"entry.row.obj.readonly\"\n (click)=\"removePermission($event, entry.row.obj)\"\n (keydown.enter)=\"removePermission($event, entry.row.obj)\"\n [attr.data-automation-id]=\"'adf-delete-permission-button-' + entry.row.obj.authorityId\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ACTION.DELETE' | translate\">\n <mat-icon adf-icon=\"delete_outline\" />\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content\n id=\"adf-no-permissions-template\"\n icon=\"supervisor_account\"\n [title]=\"'PERMISSION_MANAGER.MESSAGE.EMPTY-PERMISSION' | translate\"\n [subtitle]=\"'PERMISSION_MANAGER.MESSAGE.EMPTY-SUBTITLE' | translate\" />\n </ng-template>\n </adf-no-content-template>\n\n</adf-datatable>\n", styles: [".adf-datatable-permission{display:flex;min-width:450px;width:100%}.adf-datatable-permission.adf-datatable{overflow:hidden}.adf-datatable-permission.adf-datatable .adf-datatable-row .adf-permission-role-column-header{position:relative}.adf-datatable-permission.adf-datatable .adf-delete-permission-column{min-width:80px}.adf-datatable-permission.adf-datatable .adf-delete-permission-column .adf-cell-value{width:80px;padding-right:10px;place-content:flex-end}.adf-datatable-permission.adf-datatable .adf-authorityId-column{flex:40%}.adf-datatable-permission.adf-datatable .adf-authority-icon-column{min-width:40px}.adf-datatable-permission.adf-datatable .adf-authority-icon-column .adf-datatable-cell-container{padding:0}.adf-datatable-permission.adf-datatable .adf-datatable-selected>svg{width:40px;height:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DataTableComponent, selector: "adf-datatable", inputs: ["data", "rows", "sorting", "columns", "selectionMode", "multiselect", "mainTableAction", "actions", "showMainDatatableActions", "showProvidedActions", "actionsPosition", "actionsVisibleOnHover", "fallbackThumbnail", "contextMenu", "rowStyle", "rowStyleClass", "showHeader", "stickyHeader", "loading", "noPermission", "rowMenuCacheEnabled", "resolverFn", "allowFiltering", "isResizingEnabled", "blurOnResize", "displayCheckboxesOnHover", "enableDragRows"], outputs: ["rowClick", "rowDblClick", "showRowContextMenu", "showRowActionsMenu", "executeRowAction", "columnOrderChanged", "columnsWidthChanged", "selectedItemsCountChanged", "dragDropped"] }, { kind: "component", type: DataColumnListComponent, selector: "data-columns" }, { kind: "component", type: DataColumnComponent, selector: "data-column", inputs: ["id", "key", "customData", "type", "format", "sortable", "draggable", "resizable", "isHidden", "title", "subtitle", "formatTooltip", "sr-title", "class", "copyContent", "editable", "focus", "sortingKey", "order", "currencyConfig", "decimalConfig", "dateConfig"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: DateColumnHeaderComponent, selector: "adf-data-column-header" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "directive", type: NoContentTemplateDirective, selector: "adf-no-content-template, no-content-template" }, { kind: "component", type: EmptyContentComponent, selector: "adf-empty-content", inputs: ["icon", "title", "subtitle"] }, { kind: "component", type: UserIconColumnComponent, selector: "adf-user-icon-column", inputs: ["context", "node", "selected"] }, { kind: "component", type: UserNameColumnComponent, selector: "adf-user-name-column", inputs: ["context", "node"] }, { kind: "component", type: NodePathColumnComponent, selector: "adf-node-path-column", inputs: ["node"] }, { kind: "component", type: UserRoleColumnComponent, selector: "adf-user-role-column", inputs: ["roles", "value", "readonly", "placeholder"], outputs: ["roleChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23600
23600
|
}
|
|
23601
23601
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PermissionContainerComponent, decorators: [{
|
|
23602
23602
|
type: Component,
|
|
@@ -23608,14 +23608,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
23608
23608
|
TranslatePipe,
|
|
23609
23609
|
DateColumnHeaderComponent,
|
|
23610
23610
|
MatButtonModule,
|
|
23611
|
-
|
|
23611
|
+
IconModule,
|
|
23612
23612
|
NoContentTemplateDirective,
|
|
23613
23613
|
EmptyContentComponent,
|
|
23614
23614
|
UserIconColumnComponent,
|
|
23615
23615
|
UserNameColumnComponent,
|
|
23616
23616
|
NodePathColumnComponent,
|
|
23617
23617
|
UserRoleColumnComponent
|
|
23618
|
-
], encapsulation: ViewEncapsulation.None, template: "<adf-datatable class=\"adf-datatable-permission\"\n id=\"adf-permission-display-container\"\n [rows]=\"permissions\"\n [stickyHeader]=\"true\"\n [selectionMode]=\"selectionMode\">\n\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:permissions.length}\"\n key=\"authorityId\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>d\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n title=\"PERMISSION_MANAGER.COLUMN.LOCATION\"\n key=\"location\"\n *ngIf=\"node && showLocation\">\n <ng-template>\n <adf-node-path-column [node]=\"node\" />\n </ng-template>\n </data-column>\n\n <data-column\n class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"name\"\n [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly || isReadOnly\"\n [placeholder]=\"entry.data.getValue(entry.row, entry.col)\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"updateRole($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header *ngIf=\"!isReadOnly\">\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"roles\"\n [value]=\"bulkSelectionRole\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"bulkRoleUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" *ngIf=\"!isReadOnly\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n [disabled]=\"entry.row.obj.readonly\"\n (click)=\"removePermission($event, entry.row.obj)\"\n (keydown.enter)=\"removePermission($event, entry.row.obj)\"\n [attr.data-automation-id]=\"'adf-delete-permission-button-' + entry.row.obj.authorityId\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ACTION.DELETE' | translate\">\n <mat-icon
|
|
23618
|
+
], encapsulation: ViewEncapsulation.None, template: "<adf-datatable class=\"adf-datatable-permission\"\n id=\"adf-permission-display-container\"\n [rows]=\"permissions\"\n [stickyHeader]=\"true\"\n [selectionMode]=\"selectionMode\">\n\n <data-columns>\n <data-column class=\"adf-datatable-cell--image adf-authority-icon-column\" key=\"$thumbunail\" [sortable]=\"false\">\n <ng-template let-context>\n <adf-user-icon-column [context]=\"context\" />\n </ng-template>\n </data-column>\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n [title]=\"'PERMISSION_MANAGER.COLUMN.NAME' | translate:{count:permissions.length}\"\n key=\"authorityId\">\n <ng-template let-context>\n <adf-user-name-column [context]=\"context\" />\n </ng-template>\n </data-column>d\n\n <data-column class=\"adf-ellipsis-cell adf-expand-cell-5 adf-authorityId-column\"\n title=\"PERMISSION_MANAGER.COLUMN.LOCATION\"\n key=\"location\"\n *ngIf=\"node && showLocation\">\n <ng-template>\n <adf-node-path-column [node]=\"node\" />\n </ng-template>\n </data-column>\n\n <data-column\n class=\"adf-ellipsis-cell adf-expand-cell-4\"\n title=\"PERMISSION_MANAGER.PERMISSION_DISPLAY.ROLE\"\n key=\"name\"\n [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <adf-user-role-column [readonly]=\"entry.row.obj.readonly || isReadOnly\"\n [placeholder]=\"entry.data.getValue(entry.row, entry.col)\"\n [value]=\"entry.data.getValue(entry.row, entry.col)\"\n [roles]=\"roles\"\n id=\"adf-select-role-permission\"\n (roleChanged)=\"updateRole($event, entry.row.obj)\" />\n </ng-template>\n\n <adf-data-column-header *ngIf=\"!isReadOnly\">\n <ng-template>\n <adf-user-role-column class=\"adf-permission-role-column-header\"\n placeholder=\"PERMISSION_MANAGER.COLUMN.BULK-ROLE\"\n [roles]=\"roles\"\n [value]=\"bulkSelectionRole\"\n id=\"adf-bulk-select-role-permission\"\n (roleChanged)=\"bulkRoleUpdate($event)\" />\n </ng-template>\n </adf-data-column-header>\n </data-column>\n\n <data-column class=\"adf-datatable-cell adf-delete-permission-column\" key=\"\" *ngIf=\"!isReadOnly\" [sortable]=\"false\">\n <ng-template let-entry=\"$implicit\">\n <button mat-icon-button\n [disabled]=\"entry.row.obj.readonly\"\n (click)=\"removePermission($event, entry.row.obj)\"\n (keydown.enter)=\"removePermission($event, entry.row.obj)\"\n [attr.data-automation-id]=\"'adf-delete-permission-button-' + entry.row.obj.authorityId\"\n [attr.aria-label]=\"'PERMISSION_MANAGER.ACTION.DELETE' | translate\">\n <mat-icon adf-icon=\"delete_outline\" />\n </button>\n </ng-template>\n </data-column>\n </data-columns>\n\n <adf-no-content-template>\n <ng-template>\n <adf-empty-content\n id=\"adf-no-permissions-template\"\n icon=\"supervisor_account\"\n [title]=\"'PERMISSION_MANAGER.MESSAGE.EMPTY-PERMISSION' | translate\"\n [subtitle]=\"'PERMISSION_MANAGER.MESSAGE.EMPTY-SUBTITLE' | translate\" />\n </ng-template>\n </adf-no-content-template>\n\n</adf-datatable>\n", styles: [".adf-datatable-permission{display:flex;min-width:450px;width:100%}.adf-datatable-permission.adf-datatable{overflow:hidden}.adf-datatable-permission.adf-datatable .adf-datatable-row .adf-permission-role-column-header{position:relative}.adf-datatable-permission.adf-datatable .adf-delete-permission-column{min-width:80px}.adf-datatable-permission.adf-datatable .adf-delete-permission-column .adf-cell-value{width:80px;padding-right:10px;place-content:flex-end}.adf-datatable-permission.adf-datatable .adf-authorityId-column{flex:40%}.adf-datatable-permission.adf-datatable .adf-authority-icon-column{min-width:40px}.adf-datatable-permission.adf-datatable .adf-authority-icon-column .adf-datatable-cell-container{padding:0}.adf-datatable-permission.adf-datatable .adf-datatable-selected>svg{width:40px;height:40px}\n"] }]
|
|
23619
23619
|
}], propDecorators: { node: [{
|
|
23620
23620
|
type: Input,
|
|
23621
23621
|
args: [{ required: true }]
|
|
@@ -23738,7 +23738,7 @@ class PopOverDirective {
|
|
|
23738
23738
|
event.preventDefault();
|
|
23739
23739
|
}
|
|
23740
23740
|
}
|
|
23741
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PopOverDirective, deps: [{ token: i0.ElementRef }, { token: i5$
|
|
23741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PopOverDirective, deps: [{ token: i0.ElementRef }, { token: i5$3.Overlay }, { token: i0.ViewContainerRef }, { token: i1$4.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
23742
23742
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: PopOverDirective, isStandalone: true, selector: "[adf-pop-over]", inputs: { popOver: ["adf-pop-over", "popOver"], target: "target", panelClass: "panelClass", autofocusedElementSelector: "autofocusedElementSelector" }, host: { listeners: { "keyup.enter": "toggleOverlay()", "document:keyup.esc": "detachOverlay()" } }, exportAs: ["adfPopOver"], ngImport: i0 }); }
|
|
23743
23743
|
}
|
|
23744
23744
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PopOverDirective, decorators: [{
|
|
@@ -23747,7 +23747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
23747
23747
|
selector: '[adf-pop-over]',
|
|
23748
23748
|
exportAs: 'adfPopOver'
|
|
23749
23749
|
}]
|
|
23750
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i5$
|
|
23750
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i5$3.Overlay }, { type: i0.ViewContainerRef }, { type: i1$4.ConfigurableFocusTrapFactory }], propDecorators: { popOver: [{
|
|
23751
23751
|
type: Input,
|
|
23752
23752
|
args: ['adf-pop-over']
|
|
23753
23753
|
}], target: [{
|
|
@@ -23764,6 +23764,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
23764
23764
|
args: ['document:keyup.esc']
|
|
23765
23765
|
}] } });
|
|
23766
23766
|
|
|
23767
|
+
/*!
|
|
23768
|
+
* @license
|
|
23769
|
+
* Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
|
|
23770
|
+
*
|
|
23771
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
23772
|
+
* you may not use this file except in compliance with the License.
|
|
23773
|
+
* You may obtain a copy of the License at
|
|
23774
|
+
*
|
|
23775
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
23776
|
+
*
|
|
23777
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
23778
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
23779
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
23780
|
+
* See the License for the specific language governing permissions and
|
|
23781
|
+
* limitations under the License.
|
|
23782
|
+
*/
|
|
23767
23783
|
class PermissionListComponent {
|
|
23768
23784
|
get updatePermissionsAllowed() {
|
|
23769
23785
|
return this._updatePermissionsAllowed;
|
|
@@ -23805,7 +23821,7 @@ class PermissionListComponent {
|
|
|
23805
23821
|
this.selectedPermissions = [];
|
|
23806
23822
|
}
|
|
23807
23823
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PermissionListComponent, deps: [{ token: PermissionListService }, { token: ContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23808
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PermissionListComponent, isStandalone: true, selector: "adf-permission-list", inputs: { nodeId: "nodeId" }, outputs: { update: "update", error: "error" }, ngImport: i0, template: "<mat-card class=\"adf-permission-card\" id=\"adf-permission-manager-card\">\n <div *ngIf=\"(permissionList.data$ | async) === null && permissionList.loading$ | async\" class=\"adf-permission-loader\">\n <mat-progress-spinner [color]=\"'primary'\" [mode]=\"'indeterminate'\" />\n </div>\n\n <ng-container *ngIf=\"permissionList.error$ | async\">\n <div class=\"adf-no-permission__template\" id=\"adf-permission-manager-error\">\n <mat-icon color=\"warn\"
|
|
23824
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PermissionListComponent, isStandalone: true, selector: "adf-permission-list", inputs: { nodeId: "nodeId" }, outputs: { update: "update", error: "error" }, ngImport: i0, template: "<mat-card class=\"adf-permission-card\" id=\"adf-permission-manager-card\">\n <div *ngIf=\"(permissionList.data$ | async) === null && permissionList.loading$ | async\" class=\"adf-permission-loader\">\n <mat-progress-spinner [color]=\"'primary'\" [mode]=\"'indeterminate'\" />\n </div>\n\n <ng-container *ngIf=\"permissionList.error$ | async\">\n <div class=\"adf-no-permission__template\" id=\"adf-permission-manager-error\">\n <mat-icon color=\"warn\" adf-icon=\"error\" />\n <p class=\"adf-no-permission__template--text\">{{ 'PERMISSION_MANAGER.ERROR.NOT-FOUND'| translate }}</p>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"permissionList.data$ | async as model\">\n <div class=\"adf-permission-container\" #target>\n\n <div class=\"adf-permission-header\">\n <span class=\"adf-inherit-container\">\n <h3 class=\"adf-inherit-container-header\">\n {{'PERMISSION_MANAGER.LABELS.INHERITED-PERMISSIONS' | translate }}\n\n {{ (model.node.permissions.isInheritanceEnabled ? \"PERMISSION_MANAGER.LABELS.ON\" : \"PERMISSION_MANAGER.LABELS.OFF\") | translate }}\n </h3>\n\n <mat-slide-toggle\n *ngIf=\"updatePermissionsAllowed\"\n class=\"adf-inherit-toggle\"\n title=\"{{'PERMISSION_MANAGER.LABELS.INHERITED_PERMISSION_TOGGLE' | translate }}\"\n color=\"primary\"\n aria-label=\"{{'PERMISSION_MANAGER.LABELS.INHERITED_PERMISSION_TOGGLE' | translate}}\"\n data-automation-id=\"adf-inherit-toggle-button\"\n [checked]=\"model.node.permissions.isInheritanceEnabled\"\n (change)=\"permissionList.toggleInherited($event)\" />\n </span>\n\n <span class=\"adf-inherit-subtitle\" title=\"total\">\n {{'PERMISSION_MANAGER.LABELS.INHERITED-SUBTITLE' | translate: { count: model.inheritedPermissions.length } }}\n </span>\n </div>\n\n <button\n mat-flat-button\n data-automation-id=\"permission-info-button\"\n class=\"adf-permission-visibility-toggle\"\n [adf-pop-over]=\"inheritedPermission\"\n [target]=\"target\"\n #popOver=\"adfPopOver\"\n *ngIf=\"model.node.permissions.isInheritanceEnabled\">\n {{ (popOver.open ? 'PERMISSION_MANAGER.LABELS.HIDE' : 'PERMISSION_MANAGER.LABELS.SHOW') | translate }}\n <mat-icon class=\"adf-permission-visibility-toggle-icon\" [adf-icon]=\"popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\" iconPositionEnd />\n </button>\n </div>\n\n <ng-template #inheritedPermission>\n <div class=\"adf-pop-over-card\">\n <adf-permission-container\n data-automation-id=\"adf-inherited-permission\"\n [isReadOnly]=\"true\"\n [node]=\"model.node\"\n [permissions]=\"model.inheritedPermissions\"\n [showLocation]=\"true\"\n [selectionMode]=\"'none'\"\n [roles]=\"model.roles\" />\n </div>\n </ng-template>\n\n <mat-card-content class=\"adf-local-permission-container\">\n <section class=\"adf-permission-content-header\">\n <h3>{{'PERMISSION_MANAGER.LABELS.DIRECT-PERMISSIONS' | translate }}</h3>\n\n <div class=\"adf-toolbar--spacer\"></div>\n\n <ng-container *ngIf=\"updatePermissionsAllowed\">\n <button\n mat-icon-button\n title=\"{{'PERMISSION_MANAGER.ACTION.ADD-PERMISSION' | translate}}\"\n (click)=\"openAddPermissionDialog()\"\n class=\"adf-add-permission-button\"\n data-automation-id=\"adf-add-permission-button\">\n <mat-icon adf-icon=\"person_add_outline\" />\n </button>\n\n <button\n mat-icon-button\n title=\"{{'PERMISSION_MANAGER.ACTION.DELETE' | translate}}\"\n [disabled]=\"!selectedPermissions?.length\"\n (click)=\"deleteSelection()\"\n data-automation-id=\"adf-delete-selected-permission\">\n <mat-icon adf-icon=\"delete_outline\" />\n </button>\n </ng-container>\n </section>\n\n <adf-permission-container\n class=\"adf-permission-list\"\n data-automation-id=\"adf-locally-set-permission\"\n [node]=\"model.node\"\n [permissions]=\"model.localPermissions\"\n (update)=\"updatePermission($event)\"\n (delete)=\"deletePermission($event)\"\n (updateAll)=\"updateAllPermission($event)\"\n (row-select)=\"onSelect($any($event).detail.selection)\"\n (row-unselect)=\"onSelect($any($event).detail.selection)\"\n [roles]=\"model.roles\"\n [isReadOnly]=\"!updatePermissionsAllowed\"/>\n\n </mat-card-content>\n </ng-container>\n</mat-card>\n", styles: [".adf-permission-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:16px}.adf-permission-loader{margin-left:45%;overflow:hidden}.adf-permission-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-container .adf-permission-visibility-toggle .adf-permission-visibility-toggle-icon{font-size:24px;height:24px;width:24px;margin:1px 0 0 4px}.adf-inherit-container{display:flex;flex-direction:row;align-items:center}.adf-inherit-container-header{margin-bottom:10px;margin-top:10px}.adf-inherit-toggle{padding-left:30px;margin-top:-2px}.adf-inherit-subtitle{padding-bottom:5px}.adf-permission-content-header{display:flex;flex-direction:row;align-items:center;padding:5px 15px}.adf-permission-content-header .adf-add-permission-button{margin-left:12px;margin-right:24px}.adf-permission-content-header .adf-toolbar--spacer{flex:1 1 auto}.adf-permission-role-column-header{position:relative;height:40px}.adf-permission-header{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-permission-list{display:flex;height:calc(100% - 63px)}.adf-local-permission-container.mat-mdc-card-content{overflow:hidden;flex:1 1 auto;padding:0}[aria-sort=Ascending] adf-user-role-column,[aria-sort=Descending] adf-user-role-column{padding-left:10px;padding-right:10px}.adf-permission-pop-over{padding-right:15px;width:100%}.adf-permission-pop-over .adf-pop-over-card{width:100%;overflow:hidden;box-shadow:0 8px 9px -5px var(--adf-theme-foreground-divider-color),0 15px 22px 2px var(--adf-theme-foreground-divider-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$5.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: PermissionContainerComponent, selector: "adf-permission-container", inputs: ["node", "permissions", "roles", "isReadOnly", "showLocation", "selectionMode"], outputs: ["update", "updateAll", "delete", "error"] }, { kind: "directive", type: PopOverDirective, selector: "[adf-pop-over]", inputs: ["adf-pop-over", "target", "panelClass", "autofocusedElementSelector"], exportAs: ["adfPopOver"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23809
23825
|
}
|
|
23810
23826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PermissionListComponent, decorators: [{
|
|
23811
23827
|
type: Component,
|
|
@@ -23813,13 +23829,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
23813
23829
|
CommonModule,
|
|
23814
23830
|
MatCardModule,
|
|
23815
23831
|
MatProgressSpinnerModule,
|
|
23816
|
-
|
|
23832
|
+
IconModule,
|
|
23817
23833
|
MatSlideToggleModule,
|
|
23818
23834
|
TranslatePipe,
|
|
23819
23835
|
MatButtonModule,
|
|
23820
23836
|
PermissionContainerComponent,
|
|
23821
23837
|
PopOverDirective
|
|
23822
|
-
], encapsulation: ViewEncapsulation.None, template: "<mat-card class=\"adf-permission-card\" id=\"adf-permission-manager-card\">\n <div *ngIf=\"(permissionList.data$ | async) === null && permissionList.loading$ | async\" class=\"adf-permission-loader\">\n <mat-progress-spinner [color]=\"'primary'\" [mode]=\"'indeterminate'\" />\n </div>\n\n <ng-container *ngIf=\"permissionList.error$ | async\">\n <div class=\"adf-no-permission__template\" id=\"adf-permission-manager-error\">\n <mat-icon color=\"warn\"
|
|
23838
|
+
], encapsulation: ViewEncapsulation.None, template: "<mat-card class=\"adf-permission-card\" id=\"adf-permission-manager-card\">\n <div *ngIf=\"(permissionList.data$ | async) === null && permissionList.loading$ | async\" class=\"adf-permission-loader\">\n <mat-progress-spinner [color]=\"'primary'\" [mode]=\"'indeterminate'\" />\n </div>\n\n <ng-container *ngIf=\"permissionList.error$ | async\">\n <div class=\"adf-no-permission__template\" id=\"adf-permission-manager-error\">\n <mat-icon color=\"warn\" adf-icon=\"error\" />\n <p class=\"adf-no-permission__template--text\">{{ 'PERMISSION_MANAGER.ERROR.NOT-FOUND'| translate }}</p>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"permissionList.data$ | async as model\">\n <div class=\"adf-permission-container\" #target>\n\n <div class=\"adf-permission-header\">\n <span class=\"adf-inherit-container\">\n <h3 class=\"adf-inherit-container-header\">\n {{'PERMISSION_MANAGER.LABELS.INHERITED-PERMISSIONS' | translate }}\n\n {{ (model.node.permissions.isInheritanceEnabled ? \"PERMISSION_MANAGER.LABELS.ON\" : \"PERMISSION_MANAGER.LABELS.OFF\") | translate }}\n </h3>\n\n <mat-slide-toggle\n *ngIf=\"updatePermissionsAllowed\"\n class=\"adf-inherit-toggle\"\n title=\"{{'PERMISSION_MANAGER.LABELS.INHERITED_PERMISSION_TOGGLE' | translate }}\"\n color=\"primary\"\n aria-label=\"{{'PERMISSION_MANAGER.LABELS.INHERITED_PERMISSION_TOGGLE' | translate}}\"\n data-automation-id=\"adf-inherit-toggle-button\"\n [checked]=\"model.node.permissions.isInheritanceEnabled\"\n (change)=\"permissionList.toggleInherited($event)\" />\n </span>\n\n <span class=\"adf-inherit-subtitle\" title=\"total\">\n {{'PERMISSION_MANAGER.LABELS.INHERITED-SUBTITLE' | translate: { count: model.inheritedPermissions.length } }}\n </span>\n </div>\n\n <button\n mat-flat-button\n data-automation-id=\"permission-info-button\"\n class=\"adf-permission-visibility-toggle\"\n [adf-pop-over]=\"inheritedPermission\"\n [target]=\"target\"\n #popOver=\"adfPopOver\"\n *ngIf=\"model.node.permissions.isInheritanceEnabled\">\n {{ (popOver.open ? 'PERMISSION_MANAGER.LABELS.HIDE' : 'PERMISSION_MANAGER.LABELS.SHOW') | translate }}\n <mat-icon class=\"adf-permission-visibility-toggle-icon\" [adf-icon]=\"popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'\" iconPositionEnd />\n </button>\n </div>\n\n <ng-template #inheritedPermission>\n <div class=\"adf-pop-over-card\">\n <adf-permission-container\n data-automation-id=\"adf-inherited-permission\"\n [isReadOnly]=\"true\"\n [node]=\"model.node\"\n [permissions]=\"model.inheritedPermissions\"\n [showLocation]=\"true\"\n [selectionMode]=\"'none'\"\n [roles]=\"model.roles\" />\n </div>\n </ng-template>\n\n <mat-card-content class=\"adf-local-permission-container\">\n <section class=\"adf-permission-content-header\">\n <h3>{{'PERMISSION_MANAGER.LABELS.DIRECT-PERMISSIONS' | translate }}</h3>\n\n <div class=\"adf-toolbar--spacer\"></div>\n\n <ng-container *ngIf=\"updatePermissionsAllowed\">\n <button\n mat-icon-button\n title=\"{{'PERMISSION_MANAGER.ACTION.ADD-PERMISSION' | translate}}\"\n (click)=\"openAddPermissionDialog()\"\n class=\"adf-add-permission-button\"\n data-automation-id=\"adf-add-permission-button\">\n <mat-icon adf-icon=\"person_add_outline\" />\n </button>\n\n <button\n mat-icon-button\n title=\"{{'PERMISSION_MANAGER.ACTION.DELETE' | translate}}\"\n [disabled]=\"!selectedPermissions?.length\"\n (click)=\"deleteSelection()\"\n data-automation-id=\"adf-delete-selected-permission\">\n <mat-icon adf-icon=\"delete_outline\" />\n </button>\n </ng-container>\n </section>\n\n <adf-permission-container\n class=\"adf-permission-list\"\n data-automation-id=\"adf-locally-set-permission\"\n [node]=\"model.node\"\n [permissions]=\"model.localPermissions\"\n (update)=\"updatePermission($event)\"\n (delete)=\"deletePermission($event)\"\n (updateAll)=\"updateAllPermission($event)\"\n (row-select)=\"onSelect($any($event).detail.selection)\"\n (row-unselect)=\"onSelect($any($event).detail.selection)\"\n [roles]=\"model.roles\"\n [isReadOnly]=\"!updatePermissionsAllowed\"/>\n\n </mat-card-content>\n </ng-container>\n</mat-card>\n", styles: [".adf-permission-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:16px}.adf-permission-loader{margin-left:45%;overflow:hidden}.adf-permission-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-permission-container .adf-permission-visibility-toggle .adf-permission-visibility-toggle-icon{font-size:24px;height:24px;width:24px;margin:1px 0 0 4px}.adf-inherit-container{display:flex;flex-direction:row;align-items:center}.adf-inherit-container-header{margin-bottom:10px;margin-top:10px}.adf-inherit-toggle{padding-left:30px;margin-top:-2px}.adf-inherit-subtitle{padding-bottom:5px}.adf-permission-content-header{display:flex;flex-direction:row;align-items:center;padding:5px 15px}.adf-permission-content-header .adf-add-permission-button{margin-left:12px;margin-right:24px}.adf-permission-content-header .adf-toolbar--spacer{flex:1 1 auto}.adf-permission-role-column-header{position:relative;height:40px}.adf-permission-header{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden;min-height:0}.adf-permission-list{display:flex;height:calc(100% - 63px)}.adf-local-permission-container.mat-mdc-card-content{overflow:hidden;flex:1 1 auto;padding:0}[aria-sort=Ascending] adf-user-role-column,[aria-sort=Descending] adf-user-role-column{padding-left:10px;padding-right:10px}.adf-permission-pop-over{padding-right:15px;width:100%}.adf-permission-pop-over .adf-pop-over-card{width:100%;overflow:hidden;box-shadow:0 8px 9px -5px var(--adf-theme-foreground-divider-color),0 15px 22px 2px var(--adf-theme-foreground-divider-color)}\n"] }]
|
|
23823
23839
|
}], ctorParameters: () => [{ type: PermissionListService }, { type: ContentService }], propDecorators: { nodeId: [{
|
|
23824
23840
|
type: Input,
|
|
23825
23841
|
args: [{ required: true }]
|
|
@@ -24408,14 +24424,14 @@ class ShareDialogComponent {
|
|
|
24408
24424
|
}
|
|
24409
24425
|
}
|
|
24410
24426
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ShareDialogComponent, deps: [{ token: SharedLinksApiService }, { token: i1.MatDialogRef }, { token: i1.MatDialog }, { token: ContentService }, { token: RenditionService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24411
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ShareDialogComponent, isStandalone: true, selector: "adf-share-dialog", host: { classAttribute: "adf-share-dialog" }, viewQueries: [{ propertyName: "slideToggleExpirationDate", first: true, predicate: ["slideToggleExpirationDate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-share-link__dialog-content\">\n <div class=\"adf-share-link__dialog-container\">\n <div class=\"adf-share-link--header adf-share-link--row\">\n <div\n data-automation-id=\"adf-share-dialog-title\"\n class=\"adf-share-link__title adf-share-link__label adf-share-link__heading\"\n role=\"heading\"\n aria-level=\"1\">\n {{ 'SHARE.DIALOG-TITLE' | translate }} {{ fileName }}\n </div>\n <mat-icon mat-dialog-close class=\"adf-share-link__close adf-share-link__icon\">close</mat-icon>\n </div>\n <mat-dialog-content class=\"adf-share-link--dialog-content\">\n <hr class=\"adf-share-link__separation-line\" />\n <form [formGroup]=\"form\" class=\"adf-share-link__form\">\n <div class=\"adf-share-link--row adf-share-link--row-sharable\">\n <mat-icon class=\"adf-share-link__icon\">timer</mat-icon>\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.LINK-EXPIRY-DATE' | translate }}\n </div>\n <mat-slide-toggle\n #slideToggleExpirationDate\n [disabled]=\"!canUpdate\"\n color=\"primary\"\n data-automation-id=\"adf-expire-toggle\"\n aria-label=\"{{ 'SHARE.EXPIRES' | translate }}\"\n [checked]=\"!!time.value\"\n (change)=\"onToggleExpirationDate($event)\" />\n </div>\n <div\n [style.display]=\"isExpiryDateToggleChecked ? 'block' : 'none'\"\n data-automation-id=\"adf-slide-toggle-checked\"\n class=\"adf-share-link__date-time-container\">\n <mat-form-field class=\"adf-full-width\" subscriptSizing=\"dynamic\" data-automation-id=\"adf-content-share-expiration-field\">\n <mat-label>{{ 'SHARE.EXPIRATION-PLACEHOLDER' | translate }}</mat-label>\n <mat-datepicker-toggle\n [disabled]=\"time.disabled\"\n [for]=\"datePicker\"\n matSuffix\n class=\"adf-share-link__icon adf-share-link__calender-icon\" />\n <mat-datepicker\n #datePicker\n (closed)=\"onDatePickerClosed()\" />\n <input\n class=\"adf-share-link__input\"\n #datePickerInput\n matInput\n [attr.aria-label]=\"'SHARE.EXPIRATION-LABEL' | translate\"\n [min]=\"minDate\"\n formControlName=\"time\"\n (keydown)=\"preventIncorrectCharacters($event)\"\n (blur)=\"onTimeChanged()\"\n (keydown.enter)=\"datePickerInput.blur()\"\n [matDatepicker]=\"datePicker\"/>\n <mat-error *ngIf=\"time.errors?.['invalidDate'] && (time.dirty || time.touched)\"\n data-automation-id=\"adf-share-link-input-warning\">{{ 'SHARE.INVALID_DATE_ERROR' | translate }}</mat-error>\n </mat-form-field>\n </div>\n <p class=\"adf-share-link__info adf-share-link__para\">{{ 'SHARE.SHARE-LINK' | translate }}</p>\n <div class=\"adf-share-link--row adf-share-link--sharable-container\">\n <mat-slide-toggle\n color=\"primary\"\n data-automation-id=\"adf-share-toggle\"\n class=\"adf-share-link--row__slide-toggle\"\n aria-label=\"{{ 'SHARE.TITLE' | translate }}\"\n [checked]=\"isFileShared\"\n [disabled]=\"!canUpdate || isDisabled\"\n (change)=\"onSlideShareChange($event)\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.SHARABLE-LINK-CREATED' | translate }}\n </div>\n </div>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n floatLabel=\"always\"\n class=\"adf-full-width adf-share-link__form--field\"\n data-automation-id=\"adf-content-share-public-link-field\"\n [ngClass]=\"isLinkWithExpiryDate? 'adf-share-link__border-color' : ''\">\n <input\n #sharedLinkInput\n data-automation-id=\"adf-share-link\"\n class=\"adf-share-link__input\"\n matInput\n placeholder=\"{{ 'SHARE.PUBLIC-LINK' | translate }}\"\n [attr.aria-label]=\"'SHARE.PUBLIC-LINK' | translate\"\n formControlName=\"sharedUrl\"\n readonly=\"readonly\">\n <mat-icon\n class=\"adf-input-action adf-share-link__icon adf-share-link__copy-icon\"\n role=\"button\"\n matSuffix\n [clipboard-notification]=\"'SHARE.CLIPBOARD-MESSAGE' | translate\"\n [adf-clipboard]\n [attr.aria-label]=\"'SHARE.COPY_BUTTON_LABEL' | translate\"\n [target]=\"sharedLinkInput\"\n tabindex=\"0\">\n content_copy\n </mat-icon>\n </mat-form-field>\n <p class=\"adf-share-link__warn adf-share-link__para\" *ngIf=\"isLinkWithExpiryDate\">\n {{ 'SHARE.LINK-WITH-EXPIRY-SETTINGS' | translate }}\n </p>\n <div class=\"adf-share-link--row\">\n <mat-icon class=\"adf-share-link__icon\">public</mat-icon>\n <p\n class=\"adf-share-link__info adf-sharable-link adf-share-link__public-content adf-share-link__para\">\n {{ 'SHARE.PUBLIC-CONTENT' | translate }}\n </p>\n </div>\n </form>\n <hr class=\"adf-share-link__separation-line\" />\n </mat-dialog-content>\n <div class=\"adf-share-link__actions\" mat-dialog-actions>\n <button data-automation-id=\"adf-share-dialog-close\" mat-button color=\"primary\" mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".adf-share-link-dialog .adf-share-link .mat-mdc-form-field-flex{height:48px}.adf-share-link-dialog .adf-share-link__dialog-content{display:flex;flex-direction:column}.adf-share-link-dialog .adf-share-link__dialog-container{background-color:var(--theme-card-background-color);border-radius:16px}.adf-share-link-dialog .adf-share-link__label,.adf-share-link-dialog .adf-share-link__title,.adf-share-link-dialog .adf-share-link__info{letter-spacing:-.4px;line-height:2;font-weight:400;font-style:normal;font-stretch:normal;font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__label{flex:1 1 auto}.adf-share-link-dialog .adf-share-link__form{padding-top:8px}.adf-share-link-dialog .adf-share-link__form .mat-mdc-form-field-infix:has(.adf-share-link__input){border-top:.9375em solid transparent;border-bottom:.9375em solid transparent;height:16px}.adf-share-link-dialog .adf-share-link__form--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--adf-theme-foreground-text-color-064);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link__warn{color:var(--theme-warn-color-a700);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link--row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:8px 0}.adf-share-link-dialog .adf-share-link--row-sharable,.adf-share-link-dialog .adf-share-link--sharable-container{margin-bottom:0}.adf-share-link-dialog .adf-share-link--header{padding:16px 24px 0}.adf-share-link-dialog .adf-share-link--dialog-content{padding-top:0;padding-bottom:0}.adf-share-link-dialog .adf-share-link__input{color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__separation-line{border:1px solid var(--theme-grey-background-color);margin:8px -24px}.adf-share-link-dialog .adf-share-link__close{cursor:pointer;margin-left:12px}.adf-share-link-dialog .adf-share-link__icon{color:var(--adf-theme-foreground-icon-color-054);padding-bottom:0;padding-right:0}.adf-share-link-dialog .adf-share-link__para{margin-top:8px;margin-bottom:8px}.adf-share-link-dialog .adf-share-link__heading{font-weight:700;font-size:var(--theme-subheading-2-font-size)}.adf-share-link-dialog .adf-share-link__copy-icon{padding-top:18px;font-size:22px}.adf-share-link-dialog .adf-share-link__calender-icon{top:12px;position:relative;right:-6px}.adf-share-link-dialog .adf-share-link__calender-icon svg{height:18px;width:18px}.adf-share-link-dialog .adf-share-link__date-time-container{padding-bottom:20px}.adf-share-link-dialog .adf-share-link__border-color{border:1px solid var(--theme-warn-color-a700)}.adf-share-link-dialog .adf-input-action{cursor:pointer}.adf-share-link-dialog .adf-full-width{width:100%;border-radius:6px;margin-top:-6px}.adf-share-link-dialog .adf-sharable-link{margin-top:2px;margin-left:8px}.adf-share-link-dialog .adf-share-link__actions{justify-content:flex-end;padding:8px 24px 32px 0;margin:8px 0 0}.adf-share-link-dialog .adf-share-link__actions>button{color:var(--adf-theme-foreground-base-color);background-color:var(--theme-grey-text-background-color);margin-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i7$5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i10.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: ClipboardDirective, selector: "[adf-clipboard]", inputs: ["adf-clipboard", "target", "clipboard-notification"], exportAs: ["adfClipboard"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24427
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ShareDialogComponent, isStandalone: true, selector: "adf-share-dialog", host: { classAttribute: "adf-share-dialog" }, viewQueries: [{ propertyName: "slideToggleExpirationDate", first: true, predicate: ["slideToggleExpirationDate"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-share-link__dialog-content\">\n <div class=\"adf-share-link__dialog-container\">\n <div class=\"adf-share-link--header adf-share-link--row\">\n <div\n data-automation-id=\"adf-share-dialog-title\"\n class=\"adf-share-link__title adf-share-link__label adf-share-link__heading\"\n role=\"heading\"\n aria-level=\"1\">\n {{ 'SHARE.DIALOG-TITLE' | translate }} {{ fileName }}\n </div>\n <mat-icon mat-dialog-close class=\"adf-share-link__close adf-share-link__icon\" adf-icon=\"close\" />\n </div>\n <mat-dialog-content class=\"adf-share-link--dialog-content\">\n <hr class=\"adf-share-link__separation-line\" />\n <form [formGroup]=\"form\" class=\"adf-share-link__form\">\n <div class=\"adf-share-link--row adf-share-link--row-sharable\">\n <mat-icon class=\"adf-share-link__icon\" adf-icon=\"timer\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.LINK-EXPIRY-DATE' | translate }}\n </div>\n <mat-slide-toggle\n #slideToggleExpirationDate\n [disabled]=\"!canUpdate\"\n color=\"primary\"\n data-automation-id=\"adf-expire-toggle\"\n aria-label=\"{{ 'SHARE.EXPIRES' | translate }}\"\n [checked]=\"!!time.value\"\n (change)=\"onToggleExpirationDate($event)\" />\n </div>\n <div\n [style.display]=\"isExpiryDateToggleChecked ? 'block' : 'none'\"\n data-automation-id=\"adf-slide-toggle-checked\"\n class=\"adf-share-link__date-time-container\">\n <mat-form-field class=\"adf-full-width\" subscriptSizing=\"dynamic\" data-automation-id=\"adf-content-share-expiration-field\">\n <mat-label>{{ 'SHARE.EXPIRATION-PLACEHOLDER' | translate }}</mat-label>\n <mat-datepicker-toggle\n [disabled]=\"time.disabled\"\n [for]=\"datePicker\"\n matSuffix\n class=\"adf-share-link__icon adf-share-link__calender-icon\" />\n <mat-datepicker\n #datePicker\n (closed)=\"onDatePickerClosed()\" />\n <input\n class=\"adf-share-link__input\"\n #datePickerInput\n matInput\n [attr.aria-label]=\"'SHARE.EXPIRATION-LABEL' | translate\"\n [min]=\"minDate\"\n formControlName=\"time\"\n (keydown)=\"preventIncorrectCharacters($event)\"\n (blur)=\"onTimeChanged()\"\n (keydown.enter)=\"datePickerInput.blur()\"\n [matDatepicker]=\"datePicker\"/>\n <mat-error *ngIf=\"time.errors?.['invalidDate'] && (time.dirty || time.touched)\"\n data-automation-id=\"adf-share-link-input-warning\">{{ 'SHARE.INVALID_DATE_ERROR' | translate }}</mat-error>\n </mat-form-field>\n </div>\n <p class=\"adf-share-link__info adf-share-link__para\">{{ 'SHARE.SHARE-LINK' | translate }}</p>\n <div class=\"adf-share-link--row adf-share-link--sharable-container\">\n <mat-slide-toggle\n color=\"primary\"\n data-automation-id=\"adf-share-toggle\"\n class=\"adf-share-link--row__slide-toggle\"\n aria-label=\"{{ 'SHARE.TITLE' | translate }}\"\n [checked]=\"isFileShared\"\n [disabled]=\"!canUpdate || isDisabled\"\n (change)=\"onSlideShareChange($event)\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.SHARABLE-LINK-CREATED' | translate }}\n </div>\n </div>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n floatLabel=\"always\"\n class=\"adf-full-width adf-share-link__form--field\"\n data-automation-id=\"adf-content-share-public-link-field\"\n [ngClass]=\"isLinkWithExpiryDate? 'adf-share-link__border-color' : ''\">\n <input\n #sharedLinkInput\n data-automation-id=\"adf-share-link\"\n class=\"adf-share-link__input\"\n matInput\n placeholder=\"{{ 'SHARE.PUBLIC-LINK' | translate }}\"\n [attr.aria-label]=\"'SHARE.PUBLIC-LINK' | translate\"\n formControlName=\"sharedUrl\"\n readonly=\"readonly\">\n <mat-icon\n class=\"adf-input-action adf-share-link__icon adf-share-link__copy-icon\"\n role=\"button\"\n matSuffix\n [clipboard-notification]=\"'SHARE.CLIPBOARD-MESSAGE' | translate\"\n [adf-clipboard]\n [attr.aria-label]=\"'SHARE.COPY_BUTTON_LABEL' | translate\"\n [target]=\"sharedLinkInput\"\n tabindex=\"0\"\n adf-icon=\"content_copy\"\n />\n </mat-form-field>\n <p class=\"adf-share-link__warn adf-share-link__para\" *ngIf=\"isLinkWithExpiryDate\">\n {{ 'SHARE.LINK-WITH-EXPIRY-SETTINGS' | translate }}\n </p>\n <div class=\"adf-share-link--row\">\n <mat-icon class=\"adf-share-link__icon\" adf-icon=\"public\" />\n <p\n class=\"adf-share-link__info adf-sharable-link adf-share-link__public-content adf-share-link__para\">\n {{ 'SHARE.PUBLIC-CONTENT' | translate }}\n </p>\n </div>\n </form>\n <hr class=\"adf-share-link__separation-line\" />\n </mat-dialog-content>\n <div class=\"adf-share-link__actions\" mat-dialog-actions>\n <button data-automation-id=\"adf-share-dialog-close\" mat-button color=\"primary\" mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".adf-share-link-dialog .adf-share-link .mat-mdc-form-field-flex{height:48px}.adf-share-link-dialog .adf-share-link__dialog-content{display:flex;flex-direction:column}.adf-share-link-dialog .adf-share-link__dialog-container{background-color:var(--theme-card-background-color);border-radius:16px}.adf-share-link-dialog .adf-share-link__label,.adf-share-link-dialog .adf-share-link__title,.adf-share-link-dialog .adf-share-link__info{letter-spacing:-.4px;line-height:2;font-weight:400;font-style:normal;font-stretch:normal;font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__label{flex:1 1 auto}.adf-share-link-dialog .adf-share-link__form{padding-top:8px}.adf-share-link-dialog .adf-share-link__form .mat-mdc-form-field-infix:has(.adf-share-link__input){border-top:.9375em solid transparent;border-bottom:.9375em solid transparent;height:16px}.adf-share-link-dialog .adf-share-link__form--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--adf-theme-foreground-text-color-064);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link__warn{color:var(--theme-warn-color-a700);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link--row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:8px 0}.adf-share-link-dialog .adf-share-link--row-sharable,.adf-share-link-dialog .adf-share-link--sharable-container{margin-bottom:0}.adf-share-link-dialog .adf-share-link--header{padding:16px 24px 0}.adf-share-link-dialog .adf-share-link--dialog-content{padding-top:0;padding-bottom:0}.adf-share-link-dialog .adf-share-link__input{color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__separation-line{border:1px solid var(--theme-grey-background-color);margin:8px -24px}.adf-share-link-dialog .adf-share-link__close{cursor:pointer;margin-left:12px}.adf-share-link-dialog .adf-share-link__icon{color:var(--adf-theme-foreground-icon-color-054);padding-bottom:0;padding-right:0}.adf-share-link-dialog .adf-share-link__para{margin-top:8px;margin-bottom:8px}.adf-share-link-dialog .adf-share-link__heading{font-weight:700;font-size:var(--theme-subheading-2-font-size)}.adf-share-link-dialog .adf-share-link__copy-icon{padding-top:18px;font-size:22px}.adf-share-link-dialog .adf-share-link__calender-icon{top:12px;position:relative;right:-6px}.adf-share-link-dialog .adf-share-link__calender-icon svg{height:18px;width:18px}.adf-share-link-dialog .adf-share-link__date-time-container{padding-bottom:20px}.adf-share-link-dialog .adf-share-link__border-color{border:1px solid var(--theme-warn-color-a700)}.adf-share-link-dialog .adf-input-action{cursor:pointer}.adf-share-link-dialog .adf-full-width{width:100%;border-radius:6px;margin-top:-6px}.adf-share-link-dialog .adf-sharable-link{margin-top:2px;margin-left:8px}.adf-share-link-dialog .adf-share-link__actions{justify-content:flex-end;padding:8px 24px 32px 0;margin:8px 0 0}.adf-share-link-dialog .adf-share-link__actions>button{color:var(--adf-theme-foreground-base-color);background-color:var(--theme-grey-text-background-color);margin-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i8.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i10.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: ClipboardDirective, selector: "[adf-clipboard]", inputs: ["adf-clipboard", "target", "clipboard-notification"], exportAs: ["adfClipboard"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
24412
24428
|
}
|
|
24413
24429
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ShareDialogComponent, decorators: [{
|
|
24414
24430
|
type: Component,
|
|
24415
24431
|
args: [{ selector: 'adf-share-dialog', imports: [
|
|
24416
24432
|
CommonModule,
|
|
24417
24433
|
TranslatePipe,
|
|
24418
|
-
|
|
24434
|
+
IconModule,
|
|
24419
24435
|
MatDialogModule,
|
|
24420
24436
|
ReactiveFormsModule,
|
|
24421
24437
|
MatSlideToggleModule,
|
|
@@ -24424,7 +24440,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
24424
24440
|
MatInputModule,
|
|
24425
24441
|
MatButtonModule,
|
|
24426
24442
|
ClipboardDirective
|
|
24427
|
-
], host: { class: 'adf-share-dialog' }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-share-link__dialog-content\">\n <div class=\"adf-share-link__dialog-container\">\n <div class=\"adf-share-link--header adf-share-link--row\">\n <div\n data-automation-id=\"adf-share-dialog-title\"\n class=\"adf-share-link__title adf-share-link__label adf-share-link__heading\"\n role=\"heading\"\n aria-level=\"1\">\n {{ 'SHARE.DIALOG-TITLE' | translate }} {{ fileName }}\n </div>\n <mat-icon mat-dialog-close class=\"adf-share-link__close adf-share-link__icon\">close</mat-icon>\n </div>\n <mat-dialog-content class=\"adf-share-link--dialog-content\">\n <hr class=\"adf-share-link__separation-line\" />\n <form [formGroup]=\"form\" class=\"adf-share-link__form\">\n <div class=\"adf-share-link--row adf-share-link--row-sharable\">\n <mat-icon class=\"adf-share-link__icon\">timer</mat-icon>\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.LINK-EXPIRY-DATE' | translate }}\n </div>\n <mat-slide-toggle\n #slideToggleExpirationDate\n [disabled]=\"!canUpdate\"\n color=\"primary\"\n data-automation-id=\"adf-expire-toggle\"\n aria-label=\"{{ 'SHARE.EXPIRES' | translate }}\"\n [checked]=\"!!time.value\"\n (change)=\"onToggleExpirationDate($event)\" />\n </div>\n <div\n [style.display]=\"isExpiryDateToggleChecked ? 'block' : 'none'\"\n data-automation-id=\"adf-slide-toggle-checked\"\n class=\"adf-share-link__date-time-container\">\n <mat-form-field class=\"adf-full-width\" subscriptSizing=\"dynamic\" data-automation-id=\"adf-content-share-expiration-field\">\n <mat-label>{{ 'SHARE.EXPIRATION-PLACEHOLDER' | translate }}</mat-label>\n <mat-datepicker-toggle\n [disabled]=\"time.disabled\"\n [for]=\"datePicker\"\n matSuffix\n class=\"adf-share-link__icon adf-share-link__calender-icon\" />\n <mat-datepicker\n #datePicker\n (closed)=\"onDatePickerClosed()\" />\n <input\n class=\"adf-share-link__input\"\n #datePickerInput\n matInput\n [attr.aria-label]=\"'SHARE.EXPIRATION-LABEL' | translate\"\n [min]=\"minDate\"\n formControlName=\"time\"\n (keydown)=\"preventIncorrectCharacters($event)\"\n (blur)=\"onTimeChanged()\"\n (keydown.enter)=\"datePickerInput.blur()\"\n [matDatepicker]=\"datePicker\"/>\n <mat-error *ngIf=\"time.errors?.['invalidDate'] && (time.dirty || time.touched)\"\n data-automation-id=\"adf-share-link-input-warning\">{{ 'SHARE.INVALID_DATE_ERROR' | translate }}</mat-error>\n </mat-form-field>\n </div>\n <p class=\"adf-share-link__info adf-share-link__para\">{{ 'SHARE.SHARE-LINK' | translate }}</p>\n <div class=\"adf-share-link--row adf-share-link--sharable-container\">\n <mat-slide-toggle\n color=\"primary\"\n data-automation-id=\"adf-share-toggle\"\n class=\"adf-share-link--row__slide-toggle\"\n aria-label=\"{{ 'SHARE.TITLE' | translate }}\"\n [checked]=\"isFileShared\"\n [disabled]=\"!canUpdate || isDisabled\"\n (change)=\"onSlideShareChange($event)\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.SHARABLE-LINK-CREATED' | translate }}\n </div>\n </div>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n floatLabel=\"always\"\n class=\"adf-full-width adf-share-link__form--field\"\n data-automation-id=\"adf-content-share-public-link-field\"\n [ngClass]=\"isLinkWithExpiryDate? 'adf-share-link__border-color' : ''\">\n <input\n #sharedLinkInput\n data-automation-id=\"adf-share-link\"\n class=\"adf-share-link__input\"\n matInput\n placeholder=\"{{ 'SHARE.PUBLIC-LINK' | translate }}\"\n [attr.aria-label]=\"'SHARE.PUBLIC-LINK' | translate\"\n formControlName=\"sharedUrl\"\n readonly=\"readonly\">\n <mat-icon\n class=\"adf-input-action adf-share-link__icon adf-share-link__copy-icon\"\n role=\"button\"\n matSuffix\n [clipboard-notification]=\"'SHARE.CLIPBOARD-MESSAGE' | translate\"\n [adf-clipboard]\n [attr.aria-label]=\"'SHARE.COPY_BUTTON_LABEL' | translate\"\n [target]=\"sharedLinkInput\"\n tabindex=\"0\">\n content_copy\n </mat-icon>\n </mat-form-field>\n <p class=\"adf-share-link__warn adf-share-link__para\" *ngIf=\"isLinkWithExpiryDate\">\n {{ 'SHARE.LINK-WITH-EXPIRY-SETTINGS' | translate }}\n </p>\n <div class=\"adf-share-link--row\">\n <mat-icon class=\"adf-share-link__icon\">public</mat-icon>\n <p\n class=\"adf-share-link__info adf-sharable-link adf-share-link__public-content adf-share-link__para\">\n {{ 'SHARE.PUBLIC-CONTENT' | translate }}\n </p>\n </div>\n </form>\n <hr class=\"adf-share-link__separation-line\" />\n </mat-dialog-content>\n <div class=\"adf-share-link__actions\" mat-dialog-actions>\n <button data-automation-id=\"adf-share-dialog-close\" mat-button color=\"primary\" mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".adf-share-link-dialog .adf-share-link .mat-mdc-form-field-flex{height:48px}.adf-share-link-dialog .adf-share-link__dialog-content{display:flex;flex-direction:column}.adf-share-link-dialog .adf-share-link__dialog-container{background-color:var(--theme-card-background-color);border-radius:16px}.adf-share-link-dialog .adf-share-link__label,.adf-share-link-dialog .adf-share-link__title,.adf-share-link-dialog .adf-share-link__info{letter-spacing:-.4px;line-height:2;font-weight:400;font-style:normal;font-stretch:normal;font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__label{flex:1 1 auto}.adf-share-link-dialog .adf-share-link__form{padding-top:8px}.adf-share-link-dialog .adf-share-link__form .mat-mdc-form-field-infix:has(.adf-share-link__input){border-top:.9375em solid transparent;border-bottom:.9375em solid transparent;height:16px}.adf-share-link-dialog .adf-share-link__form--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--adf-theme-foreground-text-color-064);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link__warn{color:var(--theme-warn-color-a700);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link--row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:8px 0}.adf-share-link-dialog .adf-share-link--row-sharable,.adf-share-link-dialog .adf-share-link--sharable-container{margin-bottom:0}.adf-share-link-dialog .adf-share-link--header{padding:16px 24px 0}.adf-share-link-dialog .adf-share-link--dialog-content{padding-top:0;padding-bottom:0}.adf-share-link-dialog .adf-share-link__input{color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__separation-line{border:1px solid var(--theme-grey-background-color);margin:8px -24px}.adf-share-link-dialog .adf-share-link__close{cursor:pointer;margin-left:12px}.adf-share-link-dialog .adf-share-link__icon{color:var(--adf-theme-foreground-icon-color-054);padding-bottom:0;padding-right:0}.adf-share-link-dialog .adf-share-link__para{margin-top:8px;margin-bottom:8px}.adf-share-link-dialog .adf-share-link__heading{font-weight:700;font-size:var(--theme-subheading-2-font-size)}.adf-share-link-dialog .adf-share-link__copy-icon{padding-top:18px;font-size:22px}.adf-share-link-dialog .adf-share-link__calender-icon{top:12px;position:relative;right:-6px}.adf-share-link-dialog .adf-share-link__calender-icon svg{height:18px;width:18px}.adf-share-link-dialog .adf-share-link__date-time-container{padding-bottom:20px}.adf-share-link-dialog .adf-share-link__border-color{border:1px solid var(--theme-warn-color-a700)}.adf-share-link-dialog .adf-input-action{cursor:pointer}.adf-share-link-dialog .adf-full-width{width:100%;border-radius:6px;margin-top:-6px}.adf-share-link-dialog .adf-sharable-link{margin-top:2px;margin-left:8px}.adf-share-link-dialog .adf-share-link__actions{justify-content:flex-end;padding:8px 24px 32px 0;margin:8px 0 0}.adf-share-link-dialog .adf-share-link__actions>button{color:var(--adf-theme-foreground-base-color);background-color:var(--theme-grey-text-background-color);margin-right:12px}\n"] }]
|
|
24443
|
+
], host: { class: 'adf-share-dialog' }, encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-share-link__dialog-content\">\n <div class=\"adf-share-link__dialog-container\">\n <div class=\"adf-share-link--header adf-share-link--row\">\n <div\n data-automation-id=\"adf-share-dialog-title\"\n class=\"adf-share-link__title adf-share-link__label adf-share-link__heading\"\n role=\"heading\"\n aria-level=\"1\">\n {{ 'SHARE.DIALOG-TITLE' | translate }} {{ fileName }}\n </div>\n <mat-icon mat-dialog-close class=\"adf-share-link__close adf-share-link__icon\" adf-icon=\"close\" />\n </div>\n <mat-dialog-content class=\"adf-share-link--dialog-content\">\n <hr class=\"adf-share-link__separation-line\" />\n <form [formGroup]=\"form\" class=\"adf-share-link__form\">\n <div class=\"adf-share-link--row adf-share-link--row-sharable\">\n <mat-icon class=\"adf-share-link__icon\" adf-icon=\"timer\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.LINK-EXPIRY-DATE' | translate }}\n </div>\n <mat-slide-toggle\n #slideToggleExpirationDate\n [disabled]=\"!canUpdate\"\n color=\"primary\"\n data-automation-id=\"adf-expire-toggle\"\n aria-label=\"{{ 'SHARE.EXPIRES' | translate }}\"\n [checked]=\"!!time.value\"\n (change)=\"onToggleExpirationDate($event)\" />\n </div>\n <div\n [style.display]=\"isExpiryDateToggleChecked ? 'block' : 'none'\"\n data-automation-id=\"adf-slide-toggle-checked\"\n class=\"adf-share-link__date-time-container\">\n <mat-form-field class=\"adf-full-width\" subscriptSizing=\"dynamic\" data-automation-id=\"adf-content-share-expiration-field\">\n <mat-label>{{ 'SHARE.EXPIRATION-PLACEHOLDER' | translate }}</mat-label>\n <mat-datepicker-toggle\n [disabled]=\"time.disabled\"\n [for]=\"datePicker\"\n matSuffix\n class=\"adf-share-link__icon adf-share-link__calender-icon\" />\n <mat-datepicker\n #datePicker\n (closed)=\"onDatePickerClosed()\" />\n <input\n class=\"adf-share-link__input\"\n #datePickerInput\n matInput\n [attr.aria-label]=\"'SHARE.EXPIRATION-LABEL' | translate\"\n [min]=\"minDate\"\n formControlName=\"time\"\n (keydown)=\"preventIncorrectCharacters($event)\"\n (blur)=\"onTimeChanged()\"\n (keydown.enter)=\"datePickerInput.blur()\"\n [matDatepicker]=\"datePicker\"/>\n <mat-error *ngIf=\"time.errors?.['invalidDate'] && (time.dirty || time.touched)\"\n data-automation-id=\"adf-share-link-input-warning\">{{ 'SHARE.INVALID_DATE_ERROR' | translate }}</mat-error>\n </mat-form-field>\n </div>\n <p class=\"adf-share-link__info adf-share-link__para\">{{ 'SHARE.SHARE-LINK' | translate }}</p>\n <div class=\"adf-share-link--row adf-share-link--sharable-container\">\n <mat-slide-toggle\n color=\"primary\"\n data-automation-id=\"adf-share-toggle\"\n class=\"adf-share-link--row__slide-toggle\"\n aria-label=\"{{ 'SHARE.TITLE' | translate }}\"\n [checked]=\"isFileShared\"\n [disabled]=\"!canUpdate || isDisabled\"\n (change)=\"onSlideShareChange($event)\" />\n <div class=\"adf-share-link__label adf-sharable-link\">{{ 'SHARE.SHARABLE-LINK-CREATED' | translate }}\n </div>\n </div>\n <mat-form-field\n subscriptSizing=\"dynamic\"\n floatLabel=\"always\"\n class=\"adf-full-width adf-share-link__form--field\"\n data-automation-id=\"adf-content-share-public-link-field\"\n [ngClass]=\"isLinkWithExpiryDate? 'adf-share-link__border-color' : ''\">\n <input\n #sharedLinkInput\n data-automation-id=\"adf-share-link\"\n class=\"adf-share-link__input\"\n matInput\n placeholder=\"{{ 'SHARE.PUBLIC-LINK' | translate }}\"\n [attr.aria-label]=\"'SHARE.PUBLIC-LINK' | translate\"\n formControlName=\"sharedUrl\"\n readonly=\"readonly\">\n <mat-icon\n class=\"adf-input-action adf-share-link__icon adf-share-link__copy-icon\"\n role=\"button\"\n matSuffix\n [clipboard-notification]=\"'SHARE.CLIPBOARD-MESSAGE' | translate\"\n [adf-clipboard]\n [attr.aria-label]=\"'SHARE.COPY_BUTTON_LABEL' | translate\"\n [target]=\"sharedLinkInput\"\n tabindex=\"0\"\n adf-icon=\"content_copy\"\n />\n </mat-form-field>\n <p class=\"adf-share-link__warn adf-share-link__para\" *ngIf=\"isLinkWithExpiryDate\">\n {{ 'SHARE.LINK-WITH-EXPIRY-SETTINGS' | translate }}\n </p>\n <div class=\"adf-share-link--row\">\n <mat-icon class=\"adf-share-link__icon\" adf-icon=\"public\" />\n <p\n class=\"adf-share-link__info adf-sharable-link adf-share-link__public-content adf-share-link__para\">\n {{ 'SHARE.PUBLIC-CONTENT' | translate }}\n </p>\n </div>\n </form>\n <hr class=\"adf-share-link__separation-line\" />\n </mat-dialog-content>\n <div class=\"adf-share-link__actions\" mat-dialog-actions>\n <button data-automation-id=\"adf-share-dialog-close\" mat-button color=\"primary\" mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".adf-share-link-dialog .adf-share-link .mat-mdc-form-field-flex{height:48px}.adf-share-link-dialog .adf-share-link__dialog-content{display:flex;flex-direction:column}.adf-share-link-dialog .adf-share-link__dialog-container{background-color:var(--theme-card-background-color);border-radius:16px}.adf-share-link-dialog .adf-share-link__label,.adf-share-link-dialog .adf-share-link__title,.adf-share-link-dialog .adf-share-link__info{letter-spacing:-.4px;line-height:2;font-weight:400;font-style:normal;font-stretch:normal;font-size:var(--theme-body-1-font-size);color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__label{flex:1 1 auto}.adf-share-link-dialog .adf-share-link__form{padding-top:8px}.adf-share-link-dialog .adf-share-link__form .mat-mdc-form-field-infix:has(.adf-share-link__input){border-top:.9375em solid transparent;border-bottom:.9375em solid transparent;height:16px}.adf-share-link-dialog .adf-share-link__form--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--adf-theme-foreground-text-color-064);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link__warn{color:var(--theme-warn-color-a700);font-size:var(--theme-caption-font-size)}.adf-share-link-dialog .adf-share-link--row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:8px 0}.adf-share-link-dialog .adf-share-link--row-sharable,.adf-share-link-dialog .adf-share-link--sharable-container{margin-bottom:0}.adf-share-link-dialog .adf-share-link--header{padding:16px 24px 0}.adf-share-link-dialog .adf-share-link--dialog-content{padding-top:0;padding-bottom:0}.adf-share-link-dialog .adf-share-link__input{color:var(--adf-theme-foreground-text-color-087)}.adf-share-link-dialog .adf-share-link__separation-line{border:1px solid var(--theme-grey-background-color);margin:8px -24px}.adf-share-link-dialog .adf-share-link__close{cursor:pointer;margin-left:12px}.adf-share-link-dialog .adf-share-link__icon{color:var(--adf-theme-foreground-icon-color-054);padding-bottom:0;padding-right:0}.adf-share-link-dialog .adf-share-link__para{margin-top:8px;margin-bottom:8px}.adf-share-link-dialog .adf-share-link__heading{font-weight:700;font-size:var(--theme-subheading-2-font-size)}.adf-share-link-dialog .adf-share-link__copy-icon{padding-top:18px;font-size:22px}.adf-share-link-dialog .adf-share-link__calender-icon{top:12px;position:relative;right:-6px}.adf-share-link-dialog .adf-share-link__calender-icon svg{height:18px;width:18px}.adf-share-link-dialog .adf-share-link__date-time-container{padding-bottom:20px}.adf-share-link-dialog .adf-share-link__border-color{border:1px solid var(--theme-warn-color-a700)}.adf-share-link-dialog .adf-input-action{cursor:pointer}.adf-share-link-dialog .adf-full-width{width:100%;border-radius:6px;margin-top:-6px}.adf-share-link-dialog .adf-sharable-link{margin-top:2px;margin-left:8px}.adf-share-link-dialog .adf-share-link__actions{justify-content:flex-end;padding:8px 24px 32px 0;margin:8px 0 0}.adf-share-link-dialog .adf-share-link__actions>button{color:var(--adf-theme-foreground-base-color);background-color:var(--theme-grey-text-background-color);margin-right:12px}\n"] }]
|
|
24428
24444
|
}], ctorParameters: () => [{ type: SharedLinksApiService }, { type: i1.MatDialogRef }, { type: i1.MatDialog }, { type: ContentService }, { type: RenditionService }, { type: undefined, decorators: [{
|
|
24429
24445
|
type: Inject,
|
|
24430
24446
|
args: [MAT_DIALOG_DATA]
|
|
@@ -24786,11 +24802,11 @@ class TreeViewComponent {
|
|
|
24786
24802
|
}, (error) => this.error.emit(error));
|
|
24787
24803
|
}
|
|
24788
24804
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeViewComponent, deps: [{ token: TreeViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24789
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeViewComponent, isStandalone: true, selector: "adf-tree-view-list", inputs: { nodeId: "nodeId" }, outputs: { nodeClicked: "nodeClicked", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<mat-tree class=\"adf-tree-view-main\" [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" *ngIf=\"nodeId; else missingNodeId\">\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n *matTreeNodeDef=\"let treeNode\"\n id=\"{{ treeNode.name + '-tree-node' }}\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n {{ treeNode.name }}\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n id=\"{{ treeNode.name + '-tree-child-node' }}\"\n *matTreeNodeDef=\"let treeNode; when: hasChild\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n <button\n matTreeNodeToggle\n id=\"{{ 'button-' + treeNode.name }}\"\n (click)=\"onNodeClicked(treeNode.node)\"\n mat-icon-button\n [attr.aria-label]=\"\n 'ADF-TREE-VIEW.ACCESSIBILITY.ARIA_LABEL'\n | translate\n : {\n name: treeNode.name\n }\n \"\n >\n <mat-icon class=\"adf-tree-view-icon\"
|
|
24805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeViewComponent, isStandalone: true, selector: "adf-tree-view-list", inputs: { nodeId: "nodeId" }, outputs: { nodeClicked: "nodeClicked", error: "error" }, usesOnChanges: true, ngImport: i0, template: "<mat-tree class=\"adf-tree-view-main\" [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" *ngIf=\"nodeId; else missingNodeId\">\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n *matTreeNodeDef=\"let treeNode\"\n id=\"{{ treeNode.name + '-tree-node' }}\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n {{ treeNode.name }}\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n id=\"{{ treeNode.name + '-tree-child-node' }}\"\n *matTreeNodeDef=\"let treeNode; when: hasChild\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n <button\n matTreeNodeToggle\n id=\"{{ 'button-' + treeNode.name }}\"\n (click)=\"onNodeClicked(treeNode.node)\"\n mat-icon-button\n [attr.aria-label]=\"\n 'ADF-TREE-VIEW.ACCESSIBILITY.ARIA_LABEL'\n | translate\n : {\n name: treeNode.name\n }\n \"\n >\n <mat-icon class=\"adf-tree-view-icon\" [adf-icon]=\"treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder'\" />\n </button>\n <span\n class=\"adf-tree-view-label\"\n matTreeNodeToggle\n role=\"button\"\n (click)=\"onNodeClicked(treeNode.node)\"\n tabindex=\"0\"\n (keyup.enter)=\"onNodeClicked(treeNode.node)\"\n >{{ treeNode.name }}</span\n >\n </mat-tree-node>\n</mat-tree>\n<ng-template #missingNodeId>\n <div id=\"adf-tree-view-missing-node\">\n {{ 'ADF-TREE-VIEW.MISSING-ID' | translate }}\n </div>\n</ng-template>\n", styles: [".adf-tree-view-icon{color:#d9e022}.adf-tree-view-node.adf-tree-view{min-height:40px;font-size:var(--theme-caption-font-size);align-items:baseline}.adf-tree-view-label{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3$2.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$2.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i3$2.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i3$2.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$2.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
24790
24806
|
}
|
|
24791
24807
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeViewComponent, decorators: [{
|
|
24792
24808
|
type: Component,
|
|
24793
|
-
args: [{ selector: 'adf-tree-view-list', imports: [CommonModule, MatTreeModule, MatButtonModule,
|
|
24809
|
+
args: [{ selector: 'adf-tree-view-list', imports: [CommonModule, MatTreeModule, MatButtonModule, IconModule, TranslatePipe], template: "<mat-tree class=\"adf-tree-view-main\" [dataSource]=\"dataSource\" [treeControl]=\"treeControl\" *ngIf=\"nodeId; else missingNodeId\">\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n *matTreeNodeDef=\"let treeNode\"\n id=\"{{ treeNode.name + '-tree-node' }}\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n {{ treeNode.name }}\n </mat-tree-node>\n <mat-tree-node\n class=\"adf-tree-view adf-tree-view-node\"\n id=\"{{ treeNode.name + '-tree-child-node' }}\"\n *matTreeNodeDef=\"let treeNode; when: hasChild\"\n matTreeNodePadding\n [matTreeNodePaddingIndent]=\"15\"\n >\n <button\n matTreeNodeToggle\n id=\"{{ 'button-' + treeNode.name }}\"\n (click)=\"onNodeClicked(treeNode.node)\"\n mat-icon-button\n [attr.aria-label]=\"\n 'ADF-TREE-VIEW.ACCESSIBILITY.ARIA_LABEL'\n | translate\n : {\n name: treeNode.name\n }\n \"\n >\n <mat-icon class=\"adf-tree-view-icon\" [adf-icon]=\"treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder'\" />\n </button>\n <span\n class=\"adf-tree-view-label\"\n matTreeNodeToggle\n role=\"button\"\n (click)=\"onNodeClicked(treeNode.node)\"\n tabindex=\"0\"\n (keyup.enter)=\"onNodeClicked(treeNode.node)\"\n >{{ treeNode.name }}</span\n >\n </mat-tree-node>\n</mat-tree>\n<ng-template #missingNodeId>\n <div id=\"adf-tree-view-missing-node\">\n {{ 'ADF-TREE-VIEW.MISSING-ID' | translate }}\n </div>\n</ng-template>\n", styles: [".adf-tree-view-icon{color:#d9e022}.adf-tree-view-node.adf-tree-view{min-height:40px;font-size:var(--theme-caption-font-size);align-items:baseline}.adf-tree-view-label{cursor:pointer}\n"] }]
|
|
24794
24810
|
}], ctorParameters: () => [{ type: TreeViewService }], propDecorators: { nodeId: [{
|
|
24795
24811
|
type: Input,
|
|
24796
24812
|
args: [{ required: true }]
|
|
@@ -25519,7 +25535,7 @@ class NewVersionUploaderService {
|
|
|
25519
25535
|
document.querySelector(selectorAutoFocusedOnClose)?.focus();
|
|
25520
25536
|
}
|
|
25521
25537
|
}
|
|
25522
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NewVersionUploaderService, deps: [{ token: AlfrescoApiService }, { token: i1.MatDialog }, { token: i5$
|
|
25538
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NewVersionUploaderService, deps: [{ token: AlfrescoApiService }, { token: i1.MatDialog }, { token: i5$3.OverlayContainer }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
25523
25539
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NewVersionUploaderService, providedIn: 'root' }); }
|
|
25524
25540
|
}
|
|
25525
25541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: NewVersionUploaderService, decorators: [{
|
|
@@ -25527,7 +25543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
25527
25543
|
args: [{
|
|
25528
25544
|
providedIn: 'root'
|
|
25529
25545
|
}]
|
|
25530
|
-
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: i1.MatDialog }, { type: i5$
|
|
25546
|
+
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: i1.MatDialog }, { type: i5$3.OverlayContainer }] });
|
|
25531
25547
|
|
|
25532
25548
|
/*!
|
|
25533
25549
|
* @license
|
|
@@ -26030,11 +26046,11 @@ class AlfrescoViewerComponent {
|
|
|
26030
26046
|
this.nodeActionsService.downloadNode(this.nodeEntry);
|
|
26031
26047
|
}
|
|
26032
26048
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AlfrescoViewerComponent, deps: [{ token: AlfrescoApiService }, { token: NodesApiService }, { token: RenditionService }, { token: i2.ViewUtilService }, { token: ContentService }, { token: UploadService }, { token: i1.MatDialog }, { token: i0.ChangeDetectorRef }, { token: NodeActionsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26033
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AlfrescoViewerComponent, isStandalone: true, selector: "adf-alfresco-viewer", inputs: { nodeId: "nodeId", versionId: "versionId", sharedLinkId: "sharedLinkId", showViewer: "showViewer", maxRetries: "maxRetries", allowGoBack: "allowGoBack", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", allowDownload: "allowDownload", allowPrint: "allowPrint", allowFullScreen: "allowFullScreen", hideInfoButton: "hideInfoButton", closeButtonPosition: "closeButtonPosition", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", showToolbarDividers: "showToolbarDividers" }, outputs: { invalidSharedLink: "invalidSharedLink", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange" }, host: { classAttribute: "adf-alfresco-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "toolbarActions", first: true, predicate: ViewerToolbarActionsComponent, descendants: true }, { propertyName: "moreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "openWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "viewerExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], viewQueries: [{ propertyName: "adfViewer", first: true, predicate: ["adfViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<adf-viewer\n #adfViewer\n [(showViewer)]=\"showViewer\"\n [allowGoBack]=\"allowGoBack\"\n [showToolbar]=\"showToolbar\"\n [overlayMode]=\"overlayMode\"\n [allowNavigate]=\"allowNavigate\"\n [canNavigateBefore]=\"canNavigateBefore\"\n [canNavigateNext]=\"canNavigateNext\"\n [allowLeftSidebar]=\"allowLeftSidebar\"\n [allowRightSidebar]=\"allowRightSidebar\"\n [showRightSidebar]=\"showRightSidebar\"\n [showLeftSidebar]=\"showLeftSidebar\"\n [allowFullScreen]=\"allowFullScreen\"\n [sidebarRightTemplate]=\"sidebarRightTemplate\"\n [sidebarLeftTemplate]=\"sidebarLeftTemplate\"\n [sidebarRightTemplateContext]=\"sidebarRightTemplateContext\"\n [sidebarLeftTemplateContext]=\"sidebarLeftTemplateContext\"\n [closeButtonPosition]=\"closeButtonPosition\"\n [hideInfoButton]=\"hideInfoButton\"\n [fileName]=\"fileName\"\n [mimeType]=\"mimeType\"\n [nodeMimeType]=\"nodeMimeType\"\n [urlFile]=\"urlFileContent\"\n [tracks]=\"tracks\"\n [readOnly]=\"readOnly || !canEditNode\"\n [showToolbarDividers]=\"showToolbarDividers\"\n [allowedEditActions]=\"allowedEditActions\"\n [viewerExtensions]=\"viewerExtensions\"\n [nodeId]=\"nodeId\"\n (downloadFile)=\"onDownloadFile()\"\n (navigateBefore)=\"onNavigateBeforeClick($event)\"\n (navigateNext)=\"onNavigateNextClick($event)\"\n (showViewerChange)=\"onClose()\"\n (submitFile)=\"onSubmitFile($event)\">\n\n <adf-viewer-toolbar *ngIf=\"toolbar\">\n <ng-content select=\"adf-viewer-toolbar\" />\n </adf-viewer-toolbar>\n\n <adf-viewer-toolbar-actions *ngIf=\"toolbarActions\">\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n </adf-viewer-toolbar-actions>\n\n <adf-viewer-more-actions *ngIf=\"moreActions\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </adf-viewer-more-actions>\n\n <adf-viewer-open-with *ngIf=\"openWith\">\n <ng-content select=\"adf-viewer-open-with\" />\n </adf-viewer-open-with>\n\n <adf-viewer-sidebar *ngIf=\"sidebar\">\n <ng-content select=\"adf-viewer-sidebar\" />\n </adf-viewer-sidebar>\n\n <adf-viewer-toolbar-custom-actions *ngIf=\"allowDownload || allowPrint\">\n <button id=\"adf-alfresco-viewer-download\"\n *ngIf=\"allowDownload\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\"\n data-automation-id=\"adf-toolbar-download\"\n [adfNodeDownload]=\"nodeEntry\"\n [version]=\"versionEntry\">\n <mat-icon
|
|
26049
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: AlfrescoViewerComponent, isStandalone: true, selector: "adf-alfresco-viewer", inputs: { nodeId: "nodeId", versionId: "versionId", sharedLinkId: "sharedLinkId", showViewer: "showViewer", maxRetries: "maxRetries", allowGoBack: "allowGoBack", showToolbar: "showToolbar", overlayMode: "overlayMode", allowNavigate: "allowNavigate", canNavigateBefore: "canNavigateBefore", canNavigateNext: "canNavigateNext", allowLeftSidebar: "allowLeftSidebar", allowRightSidebar: "allowRightSidebar", showRightSidebar: "showRightSidebar", showLeftSidebar: "showLeftSidebar", allowDownload: "allowDownload", allowPrint: "allowPrint", allowFullScreen: "allowFullScreen", hideInfoButton: "hideInfoButton", closeButtonPosition: "closeButtonPosition", sidebarRightTemplate: "sidebarRightTemplate", sidebarLeftTemplate: "sidebarLeftTemplate", readOnly: "readOnly", showToolbarDividers: "showToolbarDividers" }, outputs: { invalidSharedLink: "invalidSharedLink", navigateBefore: "navigateBefore", navigateNext: "navigateNext", showViewerChange: "showViewerChange" }, host: { classAttribute: "adf-alfresco-viewer" }, providers: [ViewUtilService], queries: [{ propertyName: "toolbar", first: true, predicate: ViewerToolbarComponent, descendants: true }, { propertyName: "sidebar", first: true, predicate: ViewerSidebarComponent, descendants: true }, { propertyName: "toolbarActions", first: true, predicate: ViewerToolbarActionsComponent, descendants: true }, { propertyName: "moreActions", first: true, predicate: ViewerMoreActionsComponent, descendants: true }, { propertyName: "openWith", first: true, predicate: ViewerOpenWithComponent, descendants: true }, { propertyName: "viewerExtensions", first: true, predicate: ["viewerExtensions"], descendants: true }], viewQueries: [{ propertyName: "adfViewer", first: true, predicate: ["adfViewer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<adf-viewer\n #adfViewer\n [(showViewer)]=\"showViewer\"\n [allowGoBack]=\"allowGoBack\"\n [showToolbar]=\"showToolbar\"\n [overlayMode]=\"overlayMode\"\n [allowNavigate]=\"allowNavigate\"\n [canNavigateBefore]=\"canNavigateBefore\"\n [canNavigateNext]=\"canNavigateNext\"\n [allowLeftSidebar]=\"allowLeftSidebar\"\n [allowRightSidebar]=\"allowRightSidebar\"\n [showRightSidebar]=\"showRightSidebar\"\n [showLeftSidebar]=\"showLeftSidebar\"\n [allowFullScreen]=\"allowFullScreen\"\n [sidebarRightTemplate]=\"sidebarRightTemplate\"\n [sidebarLeftTemplate]=\"sidebarLeftTemplate\"\n [sidebarRightTemplateContext]=\"sidebarRightTemplateContext\"\n [sidebarLeftTemplateContext]=\"sidebarLeftTemplateContext\"\n [closeButtonPosition]=\"closeButtonPosition\"\n [hideInfoButton]=\"hideInfoButton\"\n [fileName]=\"fileName\"\n [mimeType]=\"mimeType\"\n [nodeMimeType]=\"nodeMimeType\"\n [urlFile]=\"urlFileContent\"\n [tracks]=\"tracks\"\n [readOnly]=\"readOnly || !canEditNode\"\n [showToolbarDividers]=\"showToolbarDividers\"\n [allowedEditActions]=\"allowedEditActions\"\n [viewerExtensions]=\"viewerExtensions\"\n [nodeId]=\"nodeId\"\n (downloadFile)=\"onDownloadFile()\"\n (navigateBefore)=\"onNavigateBeforeClick($event)\"\n (navigateNext)=\"onNavigateNextClick($event)\"\n (showViewerChange)=\"onClose()\"\n (submitFile)=\"onSubmitFile($event)\">\n\n <adf-viewer-toolbar *ngIf=\"toolbar\">\n <ng-content select=\"adf-viewer-toolbar\" />\n </adf-viewer-toolbar>\n\n <adf-viewer-toolbar-actions *ngIf=\"toolbarActions\">\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n </adf-viewer-toolbar-actions>\n\n <adf-viewer-more-actions *ngIf=\"moreActions\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </adf-viewer-more-actions>\n\n <adf-viewer-open-with *ngIf=\"openWith\">\n <ng-content select=\"adf-viewer-open-with\" />\n </adf-viewer-open-with>\n\n <adf-viewer-sidebar *ngIf=\"sidebar\">\n <ng-content select=\"adf-viewer-sidebar\" />\n </adf-viewer-sidebar>\n\n <adf-viewer-toolbar-custom-actions *ngIf=\"allowDownload || allowPrint\">\n <button id=\"adf-alfresco-viewer-download\"\n *ngIf=\"allowDownload\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\"\n data-automation-id=\"adf-toolbar-download\"\n [adfNodeDownload]=\"nodeEntry\"\n [version]=\"versionEntry\">\n <mat-icon adf-icon=\"file_download\" />\n </button>\n\n <button id=\"adf-alfresco-viewer-print\"\n *ngIf=\"allowPrint\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PRINT' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}\"\n data-automation-id=\"adf-toolbar-print\"\n (click)=\"onPrintContent($event)\">\n <mat-icon adf-icon=\"print\" />\n </button>\n </adf-viewer-toolbar-custom-actions>\n</adf-viewer>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "component", type: i2.ViewerToolbarComponent, selector: "adf-viewer-toolbar" }, { kind: "component", type: i2.ViewerSidebarComponent, selector: "adf-viewer-sidebar" }, { kind: "component", type: i2.ViewerOpenWithComponent, selector: "adf-viewer-open-with" }, { kind: "component", type: i2.ViewerMoreActionsComponent, selector: "adf-viewer-more-actions" }, { kind: "component", type: i2.ViewerToolbarActionsComponent, selector: "adf-viewer-toolbar-actions" }, { kind: "component", type: i2.ViewerComponent, selector: "adf-viewer", inputs: ["urlFile", "blobFile", "showViewer", "allowGoBack", "allowFullScreen", "showToolbar", "overlayMode", "allowNavigate", "canNavigateBefore", "canNavigateNext", "allowLeftSidebar", "allowRightSidebar", "showRightSidebar", "showLeftSidebar", "sidebarRightTemplate", "sidebarLeftTemplate", "readOnly", "allowedEditActions", "tracks", "mimeType", "sidebarRightTemplateContext", "sidebarLeftTemplateContext", "closeButtonPosition", "hideInfoButton", "viewerExtensions", "nodeId", "nodeMimeType", "customError", "showToolbarDividers", "title", "fileName"], outputs: ["downloadFile", "navigateBefore", "navigateNext", "showViewerChange", "submitFile"] }, { kind: "component", type: i2.ViewerToolbarCustomActionsComponent, selector: "adf-viewer-toolbar-custom-actions" }, { kind: "directive", type: NodeDownloadDirective, selector: "[adfNodeDownload]", inputs: ["adfNodeDownload", "version"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
26034
26050
|
}
|
|
26035
26051
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: AlfrescoViewerComponent, decorators: [{
|
|
26036
26052
|
type: Component,
|
|
26037
|
-
args: [{ selector: 'adf-alfresco-viewer', imports: [CommonModule, TranslatePipe, MatButtonModule,
|
|
26053
|
+
args: [{ selector: 'adf-alfresco-viewer', imports: [CommonModule, TranslatePipe, MatButtonModule, IconModule, ...VIEWER_DIRECTIVES, NodeDownloadDirective], host: { class: 'adf-alfresco-viewer' }, encapsulation: ViewEncapsulation.None, providers: [ViewUtilService], template: "<adf-viewer\n #adfViewer\n [(showViewer)]=\"showViewer\"\n [allowGoBack]=\"allowGoBack\"\n [showToolbar]=\"showToolbar\"\n [overlayMode]=\"overlayMode\"\n [allowNavigate]=\"allowNavigate\"\n [canNavigateBefore]=\"canNavigateBefore\"\n [canNavigateNext]=\"canNavigateNext\"\n [allowLeftSidebar]=\"allowLeftSidebar\"\n [allowRightSidebar]=\"allowRightSidebar\"\n [showRightSidebar]=\"showRightSidebar\"\n [showLeftSidebar]=\"showLeftSidebar\"\n [allowFullScreen]=\"allowFullScreen\"\n [sidebarRightTemplate]=\"sidebarRightTemplate\"\n [sidebarLeftTemplate]=\"sidebarLeftTemplate\"\n [sidebarRightTemplateContext]=\"sidebarRightTemplateContext\"\n [sidebarLeftTemplateContext]=\"sidebarLeftTemplateContext\"\n [closeButtonPosition]=\"closeButtonPosition\"\n [hideInfoButton]=\"hideInfoButton\"\n [fileName]=\"fileName\"\n [mimeType]=\"mimeType\"\n [nodeMimeType]=\"nodeMimeType\"\n [urlFile]=\"urlFileContent\"\n [tracks]=\"tracks\"\n [readOnly]=\"readOnly || !canEditNode\"\n [showToolbarDividers]=\"showToolbarDividers\"\n [allowedEditActions]=\"allowedEditActions\"\n [viewerExtensions]=\"viewerExtensions\"\n [nodeId]=\"nodeId\"\n (downloadFile)=\"onDownloadFile()\"\n (navigateBefore)=\"onNavigateBeforeClick($event)\"\n (navigateNext)=\"onNavigateNextClick($event)\"\n (showViewerChange)=\"onClose()\"\n (submitFile)=\"onSubmitFile($event)\">\n\n <adf-viewer-toolbar *ngIf=\"toolbar\">\n <ng-content select=\"adf-viewer-toolbar\" />\n </adf-viewer-toolbar>\n\n <adf-viewer-toolbar-actions *ngIf=\"toolbarActions\">\n <ng-content select=\"adf-viewer-toolbar-actions\" />\n </adf-viewer-toolbar-actions>\n\n <adf-viewer-more-actions *ngIf=\"moreActions\">\n <ng-content select=\"adf-viewer-more-actions\" />\n </adf-viewer-more-actions>\n\n <adf-viewer-open-with *ngIf=\"openWith\">\n <ng-content select=\"adf-viewer-open-with\" />\n </adf-viewer-open-with>\n\n <adf-viewer-sidebar *ngIf=\"sidebar\">\n <ng-content select=\"adf-viewer-sidebar\" />\n </adf-viewer-sidebar>\n\n <adf-viewer-toolbar-custom-actions *ngIf=\"allowDownload || allowPrint\">\n <button id=\"adf-alfresco-viewer-download\"\n *ngIf=\"allowDownload\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.DOWNLOAD' | translate }}\"\n data-automation-id=\"adf-toolbar-download\"\n [adfNodeDownload]=\"nodeEntry\"\n [version]=\"versionEntry\">\n <mat-icon adf-icon=\"file_download\" />\n </button>\n\n <button id=\"adf-alfresco-viewer-print\"\n *ngIf=\"allowPrint\"\n mat-icon-button\n [attr.aria-label]=\"'ADF_VIEWER.ACTIONS.PRINT' | translate\"\n title=\"{{ 'ADF_VIEWER.ACTIONS.PRINT' | translate }}\"\n data-automation-id=\"adf-toolbar-print\"\n (click)=\"onPrintContent($event)\">\n <mat-icon adf-icon=\"print\" />\n </button>\n </adf-viewer-toolbar-custom-actions>\n</adf-viewer>\n" }]
|
|
26038
26054
|
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: NodesApiService }, { type: RenditionService }, { type: i2.ViewUtilService }, { type: ContentService }, { type: UploadService }, { type: i1.MatDialog }, { type: i0.ChangeDetectorRef }, { type: NodeActionsService }], propDecorators: { adfViewer: [{
|
|
26039
26055
|
type: ViewChild,
|
|
26040
26056
|
args: ['adfViewer']
|