@alfresco/adf-content-services 8.4.0-19032555024 → 8.4.0-19062358161
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/adf-content-services.mjs +29 -43
- package/fesm2022/adf-content-services.mjs.map +1 -1
- package/lib/document-list/components/filter-header/filter-header.component.d.ts +2 -2
- package/lib/search/components/search-check-list/search-check-list.component.d.ts +1 -1
- package/lib/search/services/search-header-query-builder.service.d.ts +1 -2
- package/package.json +3 -3
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, InjectionToken, Optional, Inject, Injectable, inject, ViewEncapsulation, HostListener, Input, Directive, DestroyRef, EventEmitter, Output, ViewChild, ElementRef, ContentChildren, ViewContainerRef, ContentChild, NgZone, forwardRef, TemplateRef, Pipe, HostBinding, ChangeDetectionStrategy, Host, NgModule, ViewChildren, Injector, runInInjectionContext, APP_INITIALIZER } from '@angular/core';
|
|
3
3
|
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, ClassesApi, TypesApi, CategoryLinkBody, AspectsApi, GroupsApi, NodeEntry, CommentsApi, SecurityGroupsApi, SecurityMarksApi, AuthorityClearanceApi, PredictionsApi, LegalHoldApi, AgentsApi, SearchAiApi, PathInfo, ResultSetRowEntry, ResultNode, ResultSetPaging, SitePaging, SitePagingList } from '@alfresco/js-api';
|
|
5
|
-
import { ReplaySubject, Subject, from, throwError, Observable, of, forkJoin, BehaviorSubject, timer,
|
|
5
|
+
import { ReplaySubject, Subject, from, throwError, Observable, of, forkJoin, BehaviorSubject, timer, merge, EMPTY, Subscription, defer, zip, iif } from 'rxjs';
|
|
6
6
|
import * as i1 from '@alfresco/adf-core';
|
|
7
7
|
import { AppConfigValues, BpmProductVersionModel, AppConfigService, ObjectUtils, DataSorting, BaseEvent, DateFnsUtils, ADF_DATE_FORMATS, ADF_DATETIME_FORMATS, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, UserPreferenceValues, IconComponent, HeaderFilterTemplateDirective, DataTableSchema, ShowHeaderMode, DataTableComponent, NoContentTemplateDirective, EmptyListComponent, NoPermissionTemplateDirective, LoadingContentTemplateDirective, MainMenuDataTableTemplateDirective, ColumnsSelectorComponent, DataColumnListComponent, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, CustomEmptyContentTemplateDirective, DataTableService, TranslationService, FileUtils, NotificationService, EXTENDIBLE_COMPONENT, 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, CoreModule, NoopAuthModule, NoopTranslateModule } from '@alfresco/adf-core';
|
|
8
8
|
import * as i1$1 from '@angular/material/dialog';
|
|
@@ -4672,10 +4672,6 @@ class SearchHeaderQueryBuilderService extends BaseQueryBuilderService {
|
|
|
4672
4672
|
}
|
|
4673
4673
|
return foundCategory;
|
|
4674
4674
|
}
|
|
4675
|
-
getOperatorForFilterId(id) {
|
|
4676
|
-
const foundCategory = this.categories?.find((category) => category.id === id);
|
|
4677
|
-
return foundCategory?.component?.settings?.operator;
|
|
4678
|
-
}
|
|
4679
4675
|
setCurrentRootFolderId(currentFolderId) {
|
|
4680
4676
|
const alreadyAddedFilter = this.filterQueries.find((filterQueries) => filterQueries.query.includes(currentFolderId));
|
|
4681
4677
|
if (alreadyAddedFilter !== undefined) {
|
|
@@ -4771,8 +4767,6 @@ class SearchTextComponent {
|
|
|
4771
4767
|
}
|
|
4772
4768
|
reset(updateContext = true) {
|
|
4773
4769
|
this.value = '';
|
|
4774
|
-
this.context.filterRawParams[this.id] = undefined;
|
|
4775
|
-
this.context.queryFragments[this.id] = '';
|
|
4776
4770
|
this.updateQuery(null, updateContext);
|
|
4777
4771
|
}
|
|
4778
4772
|
onChangedHandler(event) {
|
|
@@ -4783,9 +4777,7 @@ class SearchTextComponent {
|
|
|
4783
4777
|
}
|
|
4784
4778
|
}
|
|
4785
4779
|
updateQuery(value, updateContext = true) {
|
|
4786
|
-
|
|
4787
|
-
this.context.filterRawParams[this.id] = value;
|
|
4788
|
-
}
|
|
4780
|
+
this.context.filterRawParams[this.id] = value;
|
|
4789
4781
|
this.displayValue$.next(value);
|
|
4790
4782
|
if (this.context && this.settings && this.settings.field) {
|
|
4791
4783
|
this.context.queryFragments[this.id] = value ? `${this.settings.field}:'${this.getSearchPrefix()}${value}${this.getSearchSuffix()}'` : '';
|
|
@@ -5413,7 +5405,8 @@ class SearchCheckListComponent {
|
|
|
5413
5405
|
}
|
|
5414
5406
|
}
|
|
5415
5407
|
this.context.populateFilters
|
|
5416
|
-
.
|
|
5408
|
+
.asObservable()
|
|
5409
|
+
.pipe(map((filtersQueries) => filtersQueries[this.id]), takeUntilDestroyed(this.destroyRef))
|
|
5417
5410
|
.subscribe((filterQuery) => {
|
|
5418
5411
|
if (filterQuery) {
|
|
5419
5412
|
filterQuery.forEach((value) => {
|
|
@@ -5480,8 +5473,8 @@ class SearchCheckListComponent {
|
|
|
5480
5473
|
return this.getCheckedValues();
|
|
5481
5474
|
}
|
|
5482
5475
|
setValue(value) {
|
|
5483
|
-
this.options.items.forEach((item) => (item.checked =
|
|
5484
|
-
this.
|
|
5476
|
+
this.options.items.filter((item) => value.includes(item.value)).forEach((item) => (item.checked = true));
|
|
5477
|
+
this.submitValues();
|
|
5485
5478
|
}
|
|
5486
5479
|
getCheckedValues() {
|
|
5487
5480
|
return this.options.items.filter((option) => option.checked).map((option) => option.value);
|
|
@@ -6219,7 +6212,7 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6219
6212
|
this.placeholder = 'SEARCH.FILTER.ACTIONS.ADD_OPTION';
|
|
6220
6213
|
this.filter = (options, value) => {
|
|
6221
6214
|
const filterValue = value.toLowerCase();
|
|
6222
|
-
return options
|
|
6215
|
+
return options?.filter((option) => option.value.toLowerCase().includes(filterValue)).slice(0, 15) ?? [];
|
|
6223
6216
|
};
|
|
6224
6217
|
this.optionsChanged = new EventEmitter();
|
|
6225
6218
|
this.inputChanged = new EventEmitter();
|
|
@@ -6235,9 +6228,9 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6235
6228
|
}
|
|
6236
6229
|
ngOnInit() {
|
|
6237
6230
|
this.formCtrl.valueChanges
|
|
6238
|
-
.pipe(startWith(''), tap(() => (this.activeAnyOption = false)), debounce((
|
|
6231
|
+
.pipe(startWith(''), tap(() => (this.activeAnyOption = false)), debounce(() => timer(300)), takeUntilDestroyed(this.destroyRef))
|
|
6239
6232
|
.subscribe((value) => {
|
|
6240
|
-
this.filteredOptions =
|
|
6233
|
+
this.filteredOptions = this.filter(this.autocompleteOptions, value);
|
|
6241
6234
|
this.inputChanged.emit(value);
|
|
6242
6235
|
});
|
|
6243
6236
|
this.onReset$?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.reset());
|
|
@@ -6314,11 +6307,11 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6314
6307
|
this.optionInput.nativeElement.value = '';
|
|
6315
6308
|
}
|
|
6316
6309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6317
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">close</mat-icon>\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
|
|
6310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">close</mat-icon>\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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6$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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6318
6311
|
}
|
|
6319
6312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, decorators: [{
|
|
6320
6313
|
type: Component,
|
|
6321
|
-
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, MatIconModule, 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\">close</mat-icon>\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
|
|
6314
|
+
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, MatIconModule, 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\">close</mat-icon>\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"] }]
|
|
6322
6315
|
}], propDecorators: { optionInput: [{
|
|
6323
6316
|
type: ViewChild,
|
|
6324
6317
|
args: ['optionInput']
|
|
@@ -6442,13 +6435,11 @@ class SearchFilterAutocompleteChipsComponent {
|
|
|
6442
6435
|
this.submitValues();
|
|
6443
6436
|
}
|
|
6444
6437
|
onInputChange(value) {
|
|
6445
|
-
if (
|
|
6446
|
-
|
|
6447
|
-
|
|
6448
|
-
|
|
6449
|
-
|
|
6450
|
-
this.populateSitesOptions();
|
|
6451
|
-
}
|
|
6438
|
+
if (this.settings.field === AutocompleteField.CATEGORIES) {
|
|
6439
|
+
this.searchForExistingCategories(value);
|
|
6440
|
+
}
|
|
6441
|
+
else if (this.settings.field === AutocompleteField.LOCATION) {
|
|
6442
|
+
this.populateSitesOptions();
|
|
6452
6443
|
}
|
|
6453
6444
|
}
|
|
6454
6445
|
optionComparator(option1, option2) {
|
|
@@ -8070,7 +8061,7 @@ class SearchFilterContainerComponent {
|
|
|
8070
8061
|
}
|
|
8071
8062
|
ngOnInit() {
|
|
8072
8063
|
this.category = this.searchFilterQueryBuilder.getCategoryForColumn(this.col.key);
|
|
8073
|
-
this.initialValue = this.value?.[this.
|
|
8064
|
+
this.initialValue = this.value?.[this.col.key] ? this.value[this.col.key] : undefined;
|
|
8074
8065
|
}
|
|
8075
8066
|
onKeyPressed(event, menuTrigger) {
|
|
8076
8067
|
if (event.key === 'Enter' && this.widgetContainer.selector !== 'check-list') {
|
|
@@ -8080,7 +8071,7 @@ class SearchFilterContainerComponent {
|
|
|
8080
8071
|
}
|
|
8081
8072
|
onApply() {
|
|
8082
8073
|
if (this.widgetContainer.hasValueSelected()) {
|
|
8083
|
-
this.searchFilterQueryBuilder.setActiveFilter(this.category.
|
|
8074
|
+
this.searchFilterQueryBuilder.setActiveFilter(this.category.columnKey, this.widgetContainer.getCurrentValue());
|
|
8084
8075
|
this.filterChange.emit();
|
|
8085
8076
|
this.widgetContainer.applyInnerWidget();
|
|
8086
8077
|
}
|
|
@@ -8094,7 +8085,7 @@ class SearchFilterContainerComponent {
|
|
|
8094
8085
|
}
|
|
8095
8086
|
resetSearchFilter() {
|
|
8096
8087
|
this.widgetContainer.resetInnerWidget();
|
|
8097
|
-
this.searchFilterQueryBuilder.removeActiveFilter(this.category.
|
|
8088
|
+
this.searchFilterQueryBuilder.removeActiveFilter(this.category.columnKey);
|
|
8098
8089
|
this.filterChange.emit();
|
|
8099
8090
|
}
|
|
8100
8091
|
getTooltipTranslation(columnTitle) {
|
|
@@ -8104,7 +8095,7 @@ class SearchFilterContainerComponent {
|
|
|
8104
8095
|
return this.translationService.instant('SEARCH.SEARCH_HEADER.FILTER_BY', { category: this.translationService.instant(columnTitle) });
|
|
8105
8096
|
}
|
|
8106
8097
|
isActive() {
|
|
8107
|
-
return this.searchFilterQueryBuilder.getActiveFilters().findIndex((f) => f.key === this.category.
|
|
8098
|
+
return this.searchFilterQueryBuilder.getActiveFilters().findIndex((f) => f.key === this.category.columnKey) > -1;
|
|
8108
8099
|
}
|
|
8109
8100
|
onMenuOpen() {
|
|
8110
8101
|
if (this.filterContainer && !this.focusTrap) {
|
|
@@ -8218,17 +8209,12 @@ class FilterHeaderComponent {
|
|
|
8218
8209
|
}
|
|
8219
8210
|
}
|
|
8220
8211
|
initSearchHeader(currentFolderId) {
|
|
8212
|
+
this.searchFilterQueryBuilder.setCurrentRootFolderId(currentFolderId);
|
|
8221
8213
|
if (this.value) {
|
|
8222
|
-
Object.keys(this.value).forEach((
|
|
8223
|
-
this.searchFilterQueryBuilder.setActiveFilter(
|
|
8224
|
-
const operator = this.searchFilterQueryBuilder.getOperatorForFilterId(key) || 'OR';
|
|
8225
|
-
this.searchFilterQueryBuilder.filterRawParams[key] = this.value[key];
|
|
8226
|
-
this.searchFilterQueryBuilder.queryFragments[key] = Array.isArray(this.value[key])
|
|
8227
|
-
? this.value[key].join(` ${operator} `)
|
|
8228
|
-
: this.value[key];
|
|
8214
|
+
Object.keys(this.value).forEach((columnKey) => {
|
|
8215
|
+
this.searchFilterQueryBuilder.setActiveFilter(columnKey, this.value[columnKey]);
|
|
8229
8216
|
});
|
|
8230
8217
|
}
|
|
8231
|
-
this.searchFilterQueryBuilder.setCurrentRootFolderId(currentFolderId);
|
|
8232
8218
|
}
|
|
8233
8219
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FilterHeaderComponent, deps: [{ token: ADF_DOCUMENT_PARENT_COMPONENT }, { token: SearchHeaderQueryBuilderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8234
8220
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FilterHeaderComponent, isStandalone: true, selector: "adf-filter-header", inputs: { value: "value", currentFolderId: "currentFolderId" }, outputs: { filterSelection: "filterSelection" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"isFilterServiceActive\">\n <adf-header-filter-template>\n <ng-template let-col>\n <adf-search-filter-container [col]=\"col\"\n [value]=\"value\"\n (filterChange)=\"onFilterSelectionChange()\" />\n </ng-template>\n </adf-header-filter-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: HeaderFilterTemplateDirective, selector: "adf-header-filter-template" }, { kind: "component", type: SearchFilterContainerComponent, selector: "adf-search-filter-container", inputs: ["col", "value"], outputs: ["filterChange"] }] }); }
|
|
@@ -8567,7 +8553,7 @@ class DocumentListComponent extends DataTableSchema {
|
|
|
8567
8553
|
}
|
|
8568
8554
|
}
|
|
8569
8555
|
if (this.currentFolderId && changes['currentFolderId']?.currentValue !== changes['currentFolderId']?.previousValue) {
|
|
8570
|
-
|
|
8556
|
+
this.loadFolder();
|
|
8571
8557
|
}
|
|
8572
8558
|
if (this.data) {
|
|
8573
8559
|
if (changes.node?.currentValue) {
|
|
@@ -8755,6 +8741,7 @@ class DocumentListComponent extends DataTableSchema {
|
|
|
8755
8741
|
this.preserveExistingSelection();
|
|
8756
8742
|
}
|
|
8757
8743
|
this.onPreselectNodes();
|
|
8744
|
+
this.setLoadingState(false);
|
|
8758
8745
|
this.onDataReady(nodePaging);
|
|
8759
8746
|
}
|
|
8760
8747
|
}
|
|
@@ -8929,7 +8916,6 @@ class DocumentListComponent extends DataTableSchema {
|
|
|
8929
8916
|
onDataReady(nodePaging) {
|
|
8930
8917
|
this.ready.emit(nodePaging);
|
|
8931
8918
|
this.pagination.next(nodePaging.list.pagination);
|
|
8932
|
-
this.setLoadingState(false);
|
|
8933
8919
|
}
|
|
8934
8920
|
updatePagination(requestPaginationModel) {
|
|
8935
8921
|
this._pagination.maxItems = requestPaginationModel.maxItems;
|
|
@@ -10184,7 +10170,7 @@ class FileUploadingListRowComponent {
|
|
|
10184
10170
|
return this.file?.status === FileUploadStatus.Complete && this.isUploadVersion();
|
|
10185
10171
|
}
|
|
10186
10172
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10187
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\">\n insert_drive_file\n </mat-icon>\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\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\">\n clear\n </mat-icon>\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\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n matListItemIcon\n class=\"adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n *ngIf=\"!toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\">\n schedule\n </mat-icon>\n\n <mat-icon\n *ngIf=\"toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\">\n remove_circle\n </mat-icon>\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 matListItemIcon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\">\n report_problem\n </mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "directive", type: i7$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { 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 }); }
|
|
10173
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">\n insert_drive_file\n </mat-icon>\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\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\">\n clear\n </mat-icon>\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\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n matListItemIcon\n class=\"adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n *ngIf=\"!toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\">\n schedule\n </mat-icon>\n\n <mat-icon\n *ngIf=\"toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\">\n remove_circle\n </mat-icon>\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 matListItemIcon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\">\n report_problem\n </mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatListModule }, { kind: "directive", type: i7$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { 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 }); }
|
|
10188
10174
|
}
|
|
10189
10175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingListRowComponent, decorators: [{
|
|
10190
10176
|
type: Component,
|
|
@@ -10199,7 +10185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
10199
10185
|
FileSizePipe,
|
|
10200
10186
|
MatButtonModule,
|
|
10201
10187
|
FileUploadErrorPipe
|
|
10202
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-file-uploading-row\">\n <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\">\n insert_drive_file\n </mat-icon>\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\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\">\n clear\n </mat-icon>\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\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n matListItemIcon\n class=\"adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n *ngIf=\"!toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\">\n schedule\n </mat-icon>\n\n <mat-icon\n *ngIf=\"toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\">\n remove_circle\n </mat-icon>\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 matListItemIcon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\">\n report_problem\n </mat-icon>\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"] }]
|
|
10188
|
+
], 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\">\n insert_drive_file\n </mat-icon>\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\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--cancel\">\n clear\n </mat-icon>\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\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n matListItemIcon\n class=\"adf-file-uploading-row__status--done\">\n check_circle\n </mat-icon>\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\n *ngIf=\"!toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__status adf-file-uploading-row__status--pending\">\n schedule\n </mat-icon>\n\n <mat-icon\n *ngIf=\"toggleIconCancel.isToggled\"\n class=\"adf-file-uploading-row__action adf-file-uploading-row__action--remove\">\n remove_circle\n </mat-icon>\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 matListItemIcon\n [attr.aria-label]=\"'ADF_FILE_UPLOAD.ARIA-LABEL.UPLOAD_FILE_ERROR' | translate: { error: file.errorCode | adfFileUploadError }\"\n [title]=\"file.errorCode | adfFileUploadError\">\n report_problem\n </mat-icon>\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"] }]
|
|
10203
10189
|
}], propDecorators: { file: [{
|
|
10204
10190
|
type: Input
|
|
10205
10191
|
}], cancel: [{
|
|
@@ -10353,11 +10339,11 @@ class FileUploadingDialogComponent {
|
|
|
10353
10339
|
return !this.uploadList?.isUploadCompleted() && !this.uploadList?.isUploadCancelled();
|
|
10354
10340
|
}
|
|
10355
10341
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingDialogComponent, deps: [{ token: UploadService }, { token: i0.ChangeDetectorRef }, { token: i1.UserPreferencesService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\n class=\"adf-upload-dialog__header-button-icon\">\n {{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n </mat-icon>\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\">\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-054);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-054)}.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$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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$5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\n class=\"adf-upload-dialog__header-button-icon\">\n {{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n </mat-icon>\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-054);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-054)}.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$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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$5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10357
10343
|
}
|
|
10358
10344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingDialogComponent, decorators: [{
|
|
10359
10345
|
type: Component,
|
|
10360
|
-
args: [{ selector: 'adf-file-uploading-dialog', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, 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\n class=\"adf-upload-dialog__header-button-icon\">\n {{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n </mat-icon>\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\">\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-054);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-054)}.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"] }]
|
|
10346
|
+
args: [{ selector: 'adf-file-uploading-dialog', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, 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\n class=\"adf-upload-dialog__header-button-icon\">\n {{ isDialogMinimized ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}\n </mat-icon>\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-054);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-054)}.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"] }]
|
|
10361
10347
|
}], ctorParameters: () => [{ type: UploadService }, { type: i0.ChangeDetectorRef }, { type: i1.UserPreferencesService }, { type: i0.ElementRef }], propDecorators: { uploadList: [{
|
|
10362
10348
|
type: ViewChild,
|
|
10363
10349
|
args: ['uploadList']
|