@alfresco/adf-content-services 8.4.0-19063861366 → 8.4.0-19066231420
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 +116 -116
- package/fesm2022/adf-content-services.mjs.map +1 -1
- package/lib/aspect-list/aspect-list-dialog.component.scss +7 -1
- package/lib/aspect-list/aspect-list.component.scss +9 -7
- package/lib/breadcrumb/breadcrumb.component.scss +22 -10
- package/lib/breadcrumb/dropdown-breadcrumb.component.scss +8 -5
- package/lib/category/categories-management/categories-management.component.scss +39 -3
- package/lib/content-metadata/components/content-metadata/content-metadata.component.scss +54 -4
- package/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.scss +9 -0
- package/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss +61 -11
- package/lib/content-node-selector/content-node-selector.component.scss +46 -2
- package/lib/content-node-selector/name-location-cell/name-location-cell.component.scss +2 -2
- package/lib/content-node-share/content-node-share.dialog.scss +34 -11
- package/lib/content-type/content-type-dialog.component.scss +5 -3
- package/lib/dialogs/folder/folder.dialog.scss +22 -3
- package/lib/document-list/components/document-list.component.scss +39 -15
- package/lib/new-version-uploader/new-version-uploader.dialog.scss +9 -2
- package/lib/permission-manager/components/add-permission/add-permission-dialog.component.scss +31 -6
- package/lib/permission-manager/components/add-permission/add-permission-panel.component.scss +27 -5
- package/lib/permission-manager/components/add-permission/add-permission.component.scss +11 -0
- package/lib/permission-manager/components/permission-list/permission-list.component.scss +5 -2
- package/lib/permission-manager/components/user-icon-column/user-icon-column.component.scss +11 -6
- package/lib/permission-manager/components/user-name-column/user-name-column.component.scss +6 -2
- package/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss +22 -10
- package/lib/search/components/search-chip-list/search-chip-list.component.scss +3 -3
- package/lib/search/components/search-control.component.scss +5 -4
- package/lib/search/components/search-facet-field/search-facet-field.component.scss +6 -4
- package/lib/search/components/search-filter/search-filter.component.scss +3 -3
- package/lib/search/components/search-filter-chips/search-filter-chips.component.scss +21 -7
- package/lib/search/components/search-filter-chips/search-filter-menu-card/search-filter-menu-card.component.scss +9 -1
- package/lib/search/components/search-filter-container/search-filter-container.component.scss +19 -6
- package/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.scss +5 -1
- package/lib/search/components/search-form/search-form.component.scss +8 -3
- package/lib/search/components/search-logical-filter/search-logical-filter.component.scss +10 -0
- package/lib/search/components/search-sorting-picker/search-sorting-picker.component.scss +5 -0
- package/lib/tag/tag-actions/tag-actions.component.scss +1 -1
- package/lib/tag/tag-list/tag-list.component.scss +3 -3
- package/lib/tag/tags-creator/tags-creator.component.scss +19 -3
- package/lib/tree/components/tree.component.scss +7 -7
- package/lib/tree-view/components/tree-view.component.scss +2 -2
- package/lib/upload/components/file-uploading-dialog.component.scss +12 -6
- package/lib/upload/components/file-uploading-list-row.component.scss +12 -8
- package/lib/upload/components/upload-button.component.scss +15 -1
- package/lib/version-manager/version-comparison.component.scss +1 -1
- package/lib/version-manager/version-list.component.scss +3 -3
- package/package.json +3 -3
|
@@ -3866,11 +3866,11 @@ class DownloadZipDialogComponent {
|
|
|
3866
3866
|
this.dialogRef.close(true);
|
|
3867
3867
|
}
|
|
3868
3868
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DownloadZipDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: DownloadZipService }, { token: NodesApiService }, { token: ContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3869
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DownloadZipDialogComponent, isStandalone: true, selector: "adf-download-zip-dialog", host: { classAttribute: "adf-download-zip-dialog" }, ngImport: i0, template: "<h1 matDialogTitle>{{ 'CORE.DIALOG.DOWNLOAD_ZIP.TITLE' | translate }}</h1>\n<div mat-dialog-content class=\"adf-dialog-content\">\n <mat-progress-bar value=\"{{ percentageDone }}\" mode=\"determinate\" />\n <div class=\"adf-dialog-content-progress-text\">\n <span class=\"adf-dialog-content-progress-text-percentage\">\n {{ percentageDone }}%\n </span>\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.COMPLETE' | translate }}\n </div>\n</div>\n<mat-dialog-actions align=\"end\">\n <button class=\"adf-download-zip-dialog-button\" mat-button id=\"cancel-button\" (click)=\"cancelDownload()\">\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.ACTIONS.CANCEL' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-download-zip-dialog-button{text-transform:uppercase}.adf-dialog-content:has(.adf-dialog-content-progress-text){padding:0}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text{margin-top:4px}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text-percentage{font-weight:900}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { 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: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3869
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: DownloadZipDialogComponent, isStandalone: true, selector: "adf-download-zip-dialog", host: { classAttribute: "adf-download-zip-dialog" }, ngImport: i0, template: "<h1 matDialogTitle>{{ 'CORE.DIALOG.DOWNLOAD_ZIP.TITLE' | translate }}</h1>\n<div mat-dialog-content class=\"adf-dialog-content\">\n <mat-progress-bar value=\"{{ percentageDone }}\" color=\"primary\" mode=\"determinate\" />\n <div class=\"adf-dialog-content-progress-text\">\n <span class=\"adf-dialog-content-progress-text-percentage\">\n {{ percentageDone }}%\n </span>\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.COMPLETE' | translate }}\n </div>\n</div>\n<mat-dialog-actions align=\"end\">\n <button class=\"adf-download-zip-dialog-button\" mat-button color=\"primary\" id=\"cancel-button\" (click)=\"cancelDownload()\">\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.ACTIONS.CANCEL' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-download-zip-dialog-button{text-transform:uppercase}.adf-dialog-content:has(.adf-dialog-content-progress-text){padding:0}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text{margin-top:4px}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text-percentage{font-weight:900}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }, { 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: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3870
3870
|
}
|
|
3871
3871
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DownloadZipDialogComponent, decorators: [{
|
|
3872
3872
|
type: Component,
|
|
3873
|
-
args: [{ selector: 'adf-download-zip-dialog', standalone: true, imports: [TranslatePipe, MatProgressBarModule, MatDialogModule, MatButtonModule], host: { class: 'adf-download-zip-dialog' }, encapsulation: ViewEncapsulation.None, template: "<h1 matDialogTitle>{{ 'CORE.DIALOG.DOWNLOAD_ZIP.TITLE' | translate }}</h1>\n<div mat-dialog-content class=\"adf-dialog-content\">\n <mat-progress-bar value=\"{{ percentageDone }}\" mode=\"determinate\" />\n <div class=\"adf-dialog-content-progress-text\">\n <span class=\"adf-dialog-content-progress-text-percentage\">\n {{ percentageDone }}%\n </span>\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.COMPLETE' | translate }}\n </div>\n</div>\n<mat-dialog-actions align=\"end\">\n <button class=\"adf-download-zip-dialog-button\" mat-button id=\"cancel-button\" (click)=\"cancelDownload()\">\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.ACTIONS.CANCEL' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-download-zip-dialog-button{text-transform:uppercase}.adf-dialog-content:has(.adf-dialog-content-progress-text){padding:0}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text{margin-top:4px}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text-percentage{font-weight:900}\n"] }]
|
|
3873
|
+
args: [{ selector: 'adf-download-zip-dialog', standalone: true, imports: [TranslatePipe, MatProgressBarModule, MatDialogModule, MatButtonModule], host: { class: 'adf-download-zip-dialog' }, encapsulation: ViewEncapsulation.None, template: "<h1 matDialogTitle>{{ 'CORE.DIALOG.DOWNLOAD_ZIP.TITLE' | translate }}</h1>\n<div mat-dialog-content class=\"adf-dialog-content\">\n <mat-progress-bar value=\"{{ percentageDone }}\" color=\"primary\" mode=\"determinate\" />\n <div class=\"adf-dialog-content-progress-text\">\n <span class=\"adf-dialog-content-progress-text-percentage\">\n {{ percentageDone }}%\n </span>\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.COMPLETE' | translate }}\n </div>\n</div>\n<mat-dialog-actions align=\"end\">\n <button class=\"adf-download-zip-dialog-button\" mat-button color=\"primary\" id=\"cancel-button\" (click)=\"cancelDownload()\">\n {{ 'CORE.DIALOG.DOWNLOAD_ZIP.ACTIONS.CANCEL' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-download-zip-dialog-button{text-transform:uppercase}.adf-dialog-content:has(.adf-dialog-content-progress-text){padding:0}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text{margin-top:4px}.adf-dialog-content:has(.adf-dialog-content-progress-text) .adf-dialog-content-progress-text-percentage{font-weight:900}\n"] }]
|
|
3874
3874
|
}], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
|
|
3875
3875
|
type: Inject,
|
|
3876
3876
|
args: [MAT_DIALOG_DATA]
|
|
@@ -4025,11 +4025,11 @@ class FileAutoDownloadComponent {
|
|
|
4025
4025
|
this.node = node;
|
|
4026
4026
|
}
|
|
4027
4027
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileAutoDownloadComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileAutoDownloadComponent, isStandalone: true, selector: "adf-file-auto-download", ngImport: i0, template: "<div mat-dialog-title>\n <h3>{{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n mat-dialog-close\n id=\"cancelButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate }}\n </button>\n <button\n mat-button\n mat-dialog-close\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate\"\n [adfNodeDownload]=\"node\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate }}\n </button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: "directive", type: NodeDownloadDirective, selector: "[adfNodeDownload]", inputs: ["adfNodeDownload", "version"] }] }); }
|
|
4028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FileAutoDownloadComponent, isStandalone: true, selector: "adf-file-auto-download", ngImport: i0, template: "<div mat-dialog-title>\n <h3>{{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n mat-dialog-close\n id=\"cancelButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate }}\n </button>\n <button\n mat-button\n mat-dialog-close\n id=\"downloadButton\"\n color=\"primary\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate\"\n [adfNodeDownload]=\"node\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate }}\n </button>\n</mat-dialog-actions>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: "directive", type: NodeDownloadDirective, selector: "[adfNodeDownload]", inputs: ["adfNodeDownload", "version"] }] }); }
|
|
4029
4029
|
}
|
|
4030
4030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileAutoDownloadComponent, decorators: [{
|
|
4031
4031
|
type: Component,
|
|
4032
|
-
args: [{ selector: 'adf-file-auto-download', imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, NodeDownloadDirective], template: "<div mat-dialog-title>\n <h3>{{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n mat-dialog-close\n id=\"cancelButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate }}\n </button>\n <button\n mat-button\n mat-dialog-close\n id=\"downloadButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate\"\n [adfNodeDownload]=\"node\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate }}\n </button>\n</mat-dialog-actions>\n" }]
|
|
4032
|
+
args: [{ selector: 'adf-file-auto-download', imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, NodeDownloadDirective], template: "<div mat-dialog-title>\n <h3>{{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.HEADER' | translate }}</h3>\n</div>\n<mat-dialog-content>\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.LABEL' | translate }}\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n mat-dialog-close\n id=\"cancelButton\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.CANCEL' | translate }}\n </button>\n <button\n mat-button\n mat-dialog-close\n id=\"downloadButton\"\n color=\"primary\"\n [attr.aria-label]=\"'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate\"\n [adfNodeDownload]=\"node\">\n {{ 'ADF-DOCUMENT-LIST.FILE_AUTO_DOWNLOAD_DIALOG.ACTIONS.DOWNLOAD' | translate }}\n </button>\n</mat-dialog-actions>\n" }]
|
|
4033
4033
|
}], ctorParameters: () => [{ type: i3.NodeEntry, decorators: [{
|
|
4034
4034
|
type: Inject,
|
|
4035
4035
|
args: [MAT_DIALOG_DATA]
|
|
@@ -5190,11 +5190,11 @@ class SearchSliderComponent {
|
|
|
5190
5190
|
}
|
|
5191
5191
|
}
|
|
5192
5192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5193
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchSliderComponent, isStandalone: true, selector: "adf-search-slider", inputs: { value: "value" }, host: { classAttribute: "adf-search-slider" }, ngImport: i0, template: "<mat-slider\n class=\"adf-search-slider\"\n data-automation-id=\"slider-range\"\n [max]=\"max\"\n [min]=\"min\"\n [step]=\"step\"\n [discrete]=\"thumbLabel\">\n <input matSliderThumb (change)=\"onChangedHandler()\" [(ngModel)]=\"value\">\n</mat-slider>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button (click)=\"clear()\" data-automation-id=\"slider-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n</div>\n", styles: [".adf-search-slider{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: FormsModule }, { 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.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"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5193
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchSliderComponent, isStandalone: true, selector: "adf-search-slider", inputs: { value: "value" }, host: { classAttribute: "adf-search-slider" }, ngImport: i0, template: "<mat-slider\n class=\"adf-search-slider\"\n data-automation-id=\"slider-range\"\n [max]=\"max\"\n [min]=\"min\"\n [step]=\"step\"\n [discrete]=\"thumbLabel\">\n <input matSliderThumb (change)=\"onChangedHandler()\" [(ngModel)]=\"value\">\n</mat-slider>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" (click)=\"clear()\" data-automation-id=\"slider-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n</div>\n", styles: [".adf-search-slider{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i2$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i2$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: FormsModule }, { 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.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"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5194
5194
|
}
|
|
5195
5195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchSliderComponent, decorators: [{
|
|
5196
5196
|
type: Component,
|
|
5197
|
-
args: [{ selector: 'adf-search-slider', imports: [CommonModule, MatSliderModule, FormsModule, MatButtonModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-slider' }, template: "<mat-slider\n class=\"adf-search-slider\"\n data-automation-id=\"slider-range\"\n [max]=\"max\"\n [min]=\"min\"\n [step]=\"step\"\n [discrete]=\"thumbLabel\">\n <input matSliderThumb (change)=\"onChangedHandler()\" [(ngModel)]=\"value\">\n</mat-slider>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button (click)=\"clear()\" data-automation-id=\"slider-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n</div>\n", styles: [".adf-search-slider{width:100%}\n"] }]
|
|
5197
|
+
args: [{ selector: 'adf-search-slider', imports: [CommonModule, MatSliderModule, FormsModule, MatButtonModule, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-slider' }, template: "<mat-slider\n class=\"adf-search-slider\"\n data-automation-id=\"slider-range\"\n [max]=\"max\"\n [min]=\"min\"\n [step]=\"step\"\n [discrete]=\"thumbLabel\">\n <input matSliderThumb (change)=\"onChangedHandler()\" [(ngModel)]=\"value\">\n</mat-slider>\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" (click)=\"clear()\" data-automation-id=\"slider-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n</div>\n", styles: [".adf-search-slider{width:100%}\n"] }]
|
|
5198
5198
|
}], propDecorators: { value: [{
|
|
5199
5199
|
type: Input
|
|
5200
5200
|
}] } });
|
|
@@ -5353,11 +5353,11 @@ class SearchNumberRangeComponent {
|
|
|
5353
5353
|
}
|
|
5354
5354
|
}
|
|
5355
5355
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchNumberRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchNumberRangeComponent, isStandalone: true, selector: "adf-search-number-range", host: { classAttribute: "adf-search-number-range" }, ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n\n <mat-form-field>\n <input\n matInput [formControl]=\"from\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-from-input\">\n <mat-error *ngIf=\"from.hasError('pattern') || from.hasError('min')\" data-automation-id=\"number-range-from-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"from.hasError('required')\" data-automation-id=\"number-range-from-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input\n matInput [formControl]=\"to\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-to-input\">\n <mat-error *ngIf=\"to.hasError('pattern') || to.hasError('min')\" data-automation-id=\"number-range-to-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"to.hasError('required')\" data-automation-id=\"number-range-to-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button type=\"button\" (click)=\"clear()\" data-automation-id=\"number-range-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button type=\"submit\" [disabled]=\"!form.valid\" data-automation-id=\"number-range-btn-apply\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n </div>\n</form>\n", styles: [".adf-search-number-range>form{display:inline-flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["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: 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 }); }
|
|
5356
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchNumberRangeComponent, isStandalone: true, selector: "adf-search-number-range", host: { classAttribute: "adf-search-number-range" }, ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n\n <mat-form-field>\n <input\n matInput [formControl]=\"from\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-from-input\">\n <mat-error *ngIf=\"from.hasError('pattern') || from.hasError('min')\" data-automation-id=\"number-range-from-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"from.hasError('required')\" data-automation-id=\"number-range-from-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input\n matInput [formControl]=\"to\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-to-input\">\n <mat-error *ngIf=\"to.hasError('pattern') || to.hasError('min')\" data-automation-id=\"number-range-to-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"to.hasError('required')\" data-automation-id=\"number-range-to-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" type=\"button\" (click)=\"clear()\" data-automation-id=\"number-range-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button color=\"primary\" type=\"submit\" [disabled]=\"!form.valid\" data-automation-id=\"number-range-btn-apply\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n </div>\n</form>\n", styles: [".adf-search-number-range>form{display:inline-flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["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: 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 }); }
|
|
5357
5357
|
}
|
|
5358
5358
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchNumberRangeComponent, decorators: [{
|
|
5359
5359
|
type: Component,
|
|
5360
|
-
args: [{ selector: 'adf-search-number-range', imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-number-range' }, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n\n <mat-form-field>\n <input\n matInput [formControl]=\"from\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-from-input\">\n <mat-error *ngIf=\"from.hasError('pattern') || from.hasError('min')\" data-automation-id=\"number-range-from-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"from.hasError('required')\" data-automation-id=\"number-range-from-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input\n matInput [formControl]=\"to\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-to-input\">\n <mat-error *ngIf=\"to.hasError('pattern') || to.hasError('min')\" data-automation-id=\"number-range-to-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"to.hasError('required')\" data-automation-id=\"number-range-to-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button type=\"button\" (click)=\"clear()\" data-automation-id=\"number-range-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button type=\"submit\" [disabled]=\"!form.valid\" data-automation-id=\"number-range-btn-apply\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n </div>\n</form>\n", styles: [".adf-search-number-range>form{display:inline-flex;flex-direction:column;width:100%}\n"] }]
|
|
5360
|
+
args: [{ selector: 'adf-search-number-range', imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, MatInputModule, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-number-range' }, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n\n <mat-form-field>\n <input\n matInput [formControl]=\"from\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-from-input\">\n <mat-error *ngIf=\"from.hasError('pattern') || from.hasError('min')\" data-automation-id=\"number-range-from-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"from.hasError('required')\" data-automation-id=\"number-range-from-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input\n matInput [formControl]=\"to\" [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO' | translate }}\"\n autocomplete=\"off\"\n data-automation-id=\"number-range-to-input\">\n <mat-error *ngIf=\"to.hasError('pattern') || to.hasError('min')\" data-automation-id=\"number-range-to-error-invalid\">\n {{ 'SEARCH.FILTER.VALIDATION.INVALID-FORMAT' | translate }}\n </mat-error>\n <mat-error *ngIf=\"to.hasError('required')\" data-automation-id=\"number-range-to-error-required\">\n {{ 'SEARCH.FILTER.VALIDATION.REQUIRED-VALUE' | translate }}\n </mat-error>\n </mat-form-field>\n\n\n <div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" type=\"button\" (click)=\"clear()\" data-automation-id=\"number-range-btn-clear\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button color=\"primary\" type=\"submit\" [disabled]=\"!form.valid\" data-automation-id=\"number-range-btn-apply\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n </div>\n</form>\n", styles: [".adf-search-number-range>form{display:inline-flex;flex-direction:column;width:100%}\n"] }]
|
|
5361
5361
|
}] });
|
|
5362
5362
|
|
|
5363
5363
|
/*!
|
|
@@ -5494,11 +5494,11 @@ class SearchCheckListComponent {
|
|
|
5494
5494
|
}
|
|
5495
5495
|
}
|
|
5496
5496
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchCheckListComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5497
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 (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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5497
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5498
5498
|
}
|
|
5499
5499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchCheckListComponent, decorators: [{
|
|
5500
5500
|
type: Component,
|
|
5501
|
-
args: [{ selector: 'adf-search-check-list', imports: [CommonModule, MatCheckboxModule, TranslatePipe, MatButtonModule, MatIconModule], 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 (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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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"] }]
|
|
5501
|
+
args: [{ selector: 'adf-search-check-list', imports: [CommonModule, MatCheckboxModule, TranslatePipe, MatButtonModule, MatIconModule], 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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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"] }]
|
|
5502
5502
|
}], ctorParameters: () => [{ type: i1.TranslationService }] });
|
|
5503
5503
|
|
|
5504
5504
|
/*!
|
|
@@ -5691,7 +5691,7 @@ class SearchDatetimeRangeComponent {
|
|
|
5691
5691
|
{ provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
|
|
5692
5692
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
5693
5693
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
5694
|
-
], ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"from\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM-DATE' | translate }}\"\n [matDatetimepicker]=\"fromDatetimePicker\"\n [max]=\"fromMaxDatetime\"\n (dateChange)=\"onChangedHandler($event, from)\"\n data-automation-id=\"datetime-range-from-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"fromDatetimePicker\" data-automation-id=\"datetime-range-from-date-toggle\" />\n <mat-datetimepicker #fromDatetimePicker type=\"datetime\" />\n <mat-error *ngIf=\"from.invalid\" data-automation-id=\"datetime-range-from-error\">\n {{ getFromValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"to\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO-DATE' | translate }}\"\n [matDatetimepicker]=\"toDatetimePicker\"\n [min]=\"from.value\"\n [max]=\"maxDatetime\"\n (dateChange)=\"onChangedHandler($event, to)\"\n data-automation-id=\"datetime-range-to-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"toDatetimePicker\" data-automation-id=\"datetime-range-to-date-toggle\" />\n <mat-datetimepicker #toDatetimePicker type=\"datetime\" />\n <mat-error *ngIf=\"to.invalid\" data-automation-id=\"datetime-range-to-error\">\n {{ getToValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n</form>\n", styles: [".adf-search-date-range>form{display:inline-flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i2$2.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$2.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i2$2.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5694
|
+
], ngImport: i0, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"from\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM-DATE' | translate }}\"\n [matDatetimepicker]=\"fromDatetimePicker\"\n [max]=\"fromMaxDatetime\"\n (dateChange)=\"onChangedHandler($event, from)\"\n data-automation-id=\"datetime-range-from-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"fromDatetimePicker\" data-automation-id=\"datetime-range-from-date-toggle\" />\n <mat-datetimepicker #fromDatetimePicker color=\"accent\" type=\"datetime\" />\n <mat-error *ngIf=\"from.invalid\" data-automation-id=\"datetime-range-from-error\">\n {{ getFromValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"to\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO-DATE' | translate }}\"\n [matDatetimepicker]=\"toDatetimePicker\"\n [min]=\"from.value\"\n [max]=\"maxDatetime\"\n (dateChange)=\"onChangedHandler($event, to)\"\n data-automation-id=\"datetime-range-to-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"toDatetimePicker\" data-automation-id=\"datetime-range-to-date-toggle\" />\n <mat-datetimepicker #toDatetimePicker color=\"accent\" type=\"datetime\" />\n <mat-error *ngIf=\"to.invalid\" data-automation-id=\"datetime-range-to-error\">\n {{ getToValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n</form>\n", styles: [".adf-search-date-range>form{display:inline-flex;flex-direction:column;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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.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: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i2$2.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$2.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i2$2.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5695
5695
|
}
|
|
5696
5696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchDatetimeRangeComponent, decorators: [{
|
|
5697
5697
|
type: Component,
|
|
@@ -5700,7 +5700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
5700
5700
|
{ provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
|
|
5701
5701
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
5702
5702
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
5703
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-date-range' }, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"from\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM-DATE' | translate }}\"\n [matDatetimepicker]=\"fromDatetimePicker\"\n [max]=\"fromMaxDatetime\"\n (dateChange)=\"onChangedHandler($event, from)\"\n data-automation-id=\"datetime-range-from-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"fromDatetimePicker\" data-automation-id=\"datetime-range-from-date-toggle\" />\n <mat-datetimepicker #fromDatetimePicker type=\"datetime\" />\n <mat-error *ngIf=\"from.invalid\" data-automation-id=\"datetime-range-from-error\">\n {{ getFromValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"to\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO-DATE' | translate }}\"\n [matDatetimepicker]=\"toDatetimePicker\"\n [min]=\"from.value\"\n [max]=\"maxDatetime\"\n (dateChange)=\"onChangedHandler($event, to)\"\n data-automation-id=\"datetime-range-to-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"toDatetimePicker\" data-automation-id=\"datetime-range-to-date-toggle\" />\n <mat-datetimepicker #toDatetimePicker type=\"datetime\" />\n <mat-error *ngIf=\"to.invalid\" data-automation-id=\"datetime-range-to-error\">\n {{ getToValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n</form>\n", styles: [".adf-search-date-range>form{display:inline-flex;flex-direction:column;width:100%}\n"] }]
|
|
5703
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-date-range' }, template: "<form [formGroup]=\"form\" novalidate (ngSubmit)=\"apply(form.value, form.valid)\">\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"from\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.FROM-DATE' | translate }}\"\n [matDatetimepicker]=\"fromDatetimePicker\"\n [max]=\"fromMaxDatetime\"\n (dateChange)=\"onChangedHandler($event, from)\"\n data-automation-id=\"datetime-range-from-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"fromDatetimePicker\" data-automation-id=\"datetime-range-from-date-toggle\" />\n <mat-datetimepicker #fromDatetimePicker color=\"accent\" type=\"datetime\" />\n <mat-error *ngIf=\"from.invalid\" data-automation-id=\"datetime-range-from-error\">\n {{ getFromValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field>\n <input matInput\n (input)=\"forcePlaceholder($event)\"\n [formControl]=\"to\"\n [errorStateMatcher]=\"matcher\"\n placeholder=\"{{ 'SEARCH.FILTER.RANGE.TO-DATE' | translate }}\"\n [matDatetimepicker]=\"toDatetimePicker\"\n [min]=\"from.value\"\n [max]=\"maxDatetime\"\n (dateChange)=\"onChangedHandler($event, to)\"\n data-automation-id=\"datetime-range-to-input\">\n <mat-datetimepicker-toggle matSuffix [for]=\"toDatetimePicker\" data-automation-id=\"datetime-range-to-date-toggle\" />\n <mat-datetimepicker #toDatetimePicker color=\"accent\" type=\"datetime\" />\n <mat-error *ngIf=\"to.invalid\" data-automation-id=\"datetime-range-to-error\">\n {{ getToValidationMessage() | translate: { requiredFormat: datetimePickerFormat } }}\n </mat-error>\n </mat-form-field>\n</form>\n", styles: [".adf-search-date-range>form{display:inline-flex;flex-direction:column;width:100%}\n"] }]
|
|
5704
5704
|
}], ctorParameters: () => [{ type: i1$4.DateAdapter }, { type: i2$2.DatetimeAdapter }] });
|
|
5705
5705
|
|
|
5706
5706
|
/*!
|
|
@@ -5845,11 +5845,11 @@ class SearchLogicalFilterComponent {
|
|
|
5845
5845
|
this.updateDisplayValue();
|
|
5846
5846
|
}
|
|
5847
5847
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchLogicalFilterComponent, deps: [{ token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5848
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchLogicalFilterComponent, isStandalone: true, selector: "adf-search-logical-filter", ngImport: i0, template: "<div class=\"adf-search-logical-filter-container\">\n <div *ngFor=\"let field of fields\" class=\"adf-search-input\">\n <mat-label data-automation-id=\"adf-search-input-label\">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label>\n <input type=\"text\"\n [(ngModel)]=\"searchCondition[LogicalSearchFields[field]]\"\n placeholder=\"{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}\"\n [attr.aria-label]=\"('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate\"/>\n </div>\n</div>\n", styles: [".adf-search-logical-filter-container .adf-search-input{display:flex;flex-direction:column;padding-bottom:15px}.adf-search-logical-filter-container .adf-search-input:last-child{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5848
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchLogicalFilterComponent, isStandalone: true, selector: "adf-search-logical-filter", ngImport: i0, template: "<div class=\"adf-search-logical-filter-container\">\n <div *ngFor=\"let field of fields\" class=\"adf-search-input\">\n <mat-label data-automation-id=\"adf-search-input-label\">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label>\n <input type=\"text\"\n [(ngModel)]=\"searchCondition[LogicalSearchFields[field]]\"\n placeholder=\"{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}\"\n [attr.aria-label]=\"('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate\"/>\n </div>\n</div>\n", styles: [".adf-search-logical-filter-container .adf-search-input{display:flex;flex-direction:column;padding-bottom:15px}.adf-search-logical-filter-container .adf-search-input:last-child{padding:0}.adf-search-logical-filter-container .adf-search-input input{height:25px;border:1px solid var(--adf-theme-mat-grey-color-a400);border-radius:5px;margin-top:5px;padding:5px;font-size:14px;color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5849
5849
|
}
|
|
5850
5850
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchLogicalFilterComponent, decorators: [{
|
|
5851
5851
|
type: Component,
|
|
5852
|
-
args: [{ selector: 'adf-search-logical-filter', imports: [CommonModule, MatFormFieldModule, TranslatePipe, FormsModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-logical-filter-container\">\n <div *ngFor=\"let field of fields\" class=\"adf-search-input\">\n <mat-label data-automation-id=\"adf-search-input-label\">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label>\n <input type=\"text\"\n [(ngModel)]=\"searchCondition[LogicalSearchFields[field]]\"\n placeholder=\"{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}\"\n [attr.aria-label]=\"('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate\"/>\n </div>\n</div>\n", styles: [".adf-search-logical-filter-container .adf-search-input{display:flex;flex-direction:column;padding-bottom:15px}.adf-search-logical-filter-container .adf-search-input:last-child{padding:0}\n"] }]
|
|
5852
|
+
args: [{ selector: 'adf-search-logical-filter', imports: [CommonModule, MatFormFieldModule, TranslatePipe, FormsModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-logical-filter-container\">\n <div *ngFor=\"let field of fields\" class=\"adf-search-input\">\n <mat-label data-automation-id=\"adf-search-input-label\">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label>\n <input type=\"text\"\n [(ngModel)]=\"searchCondition[LogicalSearchFields[field]]\"\n placeholder=\"{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}\"\n [attr.aria-label]=\"('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate\"/>\n </div>\n</div>\n", styles: [".adf-search-logical-filter-container .adf-search-input{display:flex;flex-direction:column;padding-bottom:15px}.adf-search-logical-filter-container .adf-search-input:last-child{padding:0}.adf-search-logical-filter-container .adf-search-input input{height:25px;border:1px solid var(--adf-theme-mat-grey-color-a400);border-radius:5px;margin-top:5px;padding:5px;font-size:14px;color:var(--adf-theme-foreground-text-color)}\n"] }]
|
|
5853
5853
|
}], ctorParameters: () => [{ type: i1.TranslationService }] });
|
|
5854
5854
|
|
|
5855
5855
|
/*!
|
|
@@ -6307,11 +6307,11 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6307
6307
|
this.optionInput.nativeElement.value = '';
|
|
6308
6308
|
}
|
|
6309
6309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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 .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(--
|
|
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 }); }
|
|
6311
6311
|
}
|
|
6312
6312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, decorators: [{
|
|
6313
6313
|
type: Component,
|
|
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 .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(--
|
|
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"] }]
|
|
6315
6315
|
}], propDecorators: { optionInput: [{
|
|
6316
6316
|
type: ViewChild,
|
|
6317
6317
|
args: ['optionInput']
|
|
@@ -6511,11 +6511,11 @@ class SearchFilterAutocompleteChipsComponent {
|
|
|
6511
6511
|
.subscribe((options) => this.autocompleteOptionsSubject$.next(options));
|
|
6512
6512
|
}
|
|
6513
6513
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterAutocompleteChipsComponent, deps: [{ token: TagService }, { token: CategoryService }, { token: SitesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6514
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterAutocompleteChipsComponent, isStandalone: true, selector: "adf-search-filter-autocomplete-chips", ngImport: i0, template: "<adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions$ | async\"\n [preselectedOptions]=\"selectedOptions\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"settings.allowOnlyPredefinedValues\"\n (inputChanged)=\"onInputChange($event)\"\n [compareOption]=\"optionComparator\"\n (optionsChanged)=\"onOptionsChange($event)\" />\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button data-automation-id=\"adf-search-chip-autocomplete-btn-clear\" (click)=\"reset()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-search-chip-autocomplete-btn-apply\" (click)=\"submitValues()\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SearchChipAutocompleteInputComponent, selector: "adf-search-chip-autocomplete-input", inputs: ["autocompleteOptions", "preselectedOptions", "onReset$", "allowOnlyPredefinedValues", "placeholder", "compareOption", "formatChipValue", "filter"], outputs: ["optionsChanged", "inputChanged"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6514
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterAutocompleteChipsComponent, isStandalone: true, selector: "adf-search-filter-autocomplete-chips", ngImport: i0, template: "<adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions$ | async\"\n [preselectedOptions]=\"selectedOptions\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"settings.allowOnlyPredefinedValues\"\n (inputChanged)=\"onInputChange($event)\"\n [compareOption]=\"optionComparator\"\n (optionsChanged)=\"onOptionsChange($event)\" />\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" data-automation-id=\"adf-search-chip-autocomplete-btn-clear\" (click)=\"reset()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button color=\"primary\" data-automation-id=\"adf-search-chip-autocomplete-btn-apply\" (click)=\"submitValues()\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: SearchChipAutocompleteInputComponent, selector: "adf-search-chip-autocomplete-input", inputs: ["autocompleteOptions", "preselectedOptions", "onReset$", "allowOnlyPredefinedValues", "placeholder", "compareOption", "formatChipValue", "filter"], outputs: ["optionsChanged", "inputChanged"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6515
6515
|
}
|
|
6516
6516
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterAutocompleteChipsComponent, decorators: [{
|
|
6517
6517
|
type: Component,
|
|
6518
|
-
args: [{ selector: 'adf-search-filter-autocomplete-chips', imports: [CommonModule, SearchChipAutocompleteInputComponent, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions$ | async\"\n [preselectedOptions]=\"selectedOptions\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"settings.allowOnlyPredefinedValues\"\n (inputChanged)=\"onInputChange($event)\"\n [compareOption]=\"optionComparator\"\n (optionsChanged)=\"onOptionsChange($event)\" />\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button data-automation-id=\"adf-search-chip-autocomplete-btn-clear\" (click)=\"reset()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button data-automation-id=\"adf-search-chip-autocomplete-btn-apply\" (click)=\"submitValues()\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n</div>\n" }]
|
|
6518
|
+
args: [{ selector: 'adf-search-filter-autocomplete-chips', imports: [CommonModule, SearchChipAutocompleteInputComponent, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions$ | async\"\n [preselectedOptions]=\"selectedOptions\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"settings.allowOnlyPredefinedValues\"\n (inputChanged)=\"onInputChange($event)\"\n [compareOption]=\"optionComparator\"\n (optionsChanged)=\"onOptionsChange($event)\" />\n\n<div class=\"adf-facet-buttons\" *ngIf=\"!settings?.hideDefaultAction\">\n <button mat-button color=\"primary\" data-automation-id=\"adf-search-chip-autocomplete-btn-clear\" (click)=\"reset()\">\n {{ 'SEARCH.FILTER.ACTIONS.CLEAR' | translate }}\n </button>\n <button mat-button color=\"primary\" data-automation-id=\"adf-search-chip-autocomplete-btn-apply\" (click)=\"submitValues()\">\n {{ 'SEARCH.FILTER.ACTIONS.APPLY' | translate }}\n </button>\n</div>\n" }]
|
|
6519
6519
|
}], ctorParameters: () => [{ type: TagService }, { type: CategoryService }, { type: SitesService }] });
|
|
6520
6520
|
|
|
6521
6521
|
/*!
|
|
@@ -6921,11 +6921,11 @@ class SearchFilterTabbedComponent {
|
|
|
6921
6921
|
this.selectedIndex = index;
|
|
6922
6922
|
}
|
|
6923
6923
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterTabbedComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6924
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterTabbedComponent, isStandalone: true, selector: "adf-search-filter-tabbed", queries: [{ propertyName: "tabsContents", predicate: SearchFilterTabDirective }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group (selectedIndexChange)=\"onTabIndexChanged($event)\">\n <mat-tab *ngFor=\"let tabContent of tabsContents; let i = index\"\n [labelClass]='selectedIndex === i ? \"adf-search-tab-label-active\" : \"\"'\n [bodyClass]='selectedIndex === i ? \"adf-search-tab-content-active\" : \"\"'\n label=\"{{tabContent.name | translate}}\">\n <ng-container *ngTemplateOutlet=\"tabContent.templateRef\" />\n </mat-tab>\n</mat-tab-group>\n", styles: ["adf-search-filter-tabbed .mat-mdc-tab-header{margin-top:0}adf-search-filter-tabbed .adf-search-tab-label-active{border-bottom:1px solid var(--
|
|
6924
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterTabbedComponent, isStandalone: true, selector: "adf-search-filter-tabbed", queries: [{ propertyName: "tabsContents", predicate: SearchFilterTabDirective }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group (selectedIndexChange)=\"onTabIndexChanged($event)\">\n <mat-tab *ngFor=\"let tabContent of tabsContents; let i = index\"\n [labelClass]='selectedIndex === i ? \"adf-search-tab-label-active\" : \"\"'\n [bodyClass]='selectedIndex === i ? \"adf-search-tab-content-active\" : \"\"'\n label=\"{{tabContent.name | translate}}\">\n <ng-container *ngTemplateOutlet=\"tabContent.templateRef\" />\n </mat-tab>\n</mat-tab-group>\n", styles: ["adf-search-filter-tabbed .mat-mdc-tab-header{margin-top:0}adf-search-filter-tabbed .adf-search-tab-label-active{border-bottom:1px solid var(--theme-primary-color)}adf-search-filter-tabbed .adf-search-tab-label-active .mdc-tab__text-label{color:var(--adf-theme-foreground-secondary-text-color)}adf-search-filter-tabbed .adf-search-tab-content-active>div{visibility:visible!important;display:block!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatTabsModule }, { 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" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6925
6925
|
}
|
|
6926
6926
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterTabbedComponent, decorators: [{
|
|
6927
6927
|
type: Component,
|
|
6928
|
-
args: [{ selector: 'adf-search-filter-tabbed', imports: [CommonModule, MatTabsModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group (selectedIndexChange)=\"onTabIndexChanged($event)\">\n <mat-tab *ngFor=\"let tabContent of tabsContents; let i = index\"\n [labelClass]='selectedIndex === i ? \"adf-search-tab-label-active\" : \"\"'\n [bodyClass]='selectedIndex === i ? \"adf-search-tab-content-active\" : \"\"'\n label=\"{{tabContent.name | translate}}\">\n <ng-container *ngTemplateOutlet=\"tabContent.templateRef\" />\n </mat-tab>\n</mat-tab-group>\n", styles: ["adf-search-filter-tabbed .mat-mdc-tab-header{margin-top:0}adf-search-filter-tabbed .adf-search-tab-label-active{border-bottom:1px solid var(--
|
|
6928
|
+
args: [{ selector: 'adf-search-filter-tabbed', imports: [CommonModule, MatTabsModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group (selectedIndexChange)=\"onTabIndexChanged($event)\">\n <mat-tab *ngFor=\"let tabContent of tabsContents; let i = index\"\n [labelClass]='selectedIndex === i ? \"adf-search-tab-label-active\" : \"\"'\n [bodyClass]='selectedIndex === i ? \"adf-search-tab-content-active\" : \"\"'\n label=\"{{tabContent.name | translate}}\">\n <ng-container *ngTemplateOutlet=\"tabContent.templateRef\" />\n </mat-tab>\n</mat-tab-group>\n", styles: ["adf-search-filter-tabbed .mat-mdc-tab-header{margin-top:0}adf-search-filter-tabbed .adf-search-tab-label-active{border-bottom:1px solid var(--theme-primary-color)}adf-search-filter-tabbed .adf-search-tab-label-active .mdc-tab__text-label{color:var(--adf-theme-foreground-secondary-text-color)}adf-search-filter-tabbed .adf-search-tab-content-active>div{visibility:visible!important;display:block!important}\n"] }]
|
|
6929
6929
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { tabsContents: [{
|
|
6930
6930
|
type: ContentChildren,
|
|
6931
6931
|
args: [SearchFilterTabDirective]
|
|
@@ -8108,7 +8108,7 @@ class SearchFilterContainerComponent {
|
|
|
8108
8108
|
this.focusTrap = null;
|
|
8109
8109
|
}
|
|
8110
8110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterContainerComponent, deps: [{ token: SearchHeaderQueryBuilderService }, { token: i1.TranslationService }, { token: i1$5.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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{color:var(--
|
|
8111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$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: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { 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$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8112
8112
|
}
|
|
8113
8113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterContainerComponent, decorators: [{
|
|
8114
8114
|
type: Component,
|
|
@@ -8121,7 +8121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
8121
8121
|
SearchWidgetContainerComponent,
|
|
8122
8122
|
TranslatePipe,
|
|
8123
8123
|
MatDialogModule
|
|
8124
|
-
], encapsulation: ViewEncapsulation.None, 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 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{color:var(--
|
|
8124
|
+
], encapsulation: ViewEncapsulation.None, 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"] }]
|
|
8125
8125
|
}], ctorParameters: () => [{ type: SearchHeaderQueryBuilderService }, { type: i1.TranslationService }, { type: i1$5.ConfigurableFocusTrapFactory }], propDecorators: { col: [{
|
|
8126
8126
|
type: Input,
|
|
8127
8127
|
args: [{ required: true }]
|
|
@@ -9020,7 +9020,7 @@ class DocumentListComponent extends DataTableSchema {
|
|
|
9020
9020
|
useExisting: DocumentListComponent
|
|
9021
9021
|
},
|
|
9022
9022
|
DataTableService
|
|
9023
|
-
], 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 (filterSelection)=\"onFilterSelectionChange($event)\" />\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(--mat-sys-surface)}.adf-sticky-document-list{height:310px;overflow-y:auto}.adf-datatable-card .adf-datatable-selected>svg{fill:var(--mat-sys-primary);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(--mat-sys-primary);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(--mat-sys-on-surface);font-size:var(--mat-sys-title-small-size)}.adf-document-list__this-space-is-empty{height:32px;font:var(--mat-sys-display-medium)}.adf-document-list__drag-drop{height:56px;font:var(--mat-sys-display-medium);margin-top:40px}.adf-document-list__any-files-here-to-add{height:24px;font:var(--mat-sys-title-medium);color:var(--mat-sys-on-surface);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;font:var(--mat-sys-display-medium)}.adf-documentlist-pagination{color:var(--mat-sys-on-surface)}.adf-documentlist-pagination .adf-pagination__block{border-right:none}.adf-empty-folder-this-space-is-empty{height:32px;font:var(--mat-sys-display-medium)}.adf-empty-folder-drag-drop{min-height:56px;font:var(--mat-sys-display-medium);margin-top:40px;word-break:break-all;white-space:pre-line}@media (max-width: 599.9px){.adf-empty-folder-drag-drop{font:var(--mat-sys-display-small)}}.adf-empty-folder-any-files-here-to-add{min-height:24px;font:var(--mat-sys-title-medium);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$2.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: FilterHeaderComponent, selector: "adf-filter-header", inputs: ["value", "currentFolderId"], outputs: ["filterSelection"] }, { 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 }); }
|
|
9023
|
+
], 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 (filterSelection)=\"onFilterSelectionChange($event)\" />\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-054)}.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$2.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: FilterHeaderComponent, selector: "adf-filter-header", inputs: ["value", "currentFolderId"], outputs: ["filterSelection"] }, { 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 }); }
|
|
9024
9024
|
}
|
|
9025
9025
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DocumentListComponent, decorators: [{
|
|
9026
9026
|
type: Component,
|
|
@@ -9043,7 +9043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
9043
9043
|
useExisting: DocumentListComponent
|
|
9044
9044
|
},
|
|
9045
9045
|
DataTableService
|
|
9046
|
-
], 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 (filterSelection)=\"onFilterSelectionChange($event)\" />\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(--
|
|
9046
|
+
], 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 (filterSelection)=\"onFilterSelectionChange($event)\" />\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-054)}.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"] }]
|
|
9047
9047
|
}], ctorParameters: () => [{ type: DocumentListService }, { type: i0.ElementRef }, { type: i1.AppConfigService }, { type: i1.UserPreferencesService }, { type: ContentService }, { type: i1.ThumbnailService }, { type: AlfrescoApiService }, { type: NodesApiService }, { type: i1.DataTableService }, { type: LockService }, { type: i1$1.MatDialog }], propDecorators: { columnList: [{
|
|
9048
9048
|
type: ContentChild,
|
|
9049
9049
|
args: [DataColumnListComponent]
|
|
@@ -9292,11 +9292,11 @@ class BreadcrumbComponent {
|
|
|
9292
9292
|
}
|
|
9293
9293
|
}
|
|
9294
9294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9295
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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()\">folder</mat-icon>\n <mat-icon\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-trigger-arrow\"\n >arrow_drop_down</mat-icon\n >\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\">\n chevron_right\n </mat-icon>\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;font:var(--
|
|
9295
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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()\">folder</mat-icon>\n <mat-icon\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-trigger-arrow\"\n >arrow_drop_down</mat-icon\n >\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\">\n chevron_right\n </mat-icon>\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-054);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-054);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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9296
9296
|
}
|
|
9297
9297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
9298
9298
|
type: Component,
|
|
9299
|
-
args: [{ selector: 'adf-breadcrumb', imports: [CommonModule, MatIconModule, 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()\">folder</mat-icon>\n <mat-icon\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-trigger-arrow\"\n >arrow_drop_down</mat-icon\n >\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\">\n chevron_right\n </mat-icon>\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;font:var(--
|
|
9299
|
+
args: [{ selector: 'adf-breadcrumb', imports: [CommonModule, MatIconModule, 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()\">folder</mat-icon>\n <mat-icon\n [class.adf-isRoot]=\"!hasPreviousNodes()\"\n class=\"adf-breadcrumb-dropdown-trigger-arrow\"\n >arrow_drop_down</mat-icon\n >\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\">\n chevron_right\n </mat-icon>\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-054);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-054);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"] }]
|
|
9300
9300
|
}], propDecorators: { folderNode: [{
|
|
9301
9301
|
type: Input,
|
|
9302
9302
|
args: [{ required: true }]
|
|
@@ -9365,11 +9365,11 @@ class DropdownBreadcrumbComponent extends BreadcrumbComponent {
|
|
|
9365
9365
|
return this.previousNodes.length > 0;
|
|
9366
9366
|
}
|
|
9367
9367
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownBreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9368
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\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;font:var(--
|
|
9368
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\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-054);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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: 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: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9369
9369
|
}
|
|
9370
9370
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DropdownBreadcrumbComponent, decorators: [{
|
|
9371
9371
|
type: Component,
|
|
9372
|
-
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule, MatIconModule, 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()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\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;font:var(--
|
|
9372
|
+
args: [{ selector: 'adf-dropdown-breadcrumb', imports: [CommonModule, MatIconModule, 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()\">folder</mat-icon>\n </button>\n\n <mat-icon class=\"adf-dropdown-breadcrumb-icon adf-dropdown-breadcrumb-item-chevron\">chevron_right</mat-icon>\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-054);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"] }]
|
|
9373
9373
|
}], propDecorators: { dropdown: [{
|
|
9374
9374
|
type: ViewChild,
|
|
9375
9375
|
args: ['dropdown']
|
|
@@ -10170,7 +10170,7 @@ class FileUploadingListRowComponent {
|
|
|
10170
10170
|
return this.file?.status === FileUploadStatus.Complete && this.isUploadVersion();
|
|
10171
10171
|
}
|
|
10172
10172
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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\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(--
|
|
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 }); }
|
|
10174
10174
|
}
|
|
10175
10175
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingListRowComponent, decorators: [{
|
|
10176
10176
|
type: Component,
|
|
@@ -10185,7 +10185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
10185
10185
|
FileSizePipe,
|
|
10186
10186
|
MatButtonModule,
|
|
10187
10187
|
FileUploadErrorPipe
|
|
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\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(--
|
|
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"] }]
|
|
10189
10189
|
}], propDecorators: { file: [{
|
|
10190
10190
|
type: Input
|
|
10191
10191
|
}], cancel: [{
|
|
@@ -10339,11 +10339,11 @@ class FileUploadingDialogComponent {
|
|
|
10339
10339
|
return !this.uploadList?.isUploadCompleted() && !this.uploadList?.isUploadCancelled();
|
|
10340
10340
|
}
|
|
10341
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 }); }
|
|
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 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 (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 (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CONTINUE' | translate }}</button>\n </footer>\n</div>\n", styles: [".adf-upload-dialog{background:var(--
|
|
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 }); }
|
|
10343
10343
|
}
|
|
10344
10344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FileUploadingDialogComponent, decorators: [{
|
|
10345
10345
|
type: Component,
|
|
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 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 (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 (click)=\"toggleConfirmation()\"\n >{{ 'ADF_FILE_UPLOAD.CONFIRMATION.BUTTON.CONTINUE' | translate }}</button>\n </footer>\n</div>\n", styles: [".adf-upload-dialog{background:var(--
|
|
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"] }]
|
|
10347
10347
|
}], ctorParameters: () => [{ type: UploadService }, { type: i0.ChangeDetectorRef }, { type: i1.UserPreferencesService }, { type: i0.ElementRef }], propDecorators: { uploadList: [{
|
|
10348
10348
|
type: ViewChild,
|
|
10349
10349
|
args: ['uploadList']
|
|
@@ -10648,14 +10648,14 @@ class NameLocationCellComponent {
|
|
|
10648
10648
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NameLocationCellComponent, isStandalone: true, selector: "adf-name-location-cell", inputs: { row: "row" }, host: { classAttribute: "adf-name-location-cell adf-datatable-content-cell" }, ngImport: i0, template: `
|
|
10649
10649
|
<div class="adf-name-location-cell-name adf-datatable-cell-value" [title]="name">{{ name }}</div>
|
|
10650
10650
|
<div class="adf-name-location-cell-location adf-datatable-cell-value" [title]="path">{{ path }}</div>
|
|
10651
|
-
`, isInline: true, styles: [".adf-name-location-cell{display:grid}.adf-name-location-cell-location{color:var(--
|
|
10651
|
+
`, isInline: true, styles: [".adf-name-location-cell{display:grid}.adf-name-location-cell-location{color:var(--adf-theme-foreground-text-color-054);font-size:var(--theme-caption-font-size)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
10652
10652
|
}
|
|
10653
10653
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NameLocationCellComponent, decorators: [{
|
|
10654
10654
|
type: Component,
|
|
10655
10655
|
args: [{ selector: 'adf-name-location-cell', template: `
|
|
10656
10656
|
<div class="adf-name-location-cell-name adf-datatable-cell-value" [title]="name">{{ name }}</div>
|
|
10657
10657
|
<div class="adf-name-location-cell-location adf-datatable-cell-value" [title]="path">{{ path }}</div>
|
|
10658
|
-
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'adf-name-location-cell adf-datatable-content-cell' }, styles: [".adf-name-location-cell{display:grid}.adf-name-location-cell-location{color:var(--
|
|
10658
|
+
`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'adf-name-location-cell adf-datatable-content-cell' }, styles: [".adf-name-location-cell{display:grid}.adf-name-location-cell-location{color:var(--adf-theme-foreground-text-color-054);font-size:var(--theme-caption-font-size)}\n"] }]
|
|
10659
10659
|
}], propDecorators: { row: [{
|
|
10660
10660
|
type: Input
|
|
10661
10661
|
}] } });
|
|
@@ -10684,11 +10684,11 @@ class SearchFilterCardComponent {
|
|
|
10684
10684
|
this.widgetContainerComponent.applyInnerWidget();
|
|
10685
10685
|
}
|
|
10686
10686
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10687
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterCardComponent, isStandalone: true, selector: "adf-search-filter-card", inputs: { category: "category" }, viewQueries: [{ propertyName: "widgetContainerComponent", first: true, predicate: SearchWidgetContainerComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-search-filter-card\">\n <adf-search-widget-container\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n <div\n *ngIf=\"!category?.component?.settings?.hideDefaultAction\"\n class=\"adf-search-filter-card-actions\"\n >\n <button mat-button class=\"adf-search-action-button\" (click)=\"clear()\" id=\"clear-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" (click)=\"apply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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 }); }
|
|
10687
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterCardComponent, isStandalone: true, selector: "adf-search-filter-card", inputs: { category: "category" }, viewQueries: [{ propertyName: "widgetContainerComponent", first: true, predicate: SearchWidgetContainerComponent, descendants: true }], ngImport: i0, template: "<div class=\"adf-search-filter-card\">\n <adf-search-widget-container\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n <div\n *ngIf=\"!category?.component?.settings?.hideDefaultAction\"\n class=\"adf-search-filter-card-actions\"\n >\n <button mat-button class=\"adf-search-action-button\" (click)=\"clear()\" id=\"clear-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"apply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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 }); }
|
|
10688
10688
|
}
|
|
10689
10689
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterCardComponent, decorators: [{
|
|
10690
10690
|
type: Component,
|
|
10691
|
-
args: [{ selector: 'adf-search-filter-card', imports: [CommonModule, SearchWidgetContainerComponent, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-filter-card\">\n <adf-search-widget-container\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n <div\n *ngIf=\"!category?.component?.settings?.hideDefaultAction\"\n class=\"adf-search-filter-card-actions\"\n >\n <button mat-button class=\"adf-search-action-button\" (click)=\"clear()\" id=\"clear-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" (click)=\"apply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </div>\n</div>" }]
|
|
10691
|
+
args: [{ selector: 'adf-search-filter-card', imports: [CommonModule, SearchWidgetContainerComponent, TranslatePipe, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-search-filter-card\">\n <adf-search-widget-container\n [id]=\"category.id\"\n [selector]=\"category.component.selector\"\n [settings]=\"category.component.settings\" />\n <div\n *ngIf=\"!category?.component?.settings?.hideDefaultAction\"\n class=\"adf-search-filter-card-actions\"\n >\n <button mat-button class=\"adf-search-action-button\" (click)=\"clear()\" id=\"clear-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.CLEAR' | translate }}\n </button>\n <button mat-flat-button class=\"adf-search-action-button\" color=\"primary\" (click)=\"apply()\" id=\"apply-filter-button\">\n {{ 'SEARCH.FILTER.BUTTONS.APPLY' | translate }}\n </button>\n </div>\n</div>" }]
|
|
10692
10692
|
}], propDecorators: { category: [{
|
|
10693
10693
|
type: Input,
|
|
10694
10694
|
args: [{ required: true }]
|
|
@@ -10834,11 +10834,11 @@ class SearchFacetFieldComponent {
|
|
|
10834
10834
|
this.queryBuilder.update();
|
|
10835
10835
|
}
|
|
10836
10836
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10837
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">search</mat-icon>\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\">clear</mat-icon>\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 (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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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(--
|
|
10837
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">search</mat-icon>\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\">clear</mat-icon>\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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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-054)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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$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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10838
10838
|
}
|
|
10839
10839
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetFieldComponent, decorators: [{
|
|
10840
10840
|
type: Component,
|
|
10841
|
-
args: [{ selector: 'adf-search-facet-field', imports: [CommonModule, MatButtonModule, MatIconModule, 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\">search</mat-icon>\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\">clear</mat-icon>\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 (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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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(--
|
|
10841
|
+
args: [{ selector: 'adf-search-facet-field', imports: [CommonModule, MatButtonModule, MatIconModule, 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\">search</mat-icon>\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\">clear</mat-icon>\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>clear</mat-icon>\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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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-054)}\n"] }]
|
|
10842
10842
|
}], propDecorators: { field: [{
|
|
10843
10843
|
type: Input,
|
|
10844
10844
|
args: [{ required: true }]
|
|
@@ -10885,11 +10885,11 @@ class SearchFilterMenuCardComponent {
|
|
|
10885
10885
|
this.close.emit();
|
|
10886
10886
|
}
|
|
10887
10887
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterMenuCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10888
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>close</mat-icon>\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 .adf-search-filter-title{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;height:32px;font:var(--
|
|
10888
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>close</mat-icon>\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-054);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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3$3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10889
10889
|
}
|
|
10890
10890
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterMenuCardComponent, decorators: [{
|
|
10891
10891
|
type: Component,
|
|
10892
|
-
args: [{ selector: 'adf-search-filter-menu-card', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, 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>close</mat-icon>\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 .adf-search-filter-title{display:flex;justify-content:space-between;align-items:center;padding:16px 12px;height:32px;font:var(--
|
|
10892
|
+
args: [{ selector: 'adf-search-filter-menu-card', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule, 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>close</mat-icon>\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-054);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"] }]
|
|
10893
10893
|
}], propDecorators: { close: [{
|
|
10894
10894
|
type: Output
|
|
10895
10895
|
}] } });
|
|
@@ -10953,7 +10953,7 @@ class SearchFacetChipComponent {
|
|
|
10953
10953
|
return this.field.buckets?.items.length > 0;
|
|
10954
10954
|
}
|
|
10955
10955
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetChipComponent, deps: [{ token: i1$5.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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\" (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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$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: "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: 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 }); }
|
|
10956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$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: "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: 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 }); }
|
|
10957
10957
|
}
|
|
10958
10958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetChipComponent, decorators: [{
|
|
10959
10959
|
type: Component,
|
|
@@ -10966,7 +10966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
10966
10966
|
SearchFilterMenuCardComponent,
|
|
10967
10967
|
MatButtonModule,
|
|
10968
10968
|
SearchFacetFieldComponent
|
|
10969
|
-
], 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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\" (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"] }]
|
|
10969
|
+
], 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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"] }]
|
|
10970
10970
|
}], ctorParameters: () => [{ type: i1$5.ConfigurableFocusTrapFactory }], propDecorators: { field: [{
|
|
10971
10971
|
type: Input,
|
|
10972
10972
|
args: [{ required: true }]
|
|
@@ -11182,7 +11182,7 @@ class SearchFacetChipTabbedComponent {
|
|
|
11182
11182
|
this.changeDetectorRef.detectChanges();
|
|
11183
11183
|
}
|
|
11184
11184
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetChipTabbedComponent, deps: [{ token: i1$5.ConfigurableFocusTrapFactory }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11185
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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\" (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$2.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$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: "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: 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 }); }
|
|
11185
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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$2.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$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: "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: 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 }); }
|
|
11186
11186
|
}
|
|
11187
11187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFacetChipTabbedComponent, decorators: [{
|
|
11188
11188
|
type: Component,
|
|
@@ -11195,7 +11195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
11195
11195
|
SearchFacetTabbedContentComponent,
|
|
11196
11196
|
MatButtonModule,
|
|
11197
11197
|
SearchFilterMenuCardComponent
|
|
11198
|
-
], 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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\" (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"] }]
|
|
11198
|
+
], 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\">{{ chipIcon }}</mat-icon>\n <ng-template #disabledIcon>\n <mat-icon>remove</mat-icon>\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"] }]
|
|
11199
11199
|
}], ctorParameters: () => [{ type: i1$5.ConfigurableFocusTrapFactory }, { type: i0.ChangeDetectorRef }], propDecorators: { tabbedFacet: [{
|
|
11200
11200
|
type: Input
|
|
11201
11201
|
}], menuContainer: [{
|
|
@@ -11269,7 +11269,7 @@ class SearchWidgetChipComponent {
|
|
|
11269
11269
|
}
|
|
11270
11270
|
}
|
|
11271
11271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchWidgetChipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$5.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\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\" (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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$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: "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: 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 }); }
|
|
11272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">{{ chipIcon }}</mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$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: "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: 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 }); }
|
|
11273
11273
|
}
|
|
11274
11274
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchWidgetChipComponent, decorators: [{
|
|
11275
11275
|
type: Component,
|
|
@@ -11282,7 +11282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
11282
11282
|
SearchFilterMenuCardComponent,
|
|
11283
11283
|
SearchWidgetContainerComponent,
|
|
11284
11284
|
MatButtonModule
|
|
11285
|
-
], 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\">{{ chipIcon }}</mat-icon>\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\" (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"] }]
|
|
11285
|
+
], 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\">{{ chipIcon }}</mat-icon>\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"] }]
|
|
11286
11286
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$5.ConfigurableFocusTrapFactory }], propDecorators: { category: [{
|
|
11287
11287
|
type: Input,
|
|
11288
11288
|
args: [{ required: true }]
|
|
@@ -11338,11 +11338,11 @@ class SearchFilterChipsComponent {
|
|
|
11338
11338
|
.subscribe(() => (this.facetChipTabbedId = 'search-fact-chip-tabbed-' + this.facetFiltersService.tabbedFacet?.fields.join('-')));
|
|
11339
11339
|
}
|
|
11340
11340
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11341
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterChipsComponent, isStandalone: true, selector: "adf-search-filter-chips", inputs: { showContextFacets: "showContextFacets" }, ngImport: i0, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--
|
|
11341
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterChipsComponent, isStandalone: true, selector: "adf-search-filter-chips", inputs: { showContextFacets: "showContextFacets" }, ngImport: i0, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip.mdc-evolution-chip.mat-mdc-standard-chip{margin-top:0;margin-bottom:0}.mat-mdc-standard-chip{-webkit-font-smoothing:unset}.mdc-evolution-chip-set{margin-top:-4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchFacetChipTabbedComponent, selector: "adf-search-facet-chip-tabbed", inputs: ["tabbedFacet"] }, { kind: "component", type: SearchFacetChipComponent, selector: "adf-search-facet-chip", inputs: ["field"] }, { kind: "component", type: SearchWidgetChipComponent, selector: "adf-search-widget-chip", inputs: ["category"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11342
11342
|
}
|
|
11343
11343
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterChipsComponent, decorators: [{
|
|
11344
11344
|
type: Component,
|
|
11345
|
-
args: [{ selector: 'adf-search-filter-chips', imports: [CommonModule, MatChipsModule, TranslatePipe, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent], encapsulation: ViewEncapsulation.None, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--
|
|
11345
|
+
args: [{ selector: 'adf-search-filter-chips', imports: [CommonModule, MatChipsModule, TranslatePipe, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent], encapsulation: ViewEncapsulation.None, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip.mdc-evolution-chip.mat-mdc-standard-chip{margin-top:0;margin-bottom:0}.mat-mdc-standard-chip{-webkit-font-smoothing:unset}.mdc-evolution-chip-set{margin-top:-4px}\n"] }]
|
|
11346
11346
|
}], propDecorators: { showContextFacets: [{
|
|
11347
11347
|
type: Input
|
|
11348
11348
|
}] } });
|
|
@@ -11409,7 +11409,7 @@ class SearchFilterComponent {
|
|
|
11409
11409
|
return bucket.count === null ? '' : `(${bucket.count})`;
|
|
11410
11410
|
}
|
|
11411
11411
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterComponent, deps: [{ token: SearchQueryBuilderService }, { token: SearchFacetFiltersService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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:var(--
|
|
11412
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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-054)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i4$2.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 }); }
|
|
11413
11413
|
}
|
|
11414
11414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterComponent, decorators: [{
|
|
11415
11415
|
type: Component,
|
|
@@ -11422,7 +11422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
11422
11422
|
ResetSearchDirective,
|
|
11423
11423
|
SearchFacetFieldComponent,
|
|
11424
11424
|
SearchFacetTabbedContentComponent
|
|
11425
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-filter' }, template: "<mat-accordion multi=\"true\" displayMode=\"flat\">\n\n <button *ngIf=\"displayResetButton && facetFiltersService.responseFacets\"\n mat-button\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:var(--
|
|
11425
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-filter' }, 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-054)}\n"] }]
|
|
11426
11426
|
}], ctorParameters: () => [{ type: SearchQueryBuilderService }, { type: SearchFacetFiltersService }], propDecorators: { showContextFacets: [{
|
|
11427
11427
|
type: Input
|
|
11428
11428
|
}] } });
|
|
@@ -11978,7 +11978,7 @@ class ContentNodeSelectorPanelComponent {
|
|
|
11978
11978
|
};
|
|
11979
11979
|
}
|
|
11980
11980
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentNodeSelectorPanelComponent, deps: [{ token: CustomResourcesService }, { token: SearchQueryBuilderService }, { token: i1.UserPreferencesService }, { token: NodesApiService }, { token: UploadService }, { token: SitesService }, { token: ContentNodeSelectorPanelService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11981
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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:var(--mat-sys-body-medium)}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--mat-sys-body-medium-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-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--mat-sys-on-secondary-container);font:var(--mat-sys-body-medium);padding:0 0 8px;width:1em;height:1em}.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(--mat-sys-on-surface)}.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(--mat-sys-on-secondary-container)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--mat-sys-primary)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--mat-sys-on-secondary-container)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--mat-sys-outline-variant);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(--mat-sys-primary)}.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(--mat-sys-primary)}.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$2.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$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: "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", "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"], 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 }); }
|
|
11981
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.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$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: "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", "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"], 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 }); }
|
|
11982
11982
|
}
|
|
11983
11983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentNodeSelectorPanelComponent, decorators: [{
|
|
11984
11984
|
type: Component,
|
|
@@ -12004,7 +12004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
12004
12004
|
InfinitePaginationComponent,
|
|
12005
12005
|
CustomEmptyContentTemplateDirective,
|
|
12006
12006
|
SearchPanelComponent
|
|
12007
|
-
], 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:var(--mat-sys-body-medium)}.adf-content-node-selector-panel .adf-toolbar .adf-toolbar-container.adf-toolbar-container-row{max-height:48px;border-bottom-width:0;font-size:var(--mat-sys-body-medium-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-input{width:100%;margin-bottom:8px}.adf-content-node-selector-content-input .adf-content-node-selector-content-input-icon:is(mat-icon){color:var(--mat-sys-on-secondary-container);font:var(--mat-sys-body-medium);padding:0 0 8px;width:1em;height:1em}.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(--mat-sys-on-surface)}.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(--mat-sys-on-secondary-container)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-trigger:focus .adf-dropdown-breadcrumb-icon{color:var(--mat-sys-primary)}.adf-content-node-selector-breadcrumb .adf-dropdown-breadcrumb-item-chevron{color:var(--mat-sys-on-secondary-container)}.adf-content-node-selector-content-list,.adf-content-node-selector-list{height:40vh;overflow:auto;border:1px solid var(--mat-sys-outline-variant);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(--mat-sys-primary)}.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(--mat-sys-primary)}.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"] }]
|
|
12007
|
+
], 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"] }]
|
|
12008
12008
|
}], ctorParameters: () => [{ type: CustomResourcesService }, { type: SearchQueryBuilderService }, { type: i1.UserPreferencesService }, { type: NodesApiService }, { type: UploadService }, { type: SitesService }, { type: ContentNodeSelectorPanelService }], propDecorators: { restrictRootToCurrentFolderId: [{
|
|
12009
12009
|
type: Input
|
|
12010
12010
|
}], currentFolderId: [{
|
|
@@ -12186,11 +12186,11 @@ class UploadButtonComponent extends UploadBase {
|
|
|
12186
12186
|
return this.contentService.hasAllowableOperations(node, permission);
|
|
12187
12187
|
}
|
|
12188
12188
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
12189
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:var(--
|
|
12189
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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$2.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"] }], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadButtonComponent) }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12190
12190
|
}
|
|
12191
12191
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadButtonComponent, decorators: [{
|
|
12192
12192
|
type: Component,
|
|
12193
|
-
args: [{ selector: 'adf-upload-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadButtonComponent) }], 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:var(--
|
|
12193
|
+
args: [{ selector: 'adf-upload-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadButtonComponent) }], 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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"] }]
|
|
12194
12194
|
}], propDecorators: { uploadFolders: [{
|
|
12195
12195
|
type: Input
|
|
12196
12196
|
}], multipleFiles: [{
|
|
@@ -12354,7 +12354,7 @@ class ContentNodeSelectorComponent {
|
|
|
12354
12354
|
return this.showingSearch || this.hasNoPermissionToUpload();
|
|
12355
12355
|
}
|
|
12356
12356
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentNodeSelectorComponent, deps: [{ token: i1.TranslationService }, { token: ContentService }, { token: i1.NotificationService }, { token: UploadService }, { token: i1$1.MatDialogRef }, { token: i5$2.OverlayContainer }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12357
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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{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(--mat-sys-on-secondary-container)}.adf-content-node-selector-dialog .adf-content-node-selector-dialog-actions{padding:8px;height:77px;display:flex;flex-direction:row;justify-content:space-between}@media screen and (width <= 768px){.adf-content-node-selector-dialog{height:100vh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.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 }); }
|
|
12357
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.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 }); }
|
|
12358
12358
|
}
|
|
12359
12359
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentNodeSelectorComponent, decorators: [{
|
|
12360
12360
|
type: Component,
|
|
@@ -12374,7 +12374,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
12374
12374
|
ContentNodeSelectorPanelComponent,
|
|
12375
12375
|
UploadButtonComponent,
|
|
12376
12376
|
MatButtonModule
|
|
12377
|
-
], 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()\"\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{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(--
|
|
12377
|
+
], 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()\"\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"] }]
|
|
12378
12378
|
}], ctorParameters: () => [{ type: i1.TranslationService }, { type: ContentService }, { type: i1.NotificationService }, { type: UploadService }, { type: i1$1.MatDialogRef }, { type: i5$2.OverlayContainer }, { type: undefined, decorators: [{
|
|
12379
12379
|
type: Inject,
|
|
12380
12380
|
args: [MAT_DIALOG_DATA]
|
|
@@ -13988,11 +13988,11 @@ class TagActionsComponent {
|
|
|
13988
13988
|
this.tagService.removeTag(this.nodeId, tag);
|
|
13989
13989
|
}
|
|
13990
13990
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagActionsComponent, deps: [{ token: TagService }, { token: i1.TranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">delete</mat-icon>\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\" (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(--
|
|
13991
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">delete</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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$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.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 }); }
|
|
13992
13992
|
}
|
|
13993
13993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagActionsComponent, decorators: [{
|
|
13994
13994
|
type: Component,
|
|
13995
|
-
args: [{ selector: 'adf-tag-node-actions-list', imports: [CommonModule, MatListModule, MatIconModule, 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\">delete</mat-icon>\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\" (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(--
|
|
13995
|
+
args: [{ selector: 'adf-tag-node-actions-list', imports: [CommonModule, MatListModule, MatIconModule, 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\">delete</mat-icon>\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"] }]
|
|
13996
13996
|
}], ctorParameters: () => [{ type: TagService }, { type: i1.TranslationService }], propDecorators: { nodeId: [{
|
|
13997
13997
|
type: Input,
|
|
13998
13998
|
args: [{ required: true }]
|
|
@@ -14080,11 +14080,11 @@ class TagListComponent {
|
|
|
14080
14080
|
}
|
|
14081
14081
|
}
|
|
14082
14082
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagListComponent, deps: [{ token: TagService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14083
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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(--
|
|
14083
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14084
14084
|
}
|
|
14085
14085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagListComponent, decorators: [{
|
|
14086
14086
|
type: Component,
|
|
14087
|
-
args: [{ selector: 'adf-tag-list', imports: [CommonModule, MatChipsModule, MatButtonModule, MatIconModule], 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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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(--
|
|
14087
|
+
args: [{ selector: 'adf-tag-list', imports: [CommonModule, MatChipsModule, MatButtonModule, MatIconModule], 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>keyboard_arrow_up</mat-icon>\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>keyboard_arrow_down</mat-icon>\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"] }]
|
|
14088
14088
|
}], ctorParameters: () => [{ type: TagService }], propDecorators: { result: [{
|
|
14089
14089
|
type: Output
|
|
14090
14090
|
}] } });
|
|
@@ -14493,7 +14493,7 @@ class TagsCreatorComponent {
|
|
|
14493
14493
|
this.tagNameControl.markAsUntouched();
|
|
14494
14494
|
}
|
|
14495
14495
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagsCreatorComponent, deps: [{ token: TagService }, { token: i1.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14496
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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{padding:5px 6px;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}adf-tags-creator .adf-create-tag-label{color:var(--
|
|
14496
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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$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: "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: i8.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 }); }
|
|
14497
14497
|
}
|
|
14498
14498
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TagsCreatorComponent, decorators: [{
|
|
14499
14499
|
type: Component,
|
|
@@ -14509,7 +14509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
14509
14509
|
MatListModule,
|
|
14510
14510
|
MatProgressSpinnerModule,
|
|
14511
14511
|
DynamicChipListComponent
|
|
14512
|
-
], encapsulation: ViewEncapsulation.None, 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{padding:5px 6px;margin:0;vertical-align:bottom;text-align:inherit;box-sizing:content-box}adf-tags-creator .adf-create-tag-label{color:var(--
|
|
14512
|
+
], encapsulation: ViewEncapsulation.None, 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"] }]
|
|
14513
14513
|
}], ctorParameters: () => [{ type: TagService }, { type: i1.NotificationService }], propDecorators: { mode: [{
|
|
14514
14514
|
type: Input,
|
|
14515
14515
|
args: [{ required: true }]
|
|
@@ -15936,11 +15936,11 @@ class UploadVersionButtonComponent extends UploadButtonComponent {
|
|
|
15936
15936
|
this.permissionValue.next(this.nodeHasPermission(this.node, AllowableOperationsEnum.UPDATE));
|
|
15937
15937
|
}
|
|
15938
15938
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadVersionButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
15939
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:var(--
|
|
15939
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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$2.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"] }], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadVersionButtonComponent) }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15940
15940
|
}
|
|
15941
15941
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UploadVersionButtonComponent, decorators: [{
|
|
15942
15942
|
type: Component,
|
|
15943
|
-
args: [{ selector: 'adf-upload-version-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadVersionButtonComponent) }], 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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}.adf-upload-button-file-container input{display:none}.adf-upload-button-label{display:flex;align-items:center;cursor:pointer;padding:8px 16px;box-shadow:var(--
|
|
15943
|
+
args: [{ selector: 'adf-upload-version-button', imports: [CommonModule, MatButtonModule, TranslatePipe, MatIconModule], viewProviders: [{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadVersionButtonComponent) }], 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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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\">file_upload</mat-icon>\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"] }]
|
|
15944
15944
|
}], propDecorators: { node: [{
|
|
15945
15945
|
type: Input
|
|
15946
15946
|
}] } });
|
|
@@ -16080,11 +16080,11 @@ class SearchChipListComponent {
|
|
|
16080
16080
|
this.clearAll = false;
|
|
16081
16081
|
}
|
|
16082
16082
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipListComponent, deps: [{ token: SearchFacetFiltersService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16083
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </ng-container>\n</mat-chip-listbox>\n", styles: [".adf-search-chip-list-item:focus{color:var(--
|
|
16083
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\" matChipRemove>cancel</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16084
16084
|
}
|
|
16085
16085
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipListComponent, decorators: [{
|
|
16086
16086
|
type: Component,
|
|
16087
|
-
args: [{ selector: 'adf-search-chip-list', imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule], 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 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\" matChipRemove>cancel</mat-icon>\n </mat-chip-option>\n </ng-container>\n</mat-chip-listbox>\n", styles: [".adf-search-chip-list-item:focus{color:var(--
|
|
16087
|
+
args: [{ selector: 'adf-search-chip-list', imports: [CommonModule, MatChipsModule, TranslatePipe, MatIconModule], 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\" matChipRemove>cancel</mat-icon>\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"] }]
|
|
16088
16088
|
}], ctorParameters: () => [{ type: SearchFacetFiltersService }], propDecorators: { searchFilter: [{
|
|
16089
16089
|
type: Input
|
|
16090
16090
|
}], clearAll: [{
|
|
@@ -16207,11 +16207,11 @@ class SearchFormComponent {
|
|
|
16207
16207
|
return forms.find((form) => form.selected)?.name;
|
|
16208
16208
|
}
|
|
16209
16209
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16210
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\" iconPositionEnd class=\"adf-search-form-icon\">expand_more</mat-icon>\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:var(--
|
|
16210
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\" iconPositionEnd class=\"adf-search-form-icon\">expand_more</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16211
16211
|
}
|
|
16212
16212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFormComponent, decorators: [{
|
|
16213
16213
|
type: Component,
|
|
16214
|
-
args: [{ selector: 'adf-search-form', imports: [CommonModule, MatButtonModule, TranslatePipe, MatMenuModule, MatIconModule], 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\" iconPositionEnd class=\"adf-search-form-icon\">expand_more</mat-icon>\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:var(--
|
|
16214
|
+
args: [{ selector: 'adf-search-form', imports: [CommonModule, MatButtonModule, TranslatePipe, MatMenuModule, MatIconModule], 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\" iconPositionEnd class=\"adf-search-form-icon\">expand_more</mat-icon>\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"] }]
|
|
16215
16215
|
}], propDecorators: { formChange: [{
|
|
16216
16216
|
type: Output
|
|
16217
16217
|
}] } });
|
|
@@ -16547,11 +16547,11 @@ class SearchSortingPickerComponent {
|
|
|
16547
16547
|
return this.queryBuilder.getPrimarySorting().ascending;
|
|
16548
16548
|
}
|
|
16549
16549
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchSortingPickerComponent, deps: [{ token: SearchQueryBuilderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16550
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchSortingPickerComponent, isStandalone: true, selector: "adf-search-sorting-picker", host: { classAttribute: "adf-search-sorting-picker" }, ngImport: i0, template: "<adf-sorting-picker\n [options]=\"options\"\n [selected]=\"value\"\n [ascending]=\"ascending\"\n (valueChange)=\"onValueChanged($event)\"\n (sortingChange)=\"onSortingChanged($event)\" />\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SortingPickerComponent, selector: "adf-sorting-picker", inputs: ["options", "selected", "ascending"], outputs: ["valueChange", "sortingChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16550
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchSortingPickerComponent, isStandalone: true, selector: "adf-search-sorting-picker", host: { classAttribute: "adf-search-sorting-picker" }, ngImport: i0, template: "<adf-sorting-picker\n [options]=\"options\"\n [selected]=\"value\"\n [ascending]=\"ascending\"\n (valueChange)=\"onValueChanged($event)\"\n (sortingChange)=\"onSortingChanged($event)\" />\n", styles: [".adf-search-sorting-picker .adf-sorting-picker-button{color:var(--adf-theme-foreground-text-color-054)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SortingPickerComponent, selector: "adf-sorting-picker", inputs: ["options", "selected", "ascending"], outputs: ["valueChange", "sortingChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16551
16551
|
}
|
|
16552
16552
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchSortingPickerComponent, decorators: [{
|
|
16553
16553
|
type: Component,
|
|
16554
|
-
args: [{ selector: 'adf-search-sorting-picker', imports: [CommonModule, SortingPickerComponent], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-sorting-picker' }, template: "<adf-sorting-picker\n [options]=\"options\"\n [selected]=\"value\"\n [ascending]=\"ascending\"\n (valueChange)=\"onValueChanged($event)\"\n (sortingChange)=\"onSortingChanged($event)\" />\n" }]
|
|
16554
|
+
args: [{ selector: 'adf-search-sorting-picker', imports: [CommonModule, SortingPickerComponent], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-sorting-picker' }, template: "<adf-sorting-picker\n [options]=\"options\"\n [selected]=\"value\"\n [ascending]=\"ascending\"\n (valueChange)=\"onValueChanged($event)\"\n (sortingChange)=\"onSortingChanged($event)\" />\n", styles: [".adf-search-sorting-picker .adf-sorting-picker-button{color:var(--adf-theme-foreground-text-color-054)}\n"] }]
|
|
16555
16555
|
}], ctorParameters: () => [{ type: SearchQueryBuilderService }] });
|
|
16556
16556
|
|
|
16557
16557
|
/*!
|
|
@@ -16901,11 +16901,11 @@ class SearchControlComponent {
|
|
|
16901
16901
|
return node.previousElementSibling;
|
|
16902
16902
|
}
|
|
16903
16903
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchControlComponent, deps: [{ token: i1.AuthenticationService }, { token: i1.ThumbnailService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16904
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchControlComponent, isStandalone: true, selector: "adf-search-control", inputs: { highlight: "highlight", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", autocomplete: "autocomplete", expandable: "expandable", liveSearchMaxResults: "liveSearchMaxResults" }, outputs: { submit: "submit", searchChange: "searchChange", optionClicked: "optionClicked" }, host: { classAttribute: "adf-search-control" }, queries: [{ propertyName: "emptySearchTemplate", first: true, predicate: EmptySearchResultComponent, descendants: true }], viewQueries: [{ propertyName: "searchTextInput", first: true, predicate: ["searchTextInput"], descendants: true }, { propertyName: "searchAutocomplete", first: true, predicate: ["search"], descendants: true }, { propertyName: "listResultElement", predicate: MatListItem, descendants: true }], ngImport: i0, template: "<div *ngIf=\"isLoggedIn()\">\n <adf-search-text-input #searchTextInput\n [searchTerm]= \"searchTerm\"\n [expandable]=\"expandable\"\n [autocomplete]=\"autocomplete\"\n [liveSearchEnabled]=\"liveSearchEnabled\"\n [focusListener]=\"focusSubject.asObservable()\"\n [searchAutocomplete]=\"auto\"\n (searchChange)=\"inputChange($event)\"\n (reset)=\"onReset($event)\"\n (selectResult)=\"onSelectFirstResult()\"\n (submit)=\"submit.emit($event)\" />\n\n <adf-search #search\n #auto=\"searchAutocomplete\"\n class=\"adf-search-result-autocomplete\"\n [maxResults]=\"liveSearchMaxResults\">\n <ng-template let-data>\n <mat-list *ngIf=\"searchTextInput?.isSearchBarActive()\" id=\"autocomplete-search-result-list\">\n <mat-list-item\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n id=\"result_option_{{idx}}\"\n [attr.data-automation-id]=\"'autocomplete_for_' + item.entry.name\"\n [tabindex]=\"0\"\n (blur)=\"onBlur($event)\"\n (keyup.arrowdown)=\"onRowArrowDown($event)\"\n (keyup.arrowup)=\"onRowArrowUp($event)\"\n class=\"adf-search-autocomplete-item\"\n (click)=\"elementClicked(item)\"\n (keyup.enter)=\"elementClicked(item)\"\n (touchend)=\"elementClicked(item)\">\n <!-- This is a comment -->\n <mat-icon matListItemLine>\n <img [alt]=\"getMimeType(item)\" [src]=\"getMimeTypeIcon(item)\"/>\n </mat-icon>\n <h4 matListItemTitle id=\"result_name_{{idx}}\"\n *ngIf=\"highlight; else elseBlock\"\n class=\"adf-search-fixed-text\"\n [innerHtml]=\"item.entry.name | highlight: searchTerm\">\n {{ item?.entry.name }}\n </h4>\n <ng-template #elseBlock>\n <h4 class=\"adf-search-fixed-text\" matListItemTitle id=\"result_name_{{idx}}\"\n [innerHtml]=\"item.entry.name\"></h4>\n </ng-template>\n <p matListItemLine class=\"adf-search-fixed-text\"> {{item?.entry.createdByUser.displayName}} </p>\n </mat-list-item>\n <mat-list-item id=\"search_no_result\"\n data-automation-id=\"search_no_result_found\"\n *ngIf=\"data?.list?.entries.length === 0\">\n <ng-content\n selector=\"adf-empty-search-result\"\n *ngIf=\"isNoSearchTemplatePresent() else defaultNoResult\" />\n <ng-template #defaultNoResult>\n <p matListItemLine class=\"adf-search-fixed-text\">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm:\n searchTerm} }}</p>\n </ng-template>\n </mat-list-item>\n </mat-list>\n </ng-template>\n </adf-search>\n</div>\n", styles: [".adf-search-result-autocomplete{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;transform-origin:top left;transform:translate(-40px);position:absolute;max-height:400px;margin-left:45px;margin-top:-22px;font:var(--
|
|
16904
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchControlComponent, isStandalone: true, selector: "adf-search-control", inputs: { highlight: "highlight", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", autocomplete: "autocomplete", expandable: "expandable", liveSearchMaxResults: "liveSearchMaxResults" }, outputs: { submit: "submit", searchChange: "searchChange", optionClicked: "optionClicked" }, host: { classAttribute: "adf-search-control" }, queries: [{ propertyName: "emptySearchTemplate", first: true, predicate: EmptySearchResultComponent, descendants: true }], viewQueries: [{ propertyName: "searchTextInput", first: true, predicate: ["searchTextInput"], descendants: true }, { propertyName: "searchAutocomplete", first: true, predicate: ["search"], descendants: true }, { propertyName: "listResultElement", predicate: MatListItem, descendants: true }], ngImport: i0, template: "<div *ngIf=\"isLoggedIn()\">\n <adf-search-text-input #searchTextInput\n [searchTerm]= \"searchTerm\"\n [expandable]=\"expandable\"\n [autocomplete]=\"autocomplete\"\n [liveSearchEnabled]=\"liveSearchEnabled\"\n [focusListener]=\"focusSubject.asObservable()\"\n [searchAutocomplete]=\"auto\"\n (searchChange)=\"inputChange($event)\"\n (reset)=\"onReset($event)\"\n (selectResult)=\"onSelectFirstResult()\"\n (submit)=\"submit.emit($event)\" />\n\n <adf-search #search\n #auto=\"searchAutocomplete\"\n class=\"adf-search-result-autocomplete\"\n [maxResults]=\"liveSearchMaxResults\">\n <ng-template let-data>\n <mat-list *ngIf=\"searchTextInput?.isSearchBarActive()\" id=\"autocomplete-search-result-list\">\n <mat-list-item\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n id=\"result_option_{{idx}}\"\n [attr.data-automation-id]=\"'autocomplete_for_' + item.entry.name\"\n [tabindex]=\"0\"\n (blur)=\"onBlur($event)\"\n (keyup.arrowdown)=\"onRowArrowDown($event)\"\n (keyup.arrowup)=\"onRowArrowUp($event)\"\n class=\"adf-search-autocomplete-item\"\n (click)=\"elementClicked(item)\"\n (keyup.enter)=\"elementClicked(item)\"\n (touchend)=\"elementClicked(item)\">\n <!-- This is a comment -->\n <mat-icon matListItemLine>\n <img [alt]=\"getMimeType(item)\" [src]=\"getMimeTypeIcon(item)\"/>\n </mat-icon>\n <h4 matListItemTitle id=\"result_name_{{idx}}\"\n *ngIf=\"highlight; else elseBlock\"\n class=\"adf-search-fixed-text\"\n [innerHtml]=\"item.entry.name | highlight: searchTerm\">\n {{ item?.entry.name }}\n </h4>\n <ng-template #elseBlock>\n <h4 class=\"adf-search-fixed-text\" matListItemTitle id=\"result_name_{{idx}}\"\n [innerHtml]=\"item.entry.name\"></h4>\n </ng-template>\n <p matListItemLine class=\"adf-search-fixed-text\"> {{item?.entry.createdByUser.displayName}} </p>\n </mat-list-item>\n <mat-list-item id=\"search_no_result\"\n data-automation-id=\"search_no_result_found\"\n *ngIf=\"data?.list?.entries.length === 0\">\n <ng-content\n selector=\"adf-empty-search-result\"\n *ngIf=\"isNoSearchTemplatePresent() else defaultNoResult\" />\n <ng-template #defaultNoResult>\n <p matListItemLine class=\"adf-search-fixed-text\">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm:\n searchTerm} }}</p>\n </ng-template>\n </mat-list-item>\n </mat-list>\n </ng-template>\n </adf-search>\n</div>\n", styles: [".adf-search-result-autocomplete{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;transform-origin:top left;transform:translate(-40px);position:absolute;max-height:400px;margin-left:45px;margin-top:-22px;font-size:var(--theme-subheading-1-font-size);z-index:5;color:var(--adf-theme-foreground-text-color);background-color:var(--adf-theme-background-card-color);border-radius:2px}.adf-search-result-autocomplete:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}@media (max-width: 959.9px){.adf-search-result-autocomplete{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.adf-search-autocomplete-item:hover{background-color:var(--adf-theme-background-hover-color);opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SearchTextInputComponent, selector: "adf-search-text-input", inputs: ["autocomplete", "expandable", "inputType", "liveSearchEnabled", "searchAutocomplete", "searchTerm", "debounceTime", "focusListener", "collapseOnSubmit", "defaultState", "collapseOnBlur", "showClearButton", "placeholder", "label", "hintLabel"], outputs: ["searchChange", "submit", "selectResult", "reset", "searchVisibility"] }, { kind: "component", type: SearchComponent, selector: "adf-search", inputs: ["displayWith", "maxResults", "skipResults", "searchTerm", "class"], outputs: ["resultLoaded", "error"], exportAs: ["searchAutocomplete"] }, { 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i7$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16905
16905
|
}
|
|
16906
16906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchControlComponent, decorators: [{
|
|
16907
16907
|
type: Component,
|
|
16908
|
-
args: [{ selector: 'adf-search-control', imports: [CommonModule, SearchTextInputComponent, SearchComponent, MatListModule, MatIconModule, HighlightPipe, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-control' }, template: "<div *ngIf=\"isLoggedIn()\">\n <adf-search-text-input #searchTextInput\n [searchTerm]= \"searchTerm\"\n [expandable]=\"expandable\"\n [autocomplete]=\"autocomplete\"\n [liveSearchEnabled]=\"liveSearchEnabled\"\n [focusListener]=\"focusSubject.asObservable()\"\n [searchAutocomplete]=\"auto\"\n (searchChange)=\"inputChange($event)\"\n (reset)=\"onReset($event)\"\n (selectResult)=\"onSelectFirstResult()\"\n (submit)=\"submit.emit($event)\" />\n\n <adf-search #search\n #auto=\"searchAutocomplete\"\n class=\"adf-search-result-autocomplete\"\n [maxResults]=\"liveSearchMaxResults\">\n <ng-template let-data>\n <mat-list *ngIf=\"searchTextInput?.isSearchBarActive()\" id=\"autocomplete-search-result-list\">\n <mat-list-item\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n id=\"result_option_{{idx}}\"\n [attr.data-automation-id]=\"'autocomplete_for_' + item.entry.name\"\n [tabindex]=\"0\"\n (blur)=\"onBlur($event)\"\n (keyup.arrowdown)=\"onRowArrowDown($event)\"\n (keyup.arrowup)=\"onRowArrowUp($event)\"\n class=\"adf-search-autocomplete-item\"\n (click)=\"elementClicked(item)\"\n (keyup.enter)=\"elementClicked(item)\"\n (touchend)=\"elementClicked(item)\">\n <!-- This is a comment -->\n <mat-icon matListItemLine>\n <img [alt]=\"getMimeType(item)\" [src]=\"getMimeTypeIcon(item)\"/>\n </mat-icon>\n <h4 matListItemTitle id=\"result_name_{{idx}}\"\n *ngIf=\"highlight; else elseBlock\"\n class=\"adf-search-fixed-text\"\n [innerHtml]=\"item.entry.name | highlight: searchTerm\">\n {{ item?.entry.name }}\n </h4>\n <ng-template #elseBlock>\n <h4 class=\"adf-search-fixed-text\" matListItemTitle id=\"result_name_{{idx}}\"\n [innerHtml]=\"item.entry.name\"></h4>\n </ng-template>\n <p matListItemLine class=\"adf-search-fixed-text\"> {{item?.entry.createdByUser.displayName}} </p>\n </mat-list-item>\n <mat-list-item id=\"search_no_result\"\n data-automation-id=\"search_no_result_found\"\n *ngIf=\"data?.list?.entries.length === 0\">\n <ng-content\n selector=\"adf-empty-search-result\"\n *ngIf=\"isNoSearchTemplatePresent() else defaultNoResult\" />\n <ng-template #defaultNoResult>\n <p matListItemLine class=\"adf-search-fixed-text\">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm:\n searchTerm} }}</p>\n </ng-template>\n </mat-list-item>\n </mat-list>\n </ng-template>\n </adf-search>\n</div>\n", styles: [".adf-search-result-autocomplete{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;transform-origin:top left;transform:translate(-40px);position:absolute;max-height:400px;margin-left:45px;margin-top:-22px;font:var(--
|
|
16908
|
+
args: [{ selector: 'adf-search-control', imports: [CommonModule, SearchTextInputComponent, SearchComponent, MatListModule, MatIconModule, HighlightPipe, TranslatePipe], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-control' }, template: "<div *ngIf=\"isLoggedIn()\">\n <adf-search-text-input #searchTextInput\n [searchTerm]= \"searchTerm\"\n [expandable]=\"expandable\"\n [autocomplete]=\"autocomplete\"\n [liveSearchEnabled]=\"liveSearchEnabled\"\n [focusListener]=\"focusSubject.asObservable()\"\n [searchAutocomplete]=\"auto\"\n (searchChange)=\"inputChange($event)\"\n (reset)=\"onReset($event)\"\n (selectResult)=\"onSelectFirstResult()\"\n (submit)=\"submit.emit($event)\" />\n\n <adf-search #search\n #auto=\"searchAutocomplete\"\n class=\"adf-search-result-autocomplete\"\n [maxResults]=\"liveSearchMaxResults\">\n <ng-template let-data>\n <mat-list *ngIf=\"searchTextInput?.isSearchBarActive()\" id=\"autocomplete-search-result-list\">\n <mat-list-item\n *ngFor=\"let item of data?.list?.entries; let idx = index\"\n id=\"result_option_{{idx}}\"\n [attr.data-automation-id]=\"'autocomplete_for_' + item.entry.name\"\n [tabindex]=\"0\"\n (blur)=\"onBlur($event)\"\n (keyup.arrowdown)=\"onRowArrowDown($event)\"\n (keyup.arrowup)=\"onRowArrowUp($event)\"\n class=\"adf-search-autocomplete-item\"\n (click)=\"elementClicked(item)\"\n (keyup.enter)=\"elementClicked(item)\"\n (touchend)=\"elementClicked(item)\">\n <!-- This is a comment -->\n <mat-icon matListItemLine>\n <img [alt]=\"getMimeType(item)\" [src]=\"getMimeTypeIcon(item)\"/>\n </mat-icon>\n <h4 matListItemTitle id=\"result_name_{{idx}}\"\n *ngIf=\"highlight; else elseBlock\"\n class=\"adf-search-fixed-text\"\n [innerHtml]=\"item.entry.name | highlight: searchTerm\">\n {{ item?.entry.name }}\n </h4>\n <ng-template #elseBlock>\n <h4 class=\"adf-search-fixed-text\" matListItemTitle id=\"result_name_{{idx}}\"\n [innerHtml]=\"item.entry.name\"></h4>\n </ng-template>\n <p matListItemLine class=\"adf-search-fixed-text\"> {{item?.entry.createdByUser.displayName}} </p>\n </mat-list-item>\n <mat-list-item id=\"search_no_result\"\n data-automation-id=\"search_no_result_found\"\n *ngIf=\"data?.list?.entries.length === 0\">\n <ng-content\n selector=\"adf-empty-search-result\"\n *ngIf=\"isNoSearchTemplatePresent() else defaultNoResult\" />\n <ng-template #defaultNoResult>\n <p matListItemLine class=\"adf-search-fixed-text\">{{ 'SEARCH.RESULTS.NONE' | translate:{searchTerm:\n searchTerm} }}</p>\n </ng-template>\n </mat-list-item>\n </mat-list>\n </ng-template>\n </adf-search>\n</div>\n", styles: [".adf-search-result-autocomplete{min-width:112px;max-width:280px;overflow:auto;-webkit-overflow-scrolling:touch;transform-origin:top left;transform:translate(-40px);position:absolute;max-height:400px;margin-left:45px;margin-top:-22px;font-size:var(--theme-subheading-1-font-size);z-index:5;color:var(--adf-theme-foreground-text-color);background-color:var(--adf-theme-background-card-color);border-radius:2px}.adf-search-result-autocomplete:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}@media (max-width: 959.9px){.adf-search-result-autocomplete{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.adf-search-autocomplete-item:hover{background-color:var(--adf-theme-background-hover-color);opacity:1}\n"] }]
|
|
16909
16909
|
}], ctorParameters: () => [{ type: i1.AuthenticationService }, { type: i1.ThumbnailService }], propDecorators: { highlight: [{
|
|
16910
16910
|
type: Input
|
|
16911
16911
|
}], inputType: [{
|
|
@@ -17996,7 +17996,7 @@ class VersionListComponent {
|
|
|
17996
17996
|
}
|
|
17997
17997
|
}
|
|
17998
17998
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: VersionListComponent, deps: [{ token: AlfrescoApiService }, { token: ContentService }, { token: ContentVersionService }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17999
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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<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\" matListItemIcon>insert_drive_file</mat-icon>\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>more_vert</mat-icon>\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(--
|
|
17999
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\" matListItemIcon>insert_drive_file</mat-icon>\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>more_vert</mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "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 }); }
|
|
18000
18000
|
}
|
|
18001
18001
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: VersionListComponent, decorators: [{
|
|
18002
18002
|
type: Component,
|
|
@@ -18012,7 +18012,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18012
18012
|
TranslatePipe,
|
|
18013
18013
|
MatButtonModule,
|
|
18014
18014
|
VersionCompatibilityDirective
|
|
18015
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-version-list' }, template: "<mat-progress-bar *ngIf=\"isLoading\" data-automation-id=\"version-history-loading-bar\" mode=\"indeterminate\" />\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\" matListItemIcon>insert_drive_file</mat-icon>\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>more_vert</mat-icon>\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(--
|
|
18015
|
+
], 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\" matListItemIcon>insert_drive_file</mat-icon>\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>more_vert</mat-icon>\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"] }]
|
|
18016
18016
|
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: ContentService }, { type: ContentVersionService }, { type: i1$1.MatDialog }], propDecorators: { node: [{
|
|
18017
18017
|
type: Input
|
|
18018
18018
|
}], showComments: [{
|
|
@@ -18057,11 +18057,11 @@ class VersionComparisonComponent {
|
|
|
18057
18057
|
this.thumbnailService = thumbnailService;
|
|
18058
18058
|
}
|
|
18059
18059
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: VersionComparisonComponent, deps: [{ token: i1.ThumbnailService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18060
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: VersionComparisonComponent, isStandalone: true, selector: "adf-version-comparison", inputs: { node: "node", newFileVersion: "newFileVersion" }, ngImport: i0, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--
|
|
18060
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: VersionComparisonComponent, isStandalone: true, selector: "adf-version-comparison", inputs: { node: "node", newFileVersion: "newFileVersion" }, ngImport: i0, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--theme-display-4-font-size)}.adf-version-comparison-node-name,.adf-version-comparison-file-name{width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1$2.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: FileTypePipe, name: "fileType" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18061
18061
|
}
|
|
18062
18062
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: VersionComparisonComponent, decorators: [{
|
|
18063
18063
|
type: Component,
|
|
18064
|
-
args: [{ selector: 'adf-version-comparison', imports: [CommonModule, TranslatePipe, FileTypePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--
|
|
18064
|
+
args: [{ selector: 'adf-version-comparison', imports: [CommonModule, TranslatePipe, FileTypePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--theme-display-4-font-size)}.adf-version-comparison-node-name,.adf-version-comparison-file-name{width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}\n"] }]
|
|
18065
18065
|
}], ctorParameters: () => [{ type: i1.ThumbnailService }], propDecorators: { node: [{
|
|
18066
18066
|
type: Input,
|
|
18067
18067
|
args: [{ required: true }]
|
|
@@ -18282,7 +18282,7 @@ class VersionManagerComponent {
|
|
|
18282
18282
|
return this.contentService.hasAllowableOperations(this.node, 'update');
|
|
18283
18283
|
}
|
|
18284
18284
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: VersionManagerComponent, deps: [{ token: ContentService }, { token: NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18285
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: VersionManagerComponent, isStandalone: true, selector: "adf-version-manager", inputs: { node: "node", newFileVersion: "newFileVersion", showComments: "showComments", showVersionComparison: "showVersionComparison", allowDownload: "allowDownload", showActions: "showActions", allowViewVersions: "allowViewVersions", allowVersionDelete: "allowVersionDelete" }, outputs: { uploadSuccess: "uploadSuccess", uploadError: "uploadError", uploadCancel: "uploadCancel", viewVersion: "viewVersion" }, viewQueries: [{ propertyName: "versionListComponent", first: true, predicate: ["versionList"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-new-version-container\">\n <adf-version-comparison *ngIf=\"showVersionComparison\" [node]=\"node\" [newFileVersion]=\"newFileVersion\" />\n <div class=\"adf-new-version-uploader-container\" id=\"adf-new-version-uploader-container\" [@uploadToggle]=\"uploadState\">\n <table class=\"adf-version-upload\" *ngIf=\"uploadState !== 'close' && !versionList.isLoading\">\n <tr>\n <td>\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"node\"\n [newFileVersion]=\"newFileVersion\"\n [currentVersion]=\"versionList?.latestVersion?.entry\"\n (success)=\"onUploadSuccess($event)\"\n (cancel)=\"onUploadCancel()\"\n (error)=\"onUploadError($event)\" />\n </td>\n </tr>\n </table>\n </div>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <div>\n <button mat-raised-button\n id=\"adf-show-version-upload-button\"\n class=\"adf-version-manager-upload-button\"\n (click)=\"toggleNewVersion()\"\n *ngIf=\"uploadState ==='close'\">{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.ADD' | translate }}\n </button>\n </div>\n <div>\n <adf-version-list\n #versionList\n [node]=\"node\"\n [allowDownload]=\"allowDownload\"\n [showComments]=\"showComments\"\n [showActions]=\"showActions\"\n [allowViewVersions]=\"allowViewVersions\"\n [allowVersionDelete]=\"allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewVersion($event)\" />\n </div>\n </div>\n </div>\n</div>\n", styles: ["adf-version-manager .adf-version-list .adf-version-list-item:has(.adf-version-list-item-line){height:auto;width:100%;padding:16px 0}.adf-version-list-item-comment.adf-version-list-item-line{height:100%;word-break:break-all;white-space:unset;overflow:unset}.adf-button.adf-upload-new-version{box-shadow:none;width:100%;height:175px;float:left;position:relative}.adf-new-version-container{height:inherit;overflow:hidden}.adf-new-version-container .adf-new-version-uploader-container{padding:16px 0;width:100%;height:0;float:left;position:relative}.adf-new-version-container .adf-version-list.adf-version-list-element{width:100%;float:left}.adf-version-list-table{width:100%}.adf-version-list-table .adf-version-manager-upload-button{margin-left:20px}.adf-version-list-table adf-version-list{display:flex;height:538px}.adf-version-upload-table{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: VersionComparisonComponent, selector: "adf-version-comparison", inputs: ["node", "newFileVersion"] }, { kind: "component", type: VersionUploadComponent, selector: "adf-version-upload", inputs: ["node", "newFileVersion", "showUploadButton", "showCancelButton", "currentVersion"], outputs: ["success", "error", "cancel", "versionChanged", "commentChanged", "uploadStarted"] }, { 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: VersionListComponent, selector: "adf-version-list", inputs: ["node", "showComments", "allowDownload", "allowViewVersions", "showActions", "allowVersionDelete"], outputs: ["restored", "deleted", "viewVersion"] }], animations: [
|
|
18285
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: VersionManagerComponent, isStandalone: true, selector: "adf-version-manager", inputs: { node: "node", newFileVersion: "newFileVersion", showComments: "showComments", showVersionComparison: "showVersionComparison", allowDownload: "allowDownload", showActions: "showActions", allowViewVersions: "allowViewVersions", allowVersionDelete: "allowVersionDelete" }, outputs: { uploadSuccess: "uploadSuccess", uploadError: "uploadError", uploadCancel: "uploadCancel", viewVersion: "viewVersion" }, viewQueries: [{ propertyName: "versionListComponent", first: true, predicate: ["versionList"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-new-version-container\">\n <adf-version-comparison *ngIf=\"showVersionComparison\" [node]=\"node\" [newFileVersion]=\"newFileVersion\" />\n <div class=\"adf-new-version-uploader-container\" id=\"adf-new-version-uploader-container\" [@uploadToggle]=\"uploadState\">\n <table class=\"adf-version-upload\" *ngIf=\"uploadState !== 'close' && !versionList.isLoading\">\n <tr>\n <td>\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"node\"\n [newFileVersion]=\"newFileVersion\"\n [currentVersion]=\"versionList?.latestVersion?.entry\"\n (success)=\"onUploadSuccess($event)\"\n (cancel)=\"onUploadCancel()\"\n (error)=\"onUploadError($event)\" />\n </td>\n </tr>\n </table>\n </div>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <div>\n <button mat-raised-button\n id=\"adf-show-version-upload-button\"\n class=\"adf-version-manager-upload-button\"\n (click)=\"toggleNewVersion()\" color=\"primary\"\n *ngIf=\"uploadState ==='close'\">{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.ADD' | translate }}\n </button>\n </div>\n <div>\n <adf-version-list\n #versionList\n [node]=\"node\"\n [allowDownload]=\"allowDownload\"\n [showComments]=\"showComments\"\n [showActions]=\"showActions\"\n [allowViewVersions]=\"allowViewVersions\"\n [allowVersionDelete]=\"allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewVersion($event)\" />\n </div>\n </div>\n </div>\n</div>\n", styles: ["adf-version-manager .adf-version-list .adf-version-list-item:has(.adf-version-list-item-line){height:auto;width:100%;padding:16px 0}.adf-version-list-item-comment.adf-version-list-item-line{height:100%;word-break:break-all;white-space:unset;overflow:unset}.adf-button.adf-upload-new-version{box-shadow:none;width:100%;height:175px;float:left;position:relative}.adf-new-version-container{height:inherit;overflow:hidden}.adf-new-version-container .adf-new-version-uploader-container{padding:16px 0;width:100%;height:0;float:left;position:relative}.adf-new-version-container .adf-version-list.adf-version-list-element{width:100%;float:left}.adf-version-list-table{width:100%}.adf-version-list-table .adf-version-manager-upload-button{margin-left:20px}.adf-version-list-table adf-version-list{display:flex;height:538px}.adf-version-upload-table{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: VersionComparisonComponent, selector: "adf-version-comparison", inputs: ["node", "newFileVersion"] }, { kind: "component", type: VersionUploadComponent, selector: "adf-version-upload", inputs: ["node", "newFileVersion", "showUploadButton", "showCancelButton", "currentVersion"], outputs: ["success", "error", "cancel", "versionChanged", "commentChanged", "uploadStarted"] }, { 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: VersionListComponent, selector: "adf-version-list", inputs: ["node", "showComments", "allowDownload", "allowViewVersions", "showActions", "allowVersionDelete"], outputs: ["restored", "deleted", "viewVersion"] }], animations: [
|
|
18286
18286
|
trigger('uploadToggle', [
|
|
18287
18287
|
state('open', style({ height: '175px', opacity: 1, visibility: 'visible' })),
|
|
18288
18288
|
state('close', style({ height: '0%', opacity: 0, visibility: 'hidden' })),
|
|
@@ -18300,7 +18300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18300
18300
|
transition('open => close', [style({ visibility: 'hidden' }), animate('0.4s cubic-bezier(0.25, 0.8, 0.25, 1)')]),
|
|
18301
18301
|
transition('close => open', [style({ visibility: 'visible' }), animate('0.4s cubic-bezier(0.25, 0.8, 0.25, 1)')])
|
|
18302
18302
|
])
|
|
18303
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-new-version-container\">\n <adf-version-comparison *ngIf=\"showVersionComparison\" [node]=\"node\" [newFileVersion]=\"newFileVersion\" />\n <div class=\"adf-new-version-uploader-container\" id=\"adf-new-version-uploader-container\" [@uploadToggle]=\"uploadState\">\n <table class=\"adf-version-upload\" *ngIf=\"uploadState !== 'close' && !versionList.isLoading\">\n <tr>\n <td>\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"node\"\n [newFileVersion]=\"newFileVersion\"\n [currentVersion]=\"versionList?.latestVersion?.entry\"\n (success)=\"onUploadSuccess($event)\"\n (cancel)=\"onUploadCancel()\"\n (error)=\"onUploadError($event)\" />\n </td>\n </tr>\n </table>\n </div>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <div>\n <button mat-raised-button\n id=\"adf-show-version-upload-button\"\n class=\"adf-version-manager-upload-button\"\n (click)=\"toggleNewVersion()\"\n *ngIf=\"uploadState ==='close'\">{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.ADD' | translate }}\n </button>\n </div>\n <div>\n <adf-version-list\n #versionList\n [node]=\"node\"\n [allowDownload]=\"allowDownload\"\n [showComments]=\"showComments\"\n [showActions]=\"showActions\"\n [allowViewVersions]=\"allowViewVersions\"\n [allowVersionDelete]=\"allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewVersion($event)\" />\n </div>\n </div>\n </div>\n</div>\n", styles: ["adf-version-manager .adf-version-list .adf-version-list-item:has(.adf-version-list-item-line){height:auto;width:100%;padding:16px 0}.adf-version-list-item-comment.adf-version-list-item-line{height:100%;word-break:break-all;white-space:unset;overflow:unset}.adf-button.adf-upload-new-version{box-shadow:none;width:100%;height:175px;float:left;position:relative}.adf-new-version-container{height:inherit;overflow:hidden}.adf-new-version-container .adf-new-version-uploader-container{padding:16px 0;width:100%;height:0;float:left;position:relative}.adf-new-version-container .adf-version-list.adf-version-list-element{width:100%;float:left}.adf-version-list-table{width:100%}.adf-version-list-table .adf-version-manager-upload-button{margin-left:20px}.adf-version-list-table adf-version-list{display:flex;height:538px}.adf-version-upload-table{width:100%}\n"] }]
|
|
18303
|
+
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-new-version-container\">\n <adf-version-comparison *ngIf=\"showVersionComparison\" [node]=\"node\" [newFileVersion]=\"newFileVersion\" />\n <div class=\"adf-new-version-uploader-container\" id=\"adf-new-version-uploader-container\" [@uploadToggle]=\"uploadState\">\n <table class=\"adf-version-upload\" *ngIf=\"uploadState !== 'close' && !versionList.isLoading\">\n <tr>\n <td>\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"node\"\n [newFileVersion]=\"newFileVersion\"\n [currentVersion]=\"versionList?.latestVersion?.entry\"\n (success)=\"onUploadSuccess($event)\"\n (cancel)=\"onUploadCancel()\"\n (error)=\"onUploadError($event)\" />\n </td>\n </tr>\n </table>\n </div>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <div>\n <button mat-raised-button\n id=\"adf-show-version-upload-button\"\n class=\"adf-version-manager-upload-button\"\n (click)=\"toggleNewVersion()\" color=\"primary\"\n *ngIf=\"uploadState ==='close'\">{{ 'ADF_VERSION_LIST.ACTIONS.UPLOAD.ADD' | translate }}\n </button>\n </div>\n <div>\n <adf-version-list\n #versionList\n [node]=\"node\"\n [allowDownload]=\"allowDownload\"\n [showComments]=\"showComments\"\n [showActions]=\"showActions\"\n [allowViewVersions]=\"allowViewVersions\"\n [allowVersionDelete]=\"allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewVersion($event)\" />\n </div>\n </div>\n </div>\n</div>\n", styles: ["adf-version-manager .adf-version-list .adf-version-list-item:has(.adf-version-list-item-line){height:auto;width:100%;padding:16px 0}.adf-version-list-item-comment.adf-version-list-item-line{height:100%;word-break:break-all;white-space:unset;overflow:unset}.adf-button.adf-upload-new-version{box-shadow:none;width:100%;height:175px;float:left;position:relative}.adf-new-version-container{height:inherit;overflow:hidden}.adf-new-version-container .adf-new-version-uploader-container{padding:16px 0;width:100%;height:0;float:left;position:relative}.adf-new-version-container .adf-version-list.adf-version-list-element{width:100%;float:left}.adf-version-list-table{width:100%}.adf-version-list-table .adf-version-manager-upload-button{margin-left:20px}.adf-version-list-table adf-version-list{display:flex;height:538px}.adf-version-upload-table{width:100%}\n"] }]
|
|
18304
18304
|
}], ctorParameters: () => [{ type: ContentService }, { type: NodesApiService }], propDecorators: { node: [{
|
|
18305
18305
|
type: Input,
|
|
18306
18306
|
args: [{ required: true }]
|
|
@@ -18645,7 +18645,7 @@ class FolderDialogComponent {
|
|
|
18645
18645
|
return (value || '').trim();
|
|
18646
18646
|
}
|
|
18647
18647
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FolderDialogComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i1$1.MatDialogRef }, { token: NodesApiService }, { token: i1.TranslationService }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18648
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FolderDialogComponent, isStandalone: true, selector: "adf-folder-dialog", outputs: { error: "error", success: "success" }, host: { classAttribute: "adf-folder-dialog" }, ngImport: i0, template: "<h2 data-automation-id=\"adf-folder-dialog-title\" class=\"adf-folder-dialog-title\" mat-dialog-title>\n {{ (editing ? editTitle : createTitle) | translate }}\n</h2>\n\n<mat-dialog-content class=\"adf-folder-dialog-content\">\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-name-input\"\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"form.controls['name'].dirty\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.ERRORS.REQUIRED' | translate }}\n </span>\n\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate }}\n </span>\n </mat-hint>\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-title-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate\"\n [formControlName]=\"'title'\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>\n <textarea\n id=\"adf-folder-description-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\">\n </textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button\n mat-button\n id=\"adf-folder-cancel-button\"\n mat-dialog-close>\n {{ 'CORE.FOLDER_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\"\n id=\"adf-folder-create-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{\n (editing\n ? 'CORE.FOLDER_DIALOG.UPDATE_BUTTON.LABEL'\n : 'CORE.FOLDER_DIALOG.CREATE_BUTTON.LABEL'\n ) | translate\n }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-folder-dialog .adf-folder-dialog-content{padding:0;overflow:unset}.adf-folder-dialog .adf-folder-dialog-title{display:inline-flex}.adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}.adf-dialog-action-button:enabled{color:var(--
|
|
18648
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FolderDialogComponent, isStandalone: true, selector: "adf-folder-dialog", outputs: { error: "error", success: "success" }, host: { classAttribute: "adf-folder-dialog" }, ngImport: i0, template: "<h2 data-automation-id=\"adf-folder-dialog-title\" class=\"adf-folder-dialog-title\" mat-dialog-title>\n {{ (editing ? editTitle : createTitle) | translate }}\n</h2>\n\n<mat-dialog-content class=\"adf-folder-dialog-content\">\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-name-input\"\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"form.controls['name'].dirty\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.ERRORS.REQUIRED' | translate }}\n </span>\n\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate }}\n </span>\n </mat-hint>\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-title-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate\"\n [formControlName]=\"'title'\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>\n <textarea\n id=\"adf-folder-description-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\">\n </textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button\n mat-button\n id=\"adf-folder-cancel-button\"\n mat-dialog-close>\n {{ 'CORE.FOLDER_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\"\n id=\"adf-folder-create-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{\n (editing\n ? 'CORE.FOLDER_DIALOG.UPDATE_BUTTON.LABEL'\n : 'CORE.FOLDER_DIALOG.CREATE_BUTTON.LABEL'\n ) | translate\n }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-folder-dialog .adf-folder-dialog-content{padding:0;overflow:unset}.adf-folder-dialog .adf-folder-dialog-content .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-folder-dialog .adf-folder-dialog-content .mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-folder-dialog .adf-folder-dialog-content .mat-mdc-form-field-hint-wrapper{padding-left:0;margin-left:-2px;color:var(--adf-theme-foreground-secondary-text-color);font-size:10.5px}.adf-folder-dialog .adf-folder-dialog-title{display:inline-flex}.adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}.adf-dialog-action-button:enabled{color:var(--theme-primary-color)}.adf-dialog-action-button:disabled>span{color:var(--adf-theme-foreground-text-color-054)}@media screen and (width <= 380px){.adf-folder-dialog-title{margin:0}.adf-dialog-buttons{padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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.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: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { 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 }); }
|
|
18649
18649
|
}
|
|
18650
18650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FolderDialogComponent, decorators: [{
|
|
18651
18651
|
type: Component,
|
|
@@ -18658,7 +18658,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
18658
18658
|
MatInputModule,
|
|
18659
18659
|
AutoFocusDirective,
|
|
18660
18660
|
MatButtonModule
|
|
18661
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-folder-dialog' }, template: "<h2 data-automation-id=\"adf-folder-dialog-title\" class=\"adf-folder-dialog-title\" mat-dialog-title>\n {{ (editing ? editTitle : createTitle) | translate }}\n</h2>\n\n<mat-dialog-content class=\"adf-folder-dialog-content\">\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-name-input\"\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"form.controls['name'].dirty\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.ERRORS.REQUIRED' | translate }}\n </span>\n\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate }}\n </span>\n </mat-hint>\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-title-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate\"\n [formControlName]=\"'title'\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>\n <textarea\n id=\"adf-folder-description-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\">\n </textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button\n mat-button\n id=\"adf-folder-cancel-button\"\n mat-dialog-close>\n {{ 'CORE.FOLDER_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\"\n id=\"adf-folder-create-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{\n (editing\n ? 'CORE.FOLDER_DIALOG.UPDATE_BUTTON.LABEL'\n : 'CORE.FOLDER_DIALOG.CREATE_BUTTON.LABEL'\n ) | translate\n }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-folder-dialog .adf-folder-dialog-content{padding:0;overflow:unset}.adf-folder-dialog .adf-folder-dialog-title{display:inline-flex}.adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}.adf-dialog-action-button:enabled{color:var(--
|
|
18661
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-folder-dialog' }, template: "<h2 data-automation-id=\"adf-folder-dialog-title\" class=\"adf-folder-dialog-title\" mat-dialog-title>\n {{ (editing ? editTitle : createTitle) | translate }}\n</h2>\n\n<mat-dialog-content class=\"adf-folder-dialog-content\">\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-name-input\"\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_NAME.LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"form.controls['name'].dirty\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'CORE.FOLDER_DIALOG.FOLDER_NAME.ERRORS.REQUIRED' | translate }}\n </span>\n\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate }}\n </span>\n </mat-hint>\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate }}</mat-label>\n <input\n id=\"adf-folder-title-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_TITLE.LABEL' | translate\"\n [formControlName]=\"'title'\"\n />\n </mat-form-field>\n\n <mat-form-field class=\"adf-full-width\">\n <mat-label>{{ 'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate }}</mat-label>\n <textarea\n id=\"adf-folder-description-input\"\n matInput\n [attr.aria-label]=\"'CORE.FOLDER_DIALOG.FOLDER_DESCRIPTION.LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\">\n </textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-dialog-buttons\">\n <span class=\"adf-fill-remaining-space\"></span>\n\n <button\n mat-button\n id=\"adf-folder-cancel-button\"\n mat-dialog-close>\n {{ 'CORE.FOLDER_DIALOG.CANCEL_BUTTON.LABEL' | translate }}\n </button>\n\n <button class=\"adf-dialog-action-button\"\n id=\"adf-folder-create-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{\n (editing\n ? 'CORE.FOLDER_DIALOG.UPDATE_BUTTON.LABEL'\n : 'CORE.FOLDER_DIALOG.CREATE_BUTTON.LABEL'\n ) | translate\n }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-folder-dialog .adf-folder-dialog-content{padding:0;overflow:unset}.adf-folder-dialog .adf-folder-dialog-content .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-folder-dialog .adf-folder-dialog-content .mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-folder-dialog .adf-folder-dialog-content .mat-mdc-form-field-hint-wrapper{padding-left:0;margin-left:-2px;color:var(--adf-theme-foreground-secondary-text-color);font-size:10.5px}.adf-folder-dialog .adf-folder-dialog-title{display:inline-flex}.adf-fill-remaining-space{flex:1 1 auto}.adf-full-width{width:100%}.adf-dialog-buttons button{text-transform:uppercase}.adf-dialog-action-button:enabled{color:var(--theme-primary-color)}.adf-dialog-action-button:disabled>span{color:var(--adf-theme-foreground-text-color-054)}@media screen and (width <= 380px){.adf-folder-dialog-title{margin:0}.adf-dialog-buttons{padding:0}}\n"] }]
|
|
18662
18662
|
}], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1$1.MatDialogRef }, { type: NodesApiService }, { type: i1.TranslationService }, { type: undefined, decorators: [{
|
|
18663
18663
|
type: Optional
|
|
18664
18664
|
}, {
|
|
@@ -19062,7 +19062,7 @@ class TreeComponent {
|
|
|
19062
19062
|
return node.nodeType !== TreeNodeType.LoadMoreNode;
|
|
19063
19063
|
}
|
|
19064
19064
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i1.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19065
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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 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 [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 [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 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(--mat-sys-outline-variant);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(--mat-sys-surface-container)}.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(--mat-sys-surface-container);outline-offset:-1px;outline:1px solid var(--mat-sys-secondary)}.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(--mat-sys-on-surface);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(--mat-sys-on-surface);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(--mat-sys-primary)}.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$2.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"] }, { 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 }); }
|
|
19065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$2.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"] }, { 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 }); }
|
|
19066
19066
|
}
|
|
19067
19067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeComponent, decorators: [{
|
|
19068
19068
|
type: Component,
|
|
@@ -19077,7 +19077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
19077
19077
|
MatCheckboxModule,
|
|
19078
19078
|
MatMenuModule,
|
|
19079
19079
|
MatIconModule
|
|
19080
|
-
], 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
|
|
19080
|
+
], 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>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"] }]
|
|
19081
19081
|
}], ctorParameters: () => [{ type: TreeService }, { type: i1.UserPreferencesService }], propDecorators: { emptyContentTemplate: [{
|
|
19082
19082
|
type: Input
|
|
19083
19083
|
}], nodeActionsMenuTemplate: [{
|
|
@@ -19577,7 +19577,7 @@ class CategoriesManagementComponent {
|
|
|
19577
19577
|
this.categoryNameControl.markAsUntouched();
|
|
19578
19578
|
}
|
|
19579
19579
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategoriesManagementComponent, deps: [{ token: CategoryService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19580
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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
|
|
19580
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>remove</mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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$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: 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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19581
19581
|
}
|
|
19582
19582
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategoriesManagementComponent, decorators: [{
|
|
19583
19583
|
type: Component,
|
|
@@ -19591,7 +19591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
19591
19591
|
MatIconModule,
|
|
19592
19592
|
MatListModule,
|
|
19593
19593
|
MatProgressSpinnerModule
|
|
19594
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-categories-management\">\n <div *ngIf=\"categoryNameControlVisible\" class=\"adf-category-name-field\">\n <input #categoryNameInput
|
|
19594
|
+
], 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>remove</mat-icon>\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"] }]
|
|
19595
19595
|
}], ctorParameters: () => [{ type: CategoryService }], propDecorators: { categories: [{
|
|
19596
19596
|
type: Input
|
|
19597
19597
|
}], categoryNameControlVisible: [{
|
|
@@ -19712,11 +19712,11 @@ class CategorySelectorDialogComponent {
|
|
|
19712
19712
|
this.dialog.close(true);
|
|
19713
19713
|
}
|
|
19714
19714
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategorySelectorDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19715
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CategorySelectorDialogComponent, isStandalone: true, selector: "adf-category-selector-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n {{ 'CATEGORIES_MANAGEMENT.SELECT_EXISTING_CATEGORY' | translate }}\n</h1>\n\n<mat-dialog-content class=\"adf-dialog-content\">\n <adf-categories-management\n (categoriesChange)=\"categories = $event\"\n [categoryNameControlVisible]=\"true\"\n [managementMode]=\"categoriesManagementMode\"\n [multiSelect]=\"multiSelect\" />\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n data-automation-id=\"category-selector-dialog-cancel-button\"\n mat-button\n mat-dialog-close>\n {{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n <button\n (click)=\"selectCategories()\"\n [disabled]=\"!categories.length\"\n data-automation-id=\"category-selector-dialog-select-button\"\n mat-button>\n {{ 'NODE_SELECTOR.CHOOSE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: ["adf-category-selector-dialog .adf-dialog-content{height:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { 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 }); }
|
|
19715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: CategorySelectorDialogComponent, isStandalone: true, selector: "adf-category-selector-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\n {{ 'CATEGORIES_MANAGEMENT.SELECT_EXISTING_CATEGORY' | translate }}\n</h1>\n\n<mat-dialog-content class=\"adf-dialog-content\">\n <adf-categories-management\n (categoriesChange)=\"categories = $event\"\n [categoryNameControlVisible]=\"true\"\n [managementMode]=\"categoriesManagementMode\"\n [multiSelect]=\"multiSelect\" />\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n data-automation-id=\"category-selector-dialog-cancel-button\"\n mat-button\n mat-dialog-close>\n {{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n <button\n (click)=\"selectCategories()\"\n [disabled]=\"!categories.length\"\n color=\"primary\"\n data-automation-id=\"category-selector-dialog-select-button\"\n mat-button>\n {{ 'NODE_SELECTOR.CHOOSE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: ["adf-category-selector-dialog .adf-dialog-content{height:400px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { 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 }); }
|
|
19716
19716
|
}
|
|
19717
19717
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategorySelectorDialogComponent, decorators: [{
|
|
19718
19718
|
type: Component,
|
|
19719
|
-
args: [{ selector: 'adf-category-selector-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, CategoriesManagementComponent, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<h1 mat-dialog-title>\n {{ 'CATEGORIES_MANAGEMENT.SELECT_EXISTING_CATEGORY' | translate }}\n</h1>\n\n<mat-dialog-content class=\"adf-dialog-content\">\n <adf-categories-management\n (categoriesChange)=\"categories = $event\"\n [categoryNameControlVisible]=\"true\"\n [managementMode]=\"categoriesManagementMode\"\n [multiSelect]=\"multiSelect\" />\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n data-automation-id=\"category-selector-dialog-cancel-button\"\n mat-button\n mat-dialog-close>\n {{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n <button\n (click)=\"selectCategories()\"\n [disabled]=\"!categories.length\"\n data-automation-id=\"category-selector-dialog-select-button\"\n mat-button>\n {{ 'NODE_SELECTOR.CHOOSE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: ["adf-category-selector-dialog .adf-dialog-content{height:400px}\n"] }]
|
|
19719
|
+
args: [{ selector: 'adf-category-selector-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, CategoriesManagementComponent, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<h1 mat-dialog-title>\n {{ 'CATEGORIES_MANAGEMENT.SELECT_EXISTING_CATEGORY' | translate }}\n</h1>\n\n<mat-dialog-content class=\"adf-dialog-content\">\n <adf-categories-management\n (categoriesChange)=\"categories = $event\"\n [categoryNameControlVisible]=\"true\"\n [managementMode]=\"categoriesManagementMode\"\n [multiSelect]=\"multiSelect\" />\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\">\n <button\n data-automation-id=\"category-selector-dialog-cancel-button\"\n mat-button\n mat-dialog-close>\n {{ 'NODE_SELECTOR.CANCEL' | translate }}\n </button>\n <button\n (click)=\"selectCategories()\"\n [disabled]=\"!categories.length\"\n color=\"primary\"\n data-automation-id=\"category-selector-dialog-select-button\"\n mat-button>\n {{ 'NODE_SELECTOR.CHOOSE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: ["adf-category-selector-dialog .adf-dialog-content{height:400px}\n"] }]
|
|
19720
19720
|
}], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
|
|
19721
19721
|
type: Inject,
|
|
19722
19722
|
args: [MAT_DIALOG_DATA]
|
|
@@ -19931,7 +19931,7 @@ class LibraryDialogComponent {
|
|
|
19931
19931
|
};
|
|
19932
19932
|
}
|
|
19933
19933
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LibraryDialogComponent, deps: [{ token: AlfrescoApiService }, { token: SitesService }, { token: i1$3.UntypedFormBuilder }, { token: i1$1.MatDialogRef }, { token: i1.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19934
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LibraryDialogComponent, isStandalone: true, selector: "adf-library-dialog", outputs: { error: "error", success: "success" }, host: { classAttribute: "adf-library-dialog" }, ngImport: i0, template: "<h2 mat-dialog-title>{{ createTitle | translate }}</h2>\n\n<mat-dialog-content class=\"adf-library-dialog-content\">\n <form novalidate [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"title\"\n autocomplete=\"off\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"libraryTitleExists\">{{\n 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate\n }}</mat-hint>\n <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_LONG' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].hasError('minlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_SHORT' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].errors?.message\">\n {{ form.controls['title'].errors?.message | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"id\"\n autocomplete=\"off\"\n />\n\n <mat-error *ngIf=\"form.controls['id'].errors?.message\">\n {{ form.controls['id'].errors?.message | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['id'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.ID_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field adf-library-dialog-form-field-description\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n <textarea\n matInput\n rows=\"3\"\n formControlName=\"description\"\n ></textarea>\n\n <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-radio-group\n class=\"adf-library-dialog-radio-group\"\n [ngModelOptions]=\"{ standalone: true }\"\n [(ngModel)]=\"visibilityOption\"\n (change)=\"visibilityChangeHandler($event)\"\n >\n <mat-radio-button\n class=\"adf-library-dialog-radio-group-button\"\n [disabled]=\"option.disabled\"\n *ngFor=\"let option of visibilityOptions\"\n [attr.data-automation-id]=\"option.value\"\n [value]=\"option.value\"\n [checked]=\"visibilityOption.value === option.value\"\n >\n {{ option.label | translate }}\n </mat-radio-button>\n </mat-radio-group>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-action-buttons\">\n <button class=\"adf-action-button\" mat-button mat-dialog-close data-automation-id=\"cancel-library-id\">\n {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n </button>\n\n <button\n class=\"adf-action-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableCreateButton\"\n data-automation-id=\"create-library-id\"\n >\n {{ 'LIBRARY.DIALOG.CREATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-library-dialog .adf-library-dialog-content{padding:0;overflow:unset}.adf-library-dialog .adf-library-dialog-radio-group{display:flex;flex-direction:column;margin:0}.adf-library-dialog .adf-library-dialog-radio-group .adf-library-dialog-radio-group-button{margin:10px 0}.adf-library-dialog .adf-library-dialog-form-field{width:100%;padding-top:9.5px}.adf-library-dialog .adf-library-dialog-form-field:first-of-type{padding-top:13.5px}.adf-library-dialog .adf-library-dialog-form-field:last-of-type{padding-top:4.5px}.adf-library-dialog .adf-library-dialog-form-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field.mat-form-field-hide-placeholder .mdc-floating-label,.adf-library-dialog .adf-library-dialog-form-field-description.mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper{margin-left:-2px;font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error{height:13.125px}.adf-library-dialog .adf-action-buttons{display:flex;flex-direction:row;justify-content:flex-end}.adf-library-dialog .adf-action-buttons .adf-action-button{text-transform:uppercase}.adf-library-dialog .adf-action-buttons .adf-action-button span{font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["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: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.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$3.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 }); }
|
|
19934
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: LibraryDialogComponent, isStandalone: true, selector: "adf-library-dialog", outputs: { error: "error", success: "success" }, host: { classAttribute: "adf-library-dialog" }, ngImport: i0, template: "<h2 mat-dialog-title>{{ createTitle | translate }}</h2>\n\n<mat-dialog-content class=\"adf-library-dialog-content\">\n <form novalidate [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"title\"\n autocomplete=\"off\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"libraryTitleExists\">{{\n 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate\n }}</mat-hint>\n <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_LONG' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].hasError('minlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_SHORT' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].errors?.message\">\n {{ form.controls['title'].errors?.message | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"id\"\n autocomplete=\"off\"\n />\n\n <mat-error *ngIf=\"form.controls['id'].errors?.message\">\n {{ form.controls['id'].errors?.message | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['id'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.ID_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field adf-library-dialog-form-field-description\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n <textarea\n matInput\n rows=\"3\"\n formControlName=\"description\"\n ></textarea>\n\n <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-radio-group\n class=\"adf-library-dialog-radio-group\"\n [ngModelOptions]=\"{ standalone: true }\"\n [(ngModel)]=\"visibilityOption\"\n (change)=\"visibilityChangeHandler($event)\"\n >\n <mat-radio-button\n color=\"primary\"\n class=\"adf-library-dialog-radio-group-button\"\n [disabled]=\"option.disabled\"\n *ngFor=\"let option of visibilityOptions\"\n [attr.data-automation-id]=\"option.value\"\n [value]=\"option.value\"\n [checked]=\"visibilityOption.value === option.value\"\n >\n {{ option.label | translate }}\n </mat-radio-button>\n </mat-radio-group>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-action-buttons\">\n <button class=\"adf-action-button\" mat-button mat-dialog-close data-automation-id=\"cancel-library-id\">\n {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n </button>\n\n <button\n color=\"primary\"\n class=\"adf-action-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableCreateButton\"\n data-automation-id=\"create-library-id\"\n >\n {{ 'LIBRARY.DIALOG.CREATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-library-dialog .adf-library-dialog-content{padding:0;overflow:unset}.adf-library-dialog .adf-library-dialog-radio-group{display:flex;flex-direction:column;margin:0}.adf-library-dialog .adf-library-dialog-radio-group .adf-library-dialog-radio-group-button{margin:10px 0}.adf-library-dialog .adf-library-dialog-form-field{width:100%;padding-top:9.5px}.adf-library-dialog .adf-library-dialog-form-field:first-of-type{padding-top:13.5px}.adf-library-dialog .adf-library-dialog-form-field:last-of-type{padding-top:4.5px}.adf-library-dialog .adf-library-dialog-form-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field.mat-form-field-hide-placeholder .mdc-floating-label,.adf-library-dialog .adf-library-dialog-form-field-description.mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper{margin-left:-2px;font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error{height:13.125px}.adf-library-dialog .adf-action-buttons{display:flex;flex-direction:row;justify-content:flex-end}.adf-library-dialog .adf-action-buttons .adf-action-button{text-transform:uppercase}.adf-library-dialog .adf-action-buttons .adf-action-button span{font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["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: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.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$3.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 }); }
|
|
19935
19935
|
}
|
|
19936
19936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LibraryDialogComponent, decorators: [{
|
|
19937
19937
|
type: Component,
|
|
@@ -19946,7 +19946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
19946
19946
|
MatRadioModule,
|
|
19947
19947
|
FormsModule,
|
|
19948
19948
|
MatButtonModule
|
|
19949
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-library-dialog' }, template: "<h2 mat-dialog-title>{{ createTitle | translate }}</h2>\n\n<mat-dialog-content class=\"adf-library-dialog-content\">\n <form novalidate [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"title\"\n autocomplete=\"off\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"libraryTitleExists\">{{\n 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate\n }}</mat-hint>\n <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_LONG' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].hasError('minlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_SHORT' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].errors?.message\">\n {{ form.controls['title'].errors?.message | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"id\"\n autocomplete=\"off\"\n />\n\n <mat-error *ngIf=\"form.controls['id'].errors?.message\">\n {{ form.controls['id'].errors?.message | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['id'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.ID_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field adf-library-dialog-form-field-description\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n <textarea\n matInput\n rows=\"3\"\n formControlName=\"description\"\n ></textarea>\n\n <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-radio-group\n class=\"adf-library-dialog-radio-group\"\n [ngModelOptions]=\"{ standalone: true }\"\n [(ngModel)]=\"visibilityOption\"\n (change)=\"visibilityChangeHandler($event)\"\n >\n <mat-radio-button\n class=\"adf-library-dialog-radio-group-button\"\n [disabled]=\"option.disabled\"\n *ngFor=\"let option of visibilityOptions\"\n [attr.data-automation-id]=\"option.value\"\n [value]=\"option.value\"\n [checked]=\"visibilityOption.value === option.value\"\n >\n {{ option.label | translate }}\n </mat-radio-button>\n </mat-radio-group>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-action-buttons\">\n <button class=\"adf-action-button\" mat-button mat-dialog-close data-automation-id=\"cancel-library-id\">\n {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n </button>\n\n <button\n class=\"adf-action-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableCreateButton\"\n data-automation-id=\"create-library-id\"\n >\n {{ 'LIBRARY.DIALOG.CREATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-library-dialog .adf-library-dialog-content{padding:0;overflow:unset}.adf-library-dialog .adf-library-dialog-radio-group{display:flex;flex-direction:column;margin:0}.adf-library-dialog .adf-library-dialog-radio-group .adf-library-dialog-radio-group-button{margin:10px 0}.adf-library-dialog .adf-library-dialog-form-field{width:100%;padding-top:9.5px}.adf-library-dialog .adf-library-dialog-form-field:first-of-type{padding-top:13.5px}.adf-library-dialog .adf-library-dialog-form-field:last-of-type{padding-top:4.5px}.adf-library-dialog .adf-library-dialog-form-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field.mat-form-field-hide-placeholder .mdc-floating-label,.adf-library-dialog .adf-library-dialog-form-field-description.mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper{margin-left:-2px;font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error{height:13.125px}.adf-library-dialog .adf-action-buttons{display:flex;flex-direction:row;justify-content:flex-end}.adf-library-dialog .adf-action-buttons .adf-action-button{text-transform:uppercase}.adf-library-dialog .adf-action-buttons .adf-action-button span{font-weight:500}\n"] }]
|
|
19949
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-library-dialog' }, template: "<h2 mat-dialog-title>{{ createTitle | translate }}</h2>\n\n<mat-dialog-content class=\"adf-library-dialog-content\">\n <form novalidate [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.NAME' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"title\"\n autocomplete=\"off\"\n adf-auto-focus\n />\n\n <mat-hint *ngIf=\"libraryTitleExists\">{{\n 'LIBRARY.HINTS.SITE_TITLE_EXISTS' | translate\n }}</mat-hint>\n <mat-error *ngIf=\"form.controls['title'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_LONG' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].hasError('minlength')\">\n {{ 'LIBRARY.ERRORS.TITLE_TOO_SHORT' | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['title'].errors?.message\">\n {{ form.controls['title'].errors?.message | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.SITE_ID' | translate }}</mat-label>\n <input\n required\n matInput\n formControlName=\"id\"\n autocomplete=\"off\"\n />\n\n <mat-error *ngIf=\"form.controls['id'].errors?.message\">\n {{ form.controls['id'].errors?.message | translate }}\n </mat-error>\n\n <mat-error *ngIf=\"form.controls['id'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.ID_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"adf-library-dialog-form-field adf-library-dialog-form-field-description\">\n <mat-label>{{ 'LIBRARY.DIALOG.FORM.DESCRIPTION' | translate }}</mat-label>\n <textarea\n matInput\n rows=\"3\"\n formControlName=\"description\"\n ></textarea>\n\n <mat-error *ngIf=\"form.controls['description'].hasError('maxlength')\">\n {{ 'LIBRARY.ERRORS.DESCRIPTION_TOO_LONG' | translate }}\n </mat-error>\n </mat-form-field>\n\n <mat-radio-group\n class=\"adf-library-dialog-radio-group\"\n [ngModelOptions]=\"{ standalone: true }\"\n [(ngModel)]=\"visibilityOption\"\n (change)=\"visibilityChangeHandler($event)\"\n >\n <mat-radio-button\n color=\"primary\"\n class=\"adf-library-dialog-radio-group-button\"\n [disabled]=\"option.disabled\"\n *ngFor=\"let option of visibilityOptions\"\n [attr.data-automation-id]=\"option.value\"\n [value]=\"option.value\"\n [checked]=\"visibilityOption.value === option.value\"\n >\n {{ option.label | translate }}\n </mat-radio-button>\n </mat-radio-group>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-action-buttons\">\n <button class=\"adf-action-button\" mat-button mat-dialog-close data-automation-id=\"cancel-library-id\">\n {{ 'LIBRARY.DIALOG.CANCEL' | translate }}\n </button>\n\n <button\n color=\"primary\"\n class=\"adf-action-button\"\n mat-button\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableCreateButton\"\n data-automation-id=\"create-library-id\"\n >\n {{ 'LIBRARY.DIALOG.CREATE' | translate }}\n </button>\n</mat-dialog-actions>\n", styles: [".adf-library-dialog .adf-library-dialog-content{padding:0;overflow:unset}.adf-library-dialog .adf-library-dialog-radio-group{display:flex;flex-direction:column;margin:0}.adf-library-dialog .adf-library-dialog-radio-group .adf-library-dialog-radio-group-button{margin:10px 0}.adf-library-dialog .adf-library-dialog-form-field{width:100%;padding-top:9.5px}.adf-library-dialog .adf-library-dialog-form-field:first-of-type{padding-top:13.5px}.adf-library-dialog .adf-library-dialog-form-field:last-of-type{padding-top:4.5px}.adf-library-dialog .adf-library-dialog-form-field .mdc-floating-label{-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field.mat-form-field-hide-placeholder .mdc-floating-label,.adf-library-dialog .adf-library-dialog-form-field-description.mat-form-field-hide-placeholder .mdc-floating-label{padding-top:20px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-infix{padding-bottom:3.5px}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper{margin-left:-2px;font-size:10.5px;-webkit-font-smoothing:subpixel-antialiased}.adf-library-dialog .adf-library-dialog-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error{height:13.125px}.adf-library-dialog .adf-action-buttons{display:flex;flex-direction:row;justify-content:flex-end}.adf-library-dialog .adf-action-buttons .adf-action-button{text-transform:uppercase}.adf-library-dialog .adf-action-buttons .adf-action-button span{font-weight:500}\n"] }]
|
|
19950
19950
|
}], ctorParameters: () => [{ type: AlfrescoApiService }, { type: SitesService }, { type: i1$3.UntypedFormBuilder }, { type: i1$1.MatDialogRef }, { type: i1.NotificationService }], propDecorators: { error: [{
|
|
19951
19951
|
type: Output
|
|
19952
19952
|
}], success: [{
|
|
@@ -20809,11 +20809,11 @@ class ContentTypeDialogComponent {
|
|
|
20809
20809
|
this.close();
|
|
20810
20810
|
}
|
|
20811
20811
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentTypeDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: ContentTypeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20812
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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:
|
|
20812
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { 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: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.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 }); }
|
|
20813
20813
|
}
|
|
20814
20814
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentTypeDialogComponent, decorators: [{
|
|
20815
20815
|
type: Component,
|
|
20816
|
-
args: [{ selector: 'adf-content-type-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, MatExpansionModule, MatTableModule, MatButtonModule], encapsulation: ViewEncapsulation.None, 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:
|
|
20816
|
+
args: [{ selector: 'adf-content-type-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, MatExpansionModule, MatTableModule, MatButtonModule], encapsulation: ViewEncapsulation.None, 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"] }]
|
|
20817
20817
|
}], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
|
|
20818
20818
|
type: Inject,
|
|
20819
20819
|
args: [MAT_DIALOG_DATA]
|
|
@@ -21471,7 +21471,7 @@ class ContentMetadataComponent {
|
|
|
21471
21471
|
}
|
|
21472
21472
|
}
|
|
21473
21473
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataComponent, deps: [{ token: ContentMetadataService }, { token: CardViewContentUpdateService }, { token: NodesApiService }, { token: i1.TranslationService }, { token: i1.AppConfigService }, { token: TagService }, { token: CategoryService }, { token: ContentService }, { token: i1.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21474
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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 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 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 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{margin:12px}.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:var(--mat-sys-headline-small)}.adf-metadata-properties .adf-metadata-properties-header{height:56px}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--mat-sys-on-secondary-container)}.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:var(--mat-sys-body-small);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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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 }); }
|
|
21474
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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-054)}.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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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 }); }
|
|
21475
21475
|
}
|
|
21476
21476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataComponent, decorators: [{
|
|
21477
21477
|
type: Component,
|
|
@@ -21489,7 +21489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
21489
21489
|
TagsCreatorComponent,
|
|
21490
21490
|
CardViewComponent,
|
|
21491
21491
|
DynamicChipListComponent
|
|
21492
|
-
], 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 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 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 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 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{margin:12px}.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:var(--mat-sys-headline-small)}.adf-metadata-properties .adf-metadata-properties-header{height:56px}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--mat-sys-on-secondary-container)}.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:var(--mat-sys-body-small);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}\n"] }]
|
|
21492
|
+
], 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-054)}.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"] }]
|
|
21493
21493
|
}], ctorParameters: () => [{ type: ContentMetadataService }, { type: CardViewContentUpdateService }, { type: NodesApiService }, { type: i1.TranslationService }, { type: i1.AppConfigService }, { type: TagService }, { type: CategoryService }, { type: ContentService }, { type: i1.NotificationService }], propDecorators: { node: [{
|
|
21494
21494
|
type: Input,
|
|
21495
21495
|
args: [{ required: true }]
|
|
@@ -21723,11 +21723,11 @@ class AspectListComponent {
|
|
|
21723
21723
|
]));
|
|
21724
21724
|
}
|
|
21725
21725
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, deps: [{ token: AspectListService }, { token: NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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(--
|
|
21726
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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-054)}.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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.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: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { 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: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21727
21727
|
}
|
|
21728
21728
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, decorators: [{
|
|
21729
21729
|
type: Component,
|
|
21730
|
-
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, 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(--
|
|
21730
|
+
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, 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-054)}.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"] }]
|
|
21731
21731
|
}], ctorParameters: () => [{ type: AspectListService }, { type: NodesApiService }], propDecorators: { nodeId: [{
|
|
21732
21732
|
type: Input,
|
|
21733
21733
|
args: [{ required: true }]
|
|
@@ -21796,11 +21796,11 @@ class AspectListDialogComponent {
|
|
|
21796
21796
|
this.close();
|
|
21797
21797
|
}
|
|
21798
21798
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListDialogComponent, deps: [{ token: i1$1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21799
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListDialogComponent, isStandalone: true, selector: "adf-aspect-list-dialog", ngImport: i0, template: "<div mat-dialog-title data-automation-id=\"aspect-list-dialog-title\" class=\"adf-aspect-list-dialog\">\n <h1 class=\"adf-aspect-list-dialog-title\">{{title | translate}}</h1>\n <div class=\"adf-aspect-list-dialog-description\">{{description | translate}}</div>\n</div>\n\n<div class=\"adf-aspect-list-dialog-information\">\n <p id=\"aspect-list-dialog-over-table-message\">{{overTableMessage | translate}}</p>\n <p id=\"aspect-list-dialog-counter\">{{counter}}\n {{'ADF-ASPECT-LIST.DIALOG.SELECTED' | translate}}</p>\n</div>\n<mat-dialog-content class=\"adf-aspect-dialog-content\">\n <adf-aspect-list #aspectList (valueChanged)=\"onValueChanged($event)\" (updateCounter)=\"onUpdateCounter($event)\" [nodeId]=\"currentNodeId\" [excludedAspects]=\"data.excludedAspects\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-aspect-list-dialog\">\n <div>\n <button mat-button (click)=\"aspectList.reset()\" id=\"aspect-list-dialog-actions-reset\"\n data-automation-id=\"aspect-list-dialog-actions-reset\">{{\n 'ADF-ASPECT-LIST.DIALOG.RESET' | translate }}\n </button>\n\n <button mat-button (click)=\"aspectList.clear()\" id=\"aspect-list-dialog-actions-clear\"\n data-automation-id=\"aspect-list-dialog-actions-clear\">{{\n 'ADF-ASPECT-LIST.DIALOG.CLEAR' | translate }}\n </button>\n </div>\n <div>\n <button mat-button adf-auto-focus (click)=\"onCancel()\" id=\"aspect-list-dialog-actions-cancel\"\n data-automation-id=\"aspect-list-dialog-actions-cancel\">{{\n 'ADF-ASPECT-LIST.DIALOG.CANCEL' | translate }}\n </button>\n\n <button mat-button (click)=\"onApply()\" id=\"aspect-list-dialog-actions-apply\"\n [disabled]=\"aspectList.hasEqualAspect\"\n data-automation-id=\"aspect-list-dialog-actions-apply\">{{\n 'ADF-ASPECT-LIST.DIALOG.APPLY' | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-aspect-list-dialog{display:block}adf-aspect-list-dialog .mat-expansion-panel-body{margin-top:-2px}.adf-aspect-list-dialog-title{font:
|
|
21799
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListDialogComponent, isStandalone: true, selector: "adf-aspect-list-dialog", ngImport: i0, template: "<div mat-dialog-title data-automation-id=\"aspect-list-dialog-title\" class=\"adf-aspect-list-dialog\">\n <h1 class=\"adf-aspect-list-dialog-title\">{{title | translate}}</h1>\n <div class=\"adf-aspect-list-dialog-description\">{{description | translate}}</div>\n</div>\n\n<div class=\"adf-aspect-list-dialog-information\">\n <p id=\"aspect-list-dialog-over-table-message\">{{overTableMessage | translate}}</p>\n <p id=\"aspect-list-dialog-counter\">{{counter}}\n {{'ADF-ASPECT-LIST.DIALOG.SELECTED' | translate}}</p>\n</div>\n<mat-dialog-content class=\"adf-aspect-dialog-content\">\n <adf-aspect-list #aspectList (valueChanged)=\"onValueChanged($event)\" (updateCounter)=\"onUpdateCounter($event)\" [nodeId]=\"currentNodeId\" [excludedAspects]=\"data.excludedAspects\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-aspect-list-dialog\">\n <div>\n <button mat-button (click)=\"aspectList.reset()\" id=\"aspect-list-dialog-actions-reset\"\n data-automation-id=\"aspect-list-dialog-actions-reset\">{{\n 'ADF-ASPECT-LIST.DIALOG.RESET' | translate }}\n </button>\n\n <button mat-button (click)=\"aspectList.clear()\" id=\"aspect-list-dialog-actions-clear\"\n data-automation-id=\"aspect-list-dialog-actions-clear\">{{\n 'ADF-ASPECT-LIST.DIALOG.CLEAR' | translate }}\n </button>\n </div>\n <div>\n <button mat-button adf-auto-focus (click)=\"onCancel()\" id=\"aspect-list-dialog-actions-cancel\"\n data-automation-id=\"aspect-list-dialog-actions-cancel\">{{\n 'ADF-ASPECT-LIST.DIALOG.CANCEL' | translate }}\n </button>\n\n <button mat-button (click)=\"onApply()\" id=\"aspect-list-dialog-actions-apply\"\n [disabled]=\"aspectList.hasEqualAspect\"\n data-automation-id=\"aspect-list-dialog-actions-apply\">{{\n 'ADF-ASPECT-LIST.DIALOG.APPLY' | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-aspect-list-dialog{display:block}adf-aspect-list-dialog .mat-expansion-panel-body{margin-top:-2px}.adf-aspect-list-dialog-title{font-size:large;font-weight:200;margin-top:0}.adf-aspect-list-dialog-description{font-size:small;line-height:normal}.adf-aspect-list-dialog-information{display:flex;justify-content:space-between;padding-bottom:4px;padding-left:4px;padding-right:4px;font-size:small}.adf-aspect-list-dialog{justify-content:space-between;padding-left:4px;padding-right:4px;padding-top:0}.adf-aspect-list-dialog:before{display:none}.adf-aspect-dialog-content{padding:0;margin-bottom:8px}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-cell{font-size:smaller;color:var(--adf-theme-foreground-text-color-087)}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-column-name{width:30%}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-column-title{width:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: AspectListComponent, selector: "adf-aspect-list", inputs: ["nodeId", "excludedAspects"], outputs: ["valueChanged", "updateCounter"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21800
21800
|
}
|
|
21801
21801
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListDialogComponent, decorators: [{
|
|
21802
21802
|
type: Component,
|
|
21803
|
-
args: [{ selector: 'adf-aspect-list-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, AspectListComponent, AutoFocusDirective], encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-title data-automation-id=\"aspect-list-dialog-title\" class=\"adf-aspect-list-dialog\">\n <h1 class=\"adf-aspect-list-dialog-title\">{{title | translate}}</h1>\n <div class=\"adf-aspect-list-dialog-description\">{{description | translate}}</div>\n</div>\n\n<div class=\"adf-aspect-list-dialog-information\">\n <p id=\"aspect-list-dialog-over-table-message\">{{overTableMessage | translate}}</p>\n <p id=\"aspect-list-dialog-counter\">{{counter}}\n {{'ADF-ASPECT-LIST.DIALOG.SELECTED' | translate}}</p>\n</div>\n<mat-dialog-content class=\"adf-aspect-dialog-content\">\n <adf-aspect-list #aspectList (valueChanged)=\"onValueChanged($event)\" (updateCounter)=\"onUpdateCounter($event)\" [nodeId]=\"currentNodeId\" [excludedAspects]=\"data.excludedAspects\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-aspect-list-dialog\">\n <div>\n <button mat-button (click)=\"aspectList.reset()\" id=\"aspect-list-dialog-actions-reset\"\n data-automation-id=\"aspect-list-dialog-actions-reset\">{{\n 'ADF-ASPECT-LIST.DIALOG.RESET' | translate }}\n </button>\n\n <button mat-button (click)=\"aspectList.clear()\" id=\"aspect-list-dialog-actions-clear\"\n data-automation-id=\"aspect-list-dialog-actions-clear\">{{\n 'ADF-ASPECT-LIST.DIALOG.CLEAR' | translate }}\n </button>\n </div>\n <div>\n <button mat-button adf-auto-focus (click)=\"onCancel()\" id=\"aspect-list-dialog-actions-cancel\"\n data-automation-id=\"aspect-list-dialog-actions-cancel\">{{\n 'ADF-ASPECT-LIST.DIALOG.CANCEL' | translate }}\n </button>\n\n <button mat-button (click)=\"onApply()\" id=\"aspect-list-dialog-actions-apply\"\n [disabled]=\"aspectList.hasEqualAspect\"\n data-automation-id=\"aspect-list-dialog-actions-apply\">{{\n 'ADF-ASPECT-LIST.DIALOG.APPLY' | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-aspect-list-dialog{display:block}adf-aspect-list-dialog .mat-expansion-panel-body{margin-top:-2px}.adf-aspect-list-dialog-title{font:
|
|
21803
|
+
args: [{ selector: 'adf-aspect-list-dialog', imports: [CommonModule, MatDialogModule, TranslatePipe, MatButtonModule, AspectListComponent, AutoFocusDirective], encapsulation: ViewEncapsulation.None, template: "<div mat-dialog-title data-automation-id=\"aspect-list-dialog-title\" class=\"adf-aspect-list-dialog\">\n <h1 class=\"adf-aspect-list-dialog-title\">{{title | translate}}</h1>\n <div class=\"adf-aspect-list-dialog-description\">{{description | translate}}</div>\n</div>\n\n<div class=\"adf-aspect-list-dialog-information\">\n <p id=\"aspect-list-dialog-over-table-message\">{{overTableMessage | translate}}</p>\n <p id=\"aspect-list-dialog-counter\">{{counter}}\n {{'ADF-ASPECT-LIST.DIALOG.SELECTED' | translate}}</p>\n</div>\n<mat-dialog-content class=\"adf-aspect-dialog-content\">\n <adf-aspect-list #aspectList (valueChanged)=\"onValueChanged($event)\" (updateCounter)=\"onUpdateCounter($event)\" [nodeId]=\"currentNodeId\" [excludedAspects]=\"data.excludedAspects\" />\n</mat-dialog-content>\n\n<mat-dialog-actions class=\"adf-aspect-list-dialog\">\n <div>\n <button mat-button (click)=\"aspectList.reset()\" id=\"aspect-list-dialog-actions-reset\"\n data-automation-id=\"aspect-list-dialog-actions-reset\">{{\n 'ADF-ASPECT-LIST.DIALOG.RESET' | translate }}\n </button>\n\n <button mat-button (click)=\"aspectList.clear()\" id=\"aspect-list-dialog-actions-clear\"\n data-automation-id=\"aspect-list-dialog-actions-clear\">{{\n 'ADF-ASPECT-LIST.DIALOG.CLEAR' | translate }}\n </button>\n </div>\n <div>\n <button mat-button adf-auto-focus (click)=\"onCancel()\" id=\"aspect-list-dialog-actions-cancel\"\n data-automation-id=\"aspect-list-dialog-actions-cancel\">{{\n 'ADF-ASPECT-LIST.DIALOG.CANCEL' | translate }}\n </button>\n\n <button mat-button (click)=\"onApply()\" id=\"aspect-list-dialog-actions-apply\"\n [disabled]=\"aspectList.hasEqualAspect\"\n data-automation-id=\"aspect-list-dialog-actions-apply\">{{\n 'ADF-ASPECT-LIST.DIALOG.APPLY' | translate }}\n </button>\n </div>\n</mat-dialog-actions>\n", styles: ["adf-aspect-list-dialog{display:block}adf-aspect-list-dialog .mat-expansion-panel-body{margin-top:-2px}.adf-aspect-list-dialog-title{font-size:large;font-weight:200;margin-top:0}.adf-aspect-list-dialog-description{font-size:small;line-height:normal}.adf-aspect-list-dialog-information{display:flex;justify-content:space-between;padding-bottom:4px;padding-left:4px;padding-right:4px;font-size:small}.adf-aspect-list-dialog{justify-content:space-between;padding-left:4px;padding-right:4px;padding-top:0}.adf-aspect-list-dialog:before{display:none}.adf-aspect-dialog-content{padding:0;margin-bottom:8px}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-cell{font-size:smaller;color:var(--adf-theme-foreground-text-color-087)}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-column-name{width:30%}.adf-aspect-dialog-content .adf-aspect-property-table .adf-aspect-property-table-column-title{width:50%}\n"] }]
|
|
21804
21804
|
}], ctorParameters: () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
|
|
21805
21805
|
type: Inject,
|
|
21806
21806
|
args: [MAT_DIALOG_DATA]
|
|
@@ -21999,11 +21999,11 @@ class ContentMetadataCardComponent {
|
|
|
21999
21999
|
return !this.readOnly && this.hasAllowableOperations() && this.editAspectSupported;
|
|
22000
22000
|
}
|
|
22001
22001
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataCardComponent, deps: [{ token: ContentService }, { token: NodeAspectService }, { token: VersionCompatibilityService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>menu</mat-icon>\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;display:flex;place-content:stretch space-between;align-items:stretch;max-height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5$4.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22002
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>menu</mat-icon>\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-054)}.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i5$4.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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22003
22003
|
}
|
|
22004
22004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataCardComponent, decorators: [{
|
|
22005
22005
|
type: Component,
|
|
22006
|
-
args: [{ selector: 'adf-content-metadata-card', imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule, MatIconModule, 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>menu</mat-icon>\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;display:flex;place-content:stretch space-between;align-items:stretch;max-height:100%}\n"] }]
|
|
22006
|
+
args: [{ selector: 'adf-content-metadata-card', imports: [CommonModule, MatCardModule, ContentMetadataComponent, MatButtonModule, MatIconModule, 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>menu</mat-icon>\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-054)}.adf-content-metadata-card-footer.adf-content-metadata-card-view-footer button:hover{color:var(--adf-theme-foreground-text-color-087)}\n"] }]
|
|
22007
22007
|
}], ctorParameters: () => [{ type: ContentService }, { type: NodeAspectService }, { type: VersionCompatibilityService }], propDecorators: { node: [{
|
|
22008
22008
|
type: Input,
|
|
22009
22009
|
args: [{ required: true }]
|
|
@@ -22767,7 +22767,7 @@ class UserIconColumnComponent {
|
|
|
22767
22767
|
<div class="adf-cell-value" *ngIf="isSelected">
|
|
22768
22768
|
<mat-icon class="adf-people-select-icon adf-datatable-selected" svgIcon="selected" />
|
|
22769
22769
|
</div>
|
|
22770
|
-
`, isInline: true, styles: [".adf-cell-value .adf-people-initial{background:var(--
|
|
22770
|
+
`, 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: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22771
22771
|
}
|
|
22772
22772
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserIconColumnComponent, decorators: [{
|
|
22773
22773
|
type: Component,
|
|
@@ -22781,7 +22781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
22781
22781
|
<div class="adf-cell-value" *ngIf="isSelected">
|
|
22782
22782
|
<mat-icon class="adf-people-select-icon adf-datatable-selected" svgIcon="selected" />
|
|
22783
22783
|
</div>
|
|
22784
|
-
`, encapsulation: ViewEncapsulation.None, host: { class: 'adf-user-icon-column adf-datatable-content-cell' }, styles: [".adf-cell-value .adf-people-initial{background:var(--
|
|
22784
|
+
`, encapsulation: ViewEncapsulation.None, host: { class: 'adf-user-icon-column adf-datatable-content-cell' }, 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"] }]
|
|
22785
22785
|
}], ctorParameters: () => [{ type: NodePermissionService }], propDecorators: { context: [{
|
|
22786
22786
|
type: Input
|
|
22787
22787
|
}], node: [{
|
|
@@ -22845,7 +22845,7 @@ class AddPermissionPanelComponent {
|
|
|
22845
22845
|
this.search.resetResults();
|
|
22846
22846
|
}
|
|
22847
22847
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22848
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">clear</mat-icon>\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" matSuffix\n >search\n </mat-icon>\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(--
|
|
22848
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">clear</mat-icon>\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" matSuffix\n >search\n </mat-icon>\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$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.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$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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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 }); }
|
|
22849
22849
|
}
|
|
22850
22850
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionPanelComponent, decorators: [{
|
|
22851
22851
|
type: Component,
|
|
@@ -22860,7 +22860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
22860
22860
|
UserIconColumnComponent,
|
|
22861
22861
|
SearchComponent,
|
|
22862
22862
|
MatIconButton
|
|
22863
|
-
], 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\">clear</mat-icon>\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" matSuffix\n >search\n </mat-icon>\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(--
|
|
22863
|
+
], 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\">clear</mat-icon>\n </button>\n\n <mat-icon *ngIf=\"searchedWord?.length === 0\" class=\"adf-permission-search-icon\" data-automation-id=\"adf-permission-search-icon\" matSuffix\n >search\n </mat-icon>\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"] }]
|
|
22864
22864
|
}], ctorParameters: () => [], propDecorators: { search: [{
|
|
22865
22865
|
type: ViewChild,
|
|
22866
22866
|
args: ['search', { static: true }]
|
|
@@ -22926,7 +22926,7 @@ class UserNameColumnComponent {
|
|
|
22926
22926
|
{{ subTitleText$ | async }}
|
|
22927
22927
|
</span>
|
|
22928
22928
|
</div>
|
|
22929
|
-
`, isInline: true, styles: [".adf-user-name-column
|
|
22929
|
+
`, isInline: true, styles: [".adf-user-name-column{font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-user-email-column{font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
22930
22930
|
}
|
|
22931
22931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: UserNameColumnComponent, decorators: [{
|
|
22932
22932
|
type: Component,
|
|
@@ -22938,7 +22938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
22938
22938
|
{{ subTitleText$ | async }}
|
|
22939
22939
|
</span>
|
|
22940
22940
|
</div>
|
|
22941
|
-
`, encapsulation: ViewEncapsulation.None, host: { class: 'adf-user-name-column adf-datatable-content-cell adf-expand-cell-5 adf-ellipsis-cell' }, styles: [".adf-user-name-column
|
|
22941
|
+
`, encapsulation: ViewEncapsulation.None, host: { class: 'adf-user-name-column adf-datatable-content-cell adf-expand-cell-5 adf-ellipsis-cell' }, styles: [".adf-user-name-column{font-weight:600;font-size:var(--theme-body-1-font-size)}.adf-user-email-column{font-size:var(--theme-body-1-font-size);letter-spacing:-.2px;line-height:1.43;color:var(--adf-theme-foreground-text-color)}\n"] }]
|
|
22942
22942
|
}], ctorParameters: () => [{ type: NodePermissionService }], propDecorators: { context: [{
|
|
22943
22943
|
type: Input
|
|
22944
22944
|
}], node: [{
|
|
@@ -23128,7 +23128,7 @@ class AddPermissionDialogComponent {
|
|
|
23128
23128
|
return this.selectedMembers.filter(({ readonly }) => !readonly).length && this.selectedMembers.every(({ role }) => !!role);
|
|
23129
23129
|
}
|
|
23130
23130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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: [".adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font:var(--mat-sys-title-medium);color:var(--mat-sys-on-surface)}.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-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(--mat-sys-surface);display:flex;justify-content:flex-end;color:var(--mat-sys-on-surface)}.adf-add-permission-dialog .adf-add-permission-dialog-actions button{text-transform:uppercase}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action[disabled]{color:var(--mat-sys-on-surface-variant)}.adf-add-permission-dialog .adf-add-permission-dialog-actions .adf-choose-action:enabled{color:var(--mat-sys-primary)}.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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.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 }); }
|
|
23131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.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 }); }
|
|
23132
23132
|
}
|
|
23133
23133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionDialogComponent, decorators: [{
|
|
23134
23134
|
type: Component,
|
|
@@ -23146,7 +23146,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23146
23146
|
UserIconColumnComponent,
|
|
23147
23147
|
UserNameColumnComponent,
|
|
23148
23148
|
UserRoleColumnComponent
|
|
23149
|
-
], 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>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: [".adf-add-permission-dialog .adf-add-permission-dialog-title{margin-bottom:28px;margin-left:20px;margin-right:20px;font:var(--
|
|
23149
|
+
], 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>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"] }]
|
|
23150
23150
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
23151
23151
|
type: Inject,
|
|
23152
23152
|
args: [MAT_DIALOG_DATA]
|
|
@@ -23724,7 +23724,7 @@ class PermissionListComponent {
|
|
|
23724
23724
|
this.selectedPermissions = [];
|
|
23725
23725
|
}
|
|
23726
23726
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PermissionListComponent, deps: [{ token: PermissionListService }, { token: ContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23727
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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>error</mat-icon>\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 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\" iconPositionEnd>\n {{ popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon>\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>person_add_outline</mat-icon>\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>delete_outline</mat-icon>\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(--
|
|
23727
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">error</mat-icon>\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\" iconPositionEnd>\n {{ popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon>\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>person_add_outline</mat-icon>\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>delete_outline</mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i5$4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$4.MatCardContent, selector: "mat-card-content" }, { 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: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: "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 }); }
|
|
23728
23728
|
}
|
|
23729
23729
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PermissionListComponent, decorators: [{
|
|
23730
23730
|
type: Component,
|
|
@@ -23738,7 +23738,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
23738
23738
|
MatButtonModule,
|
|
23739
23739
|
PermissionContainerComponent,
|
|
23740
23740
|
PopOverDirective
|
|
23741
|
-
], 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>error</mat-icon>\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 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\" iconPositionEnd>\n {{ popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon>\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>person_add_outline</mat-icon>\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>delete_outline</mat-icon>\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(--
|
|
23741
|
+
], 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\">error</mat-icon>\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\" iconPositionEnd>\n {{ popOver.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }} </mat-icon>\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>person_add_outline</mat-icon>\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>delete_outline</mat-icon>\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"] }]
|
|
23742
23742
|
}], ctorParameters: () => [{ type: PermissionListService }, { type: ContentService }], propDecorators: { nodeId: [{
|
|
23743
23743
|
type: Input,
|
|
23744
23744
|
args: [{ required: true }]
|
|
@@ -23867,11 +23867,11 @@ class AddPermissionComponent {
|
|
|
23867
23867
|
}));
|
|
23868
23868
|
}
|
|
23869
23869
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionComponent, deps: [{ token: NodePermissionService }, { token: ContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23870
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AddPermissionComponent, isStandalone: true, selector: "adf-add-permission", inputs: { nodeId: "nodeId" }, outputs: { success: "success", error: "error" }, ngImport: i0, template: "<adf-add-permission-panel (select)=\"onSelect($event)\" />\n<div id=\"adf-add-permission-actions\">\n <button mat-button\n id=\"adf-add-permission-action-button\"\n class=\"adf-permission-action\"\n [disabled]=\"!isAddEnabled()\"\n (click)=\"applySelection()\">\n {{'PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION' | translate}}\n </button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { 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" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23870
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AddPermissionComponent, isStandalone: true, selector: "adf-add-permission", inputs: { nodeId: "nodeId" }, outputs: { success: "success", error: "error" }, ngImport: i0, template: "<adf-add-permission-panel (select)=\"onSelect($event)\" />\n<div id=\"adf-add-permission-actions\">\n <button mat-button\n id=\"adf-add-permission-action-button\"\n class=\"adf-permission-action\"\n [disabled]=\"!isAddEnabled()\"\n (click)=\"applySelection()\">\n {{'PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION' | translate}}\n </button>\n</div>\n", styles: [".adf-permission-action[disabled]{opacity:.6}.adf-permission-action:enabled{color:var(--theme-primary-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AddPermissionPanelComponent, selector: "adf-add-permission-panel", outputs: ["select"] }, { 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" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
23871
23871
|
}
|
|
23872
23872
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AddPermissionComponent, decorators: [{
|
|
23873
23873
|
type: Component,
|
|
23874
|
-
args: [{ selector: 'adf-add-permission', imports: [CommonModule, AddPermissionPanelComponent, MatButtonModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<adf-add-permission-panel (select)=\"onSelect($event)\" />\n<div id=\"adf-add-permission-actions\">\n <button mat-button\n id=\"adf-add-permission-action-button\"\n class=\"adf-permission-action\"\n [disabled]=\"!isAddEnabled()\"\n (click)=\"applySelection()\">\n {{'PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION' | translate}}\n </button>\n</div>\n" }]
|
|
23874
|
+
args: [{ selector: 'adf-add-permission', imports: [CommonModule, AddPermissionPanelComponent, MatButtonModule, TranslatePipe], encapsulation: ViewEncapsulation.None, template: "<adf-add-permission-panel (select)=\"onSelect($event)\" />\n<div id=\"adf-add-permission-actions\">\n <button mat-button\n id=\"adf-add-permission-action-button\"\n class=\"adf-permission-action\"\n [disabled]=\"!isAddEnabled()\"\n (click)=\"applySelection()\">\n {{'PERMISSION_MANAGER.ADD-PERMISSION.ADD-ACTION' | translate}}\n </button>\n</div>\n", styles: [".adf-permission-action[disabled]{opacity:.6}.adf-permission-action:enabled{color:var(--theme-primary-color)}\n"] }]
|
|
23875
23875
|
}], ctorParameters: () => [{ type: NodePermissionService }, { type: ContentService }], propDecorators: { nodeId: [{
|
|
23876
23876
|
type: Input,
|
|
23877
23877
|
args: [{ required: true }]
|
|
@@ -24327,7 +24327,7 @@ class ShareDialogComponent {
|
|
|
24327
24327
|
}
|
|
24328
24328
|
}
|
|
24329
24329
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ShareDialogComponent, deps: [{ token: SharedLinksApiService }, { token: i1$1.MatDialogRef }, { token: i1$1.MatDialog }, { token: ContentService }, { token: RenditionService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24330
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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 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 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 mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".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(--mat-sys-surface);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{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface)}.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--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--mat-sys-on-secondary-container);font:var(--mat-sys-body-small)}.adf-share-link-dialog .adf-share-link__warn{color:var(--mat-sys-error);font:var(--mat-sys-body-small)}.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__separation-line{border:1px solid var(--mat-sys-outline-variant);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(--mat-sys-on-secondary-container);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(--mat-sys-title-small-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(--mat-sys-error)}.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{margin-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.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$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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 }); }
|
|
24330
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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-054);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$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.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$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.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 }); }
|
|
24331
24331
|
}
|
|
24332
24332
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ShareDialogComponent, decorators: [{
|
|
24333
24333
|
type: Component,
|
|
@@ -24343,7 +24343,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
24343
24343
|
MatInputModule,
|
|
24344
24344
|
MatButtonModule,
|
|
24345
24345
|
ClipboardDirective
|
|
24346
|
-
], 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 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 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 mat-dialog-close>\n {{ 'SHARE.CLOSE' | translate }}\n </button>\n </div>\n </div>\n</div>\n", styles: [".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(--mat-sys-surface);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{font:var(--mat-sys-body-medium);color:var(--mat-sys-on-surface)}.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--field{padding-bottom:16px}.adf-share-link-dialog .adf-share-link__public-content{color:var(--mat-sys-on-secondary-container);font:var(--mat-sys-body-small)}.adf-share-link-dialog .adf-share-link__warn{color:var(--mat-sys-error);font:var(--mat-sys-body-small)}.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__separation-line{border:1px solid var(--mat-sys-outline-variant);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(--mat-sys-on-secondary-container);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(--mat-sys-title-small-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(--mat-sys-error)}.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{margin-right:12px}\n"] }]
|
|
24346
|
+
], 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-054);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"] }]
|
|
24347
24347
|
}], ctorParameters: () => [{ type: SharedLinksApiService }, { type: i1$1.MatDialogRef }, { type: i1$1.MatDialog }, { type: ContentService }, { type: RenditionService }, { type: undefined, decorators: [{
|
|
24348
24348
|
type: Inject,
|
|
24349
24349
|
args: [MAT_DIALOG_DATA]
|
|
@@ -24705,11 +24705,11 @@ class TreeViewComponent {
|
|
|
24705
24705
|
}, (error) => this.error.emit(error));
|
|
24706
24706
|
}
|
|
24707
24707
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeViewComponent, deps: [{ token: TreeViewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24708
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">\n {{ treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder' }}\n </mat-icon>\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
|
|
24708
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", 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\">\n {{ treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder' }}\n </mat-icon>\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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "directive", type: i3$4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { 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: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
24709
24709
|
}
|
|
24710
24710
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TreeViewComponent, decorators: [{
|
|
24711
24711
|
type: Component,
|
|
24712
|
-
args: [{ selector: 'adf-tree-view-list', imports: [CommonModule, MatTreeModule, MatButtonModule, MatIconModule, 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\">\n {{ treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder' }}\n </mat-icon>\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
|
|
24712
|
+
args: [{ selector: 'adf-tree-view-list', imports: [CommonModule, MatTreeModule, MatButtonModule, MatIconModule, 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\">\n {{ treeControl.isExpanded(treeNode) ? 'folder_open' : 'folder' }}\n </mat-icon>\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"] }]
|
|
24713
24713
|
}], ctorParameters: () => [{ type: TreeViewService }], propDecorators: { nodeId: [{
|
|
24714
24714
|
type: Input,
|
|
24715
24715
|
args: [{ required: true }]
|
|
@@ -25299,7 +25299,7 @@ class NewVersionUploaderDialogComponent {
|
|
|
25299
25299
|
this.dialogAction.emit({ action: NewVersionUploaderDataAction.refresh, node });
|
|
25300
25300
|
}
|
|
25301
25301
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NewVersionUploaderDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25302
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NewVersionUploaderDialogComponent, isStandalone: true, selector: "adf-new-version-uploader-dialog", outputs: { dialogAction: "dialogAction", uploadError: "uploadError" }, host: { classAttribute: "adf-new-version-uploader-dialog" }, ngImport: i0, template: "<h1 class=\"adf-new-version-uploader-dialog-title\" mat-dialog-title data-automation-id=\"new-version-uploader-dialog-title\">{{ title | translate }}</h1>\n<section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content *ngIf=\"!data.showVersionsOnly\">\n <adf-version-comparison id=\"adf-version-comparison\" [newFileVersion]=\"data.file\" [node]=\"data.node\" />\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"data.node\"\n [newFileVersion]=\"data.file\"\n [currentVersion]=\"data.currentVersion\"\n (success)=\"handleUpload($event)\"\n (cancel)=\"handleCancel()\"\n (error)=\"onUploadError($event)\"\n />\n</section>\n<ng-container *ngIf=\"data.showVersionsOnly\">\n <section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <adf-version-list\n [node]=\"data.node\"\n [showComments]=\"data.showComments\"\n [showActions]=\"data.showActions\"\n [allowDownload]=\"data.allowDownload\"\n [allowViewVersions]=\"data.allowViewVersions\"\n [allowVersionDelete]=\"data.allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewingVersion($event)\"\n />\n </div>\n </div>\n </section>\n <div class=\"adf-new-version-uploader-dialog-actions\" mat-dialog-actions>\n <button mat-button [mat-dialog-close]=\"true\">{{ 'ADF-NEW-VERSION-UPLOADER.DIALOG_LIST.CLOSE' | translate }}</button>\n </div>\n</ng-container>\n", styles: [".adf-new-version-uploader-dialog{display:block}.adf-new-version-uploader-dialog-list{height:400px}.adf-new-version-uploader-dialog-upload{height:500px}.adf-new-version-uploader-dialog .adf-new-version-uploader-dialog-title{flex:0 0 auto;font:var(--
|
|
25302
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NewVersionUploaderDialogComponent, isStandalone: true, selector: "adf-new-version-uploader-dialog", outputs: { dialogAction: "dialogAction", uploadError: "uploadError" }, host: { classAttribute: "adf-new-version-uploader-dialog" }, ngImport: i0, template: "<h1 class=\"adf-new-version-uploader-dialog-title\" mat-dialog-title data-automation-id=\"new-version-uploader-dialog-title\">{{ title | translate }}</h1>\n<section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content *ngIf=\"!data.showVersionsOnly\">\n <adf-version-comparison id=\"adf-version-comparison\" [newFileVersion]=\"data.file\" [node]=\"data.node\" />\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"data.node\"\n [newFileVersion]=\"data.file\"\n [currentVersion]=\"data.currentVersion\"\n (success)=\"handleUpload($event)\"\n (cancel)=\"handleCancel()\"\n (error)=\"onUploadError($event)\"\n />\n</section>\n<ng-container *ngIf=\"data.showVersionsOnly\">\n <section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <adf-version-list\n [node]=\"data.node\"\n [showComments]=\"data.showComments\"\n [showActions]=\"data.showActions\"\n [allowDownload]=\"data.allowDownload\"\n [allowViewVersions]=\"data.allowViewVersions\"\n [allowVersionDelete]=\"data.allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewingVersion($event)\"\n />\n </div>\n </div>\n </section>\n <div class=\"adf-new-version-uploader-dialog-actions\" mat-dialog-actions>\n <button mat-button color=\"primary\" [mat-dialog-close]=\"true\">{{ 'ADF-NEW-VERSION-UPLOADER.DIALOG_LIST.CLOSE' | translate }}</button>\n </div>\n</ng-container>\n", styles: [".adf-new-version-uploader-dialog{display:block}.adf-new-version-uploader-dialog-list{height:400px}.adf-new-version-uploader-dialog-upload{height:500px}.adf-new-version-uploader-dialog .adf-new-version-uploader-dialog-title{flex:0 0 auto;font-size:20px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;margin:0;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-new-version-uploader-dialog section.adf-new-version-uploader-dialog-content{padding:1px 2px 0;flex:1 1 auto;position:relative;max-height:100vh;overflow:hidden}.adf-new-version-uploader-dialog-actions{padding:8px 8px 24px;display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color-054);-webkit-font-smoothing:antialiased}.adf-new-version-uploader-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-new-version-uploader-dialog .adf-version-list-container .adf-version-list{height:250px;overflow:hidden;padding:0}.adf-new-version-uploader-dialog .adf-version-list-container .adf-version-list-element{overflow:auto;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: VersionComparisonComponent, selector: "adf-version-comparison", inputs: ["node", "newFileVersion"] }, { kind: "component", type: VersionUploadComponent, selector: "adf-version-upload", inputs: ["node", "newFileVersion", "showUploadButton", "showCancelButton", "currentVersion"], outputs: ["success", "error", "cancel", "versionChanged", "commentChanged", "uploadStarted"] }, { kind: "component", type: VersionListComponent, selector: "adf-version-list", inputs: ["node", "showComments", "allowDownload", "allowViewVersions", "showActions", "allowVersionDelete"], outputs: ["restored", "deleted", "viewVersion"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25303
25303
|
}
|
|
25304
25304
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NewVersionUploaderDialogComponent, decorators: [{
|
|
25305
25305
|
type: Component,
|
|
@@ -25313,7 +25313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
25313
25313
|
VersionListComponent
|
|
25314
25314
|
], encapsulation: ViewEncapsulation.None, host: {
|
|
25315
25315
|
class: 'adf-new-version-uploader-dialog'
|
|
25316
|
-
}, template: "<h1 class=\"adf-new-version-uploader-dialog-title\" mat-dialog-title data-automation-id=\"new-version-uploader-dialog-title\">{{ title | translate }}</h1>\n<section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content *ngIf=\"!data.showVersionsOnly\">\n <adf-version-comparison id=\"adf-version-comparison\" [newFileVersion]=\"data.file\" [node]=\"data.node\" />\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"data.node\"\n [newFileVersion]=\"data.file\"\n [currentVersion]=\"data.currentVersion\"\n (success)=\"handleUpload($event)\"\n (cancel)=\"handleCancel()\"\n (error)=\"onUploadError($event)\"\n />\n</section>\n<ng-container *ngIf=\"data.showVersionsOnly\">\n <section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <adf-version-list\n [node]=\"data.node\"\n [showComments]=\"data.showComments\"\n [showActions]=\"data.showActions\"\n [allowDownload]=\"data.allowDownload\"\n [allowViewVersions]=\"data.allowViewVersions\"\n [allowVersionDelete]=\"data.allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewingVersion($event)\"\n />\n </div>\n </div>\n </section>\n <div class=\"adf-new-version-uploader-dialog-actions\" mat-dialog-actions>\n <button mat-button [mat-dialog-close]=\"true\">{{ 'ADF-NEW-VERSION-UPLOADER.DIALOG_LIST.CLOSE' | translate }}</button>\n </div>\n</ng-container>\n", styles: [".adf-new-version-uploader-dialog{display:block}.adf-new-version-uploader-dialog-list{height:400px}.adf-new-version-uploader-dialog-upload{height:500px}.adf-new-version-uploader-dialog .adf-new-version-uploader-dialog-title{flex:0 0 auto;font:var(--
|
|
25316
|
+
}, template: "<h1 class=\"adf-new-version-uploader-dialog-title\" mat-dialog-title data-automation-id=\"new-version-uploader-dialog-title\">{{ title | translate }}</h1>\n<section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content *ngIf=\"!data.showVersionsOnly\">\n <adf-version-comparison id=\"adf-version-comparison\" [newFileVersion]=\"data.file\" [node]=\"data.node\" />\n <adf-version-upload\n id=\"adf-version-upload-button\"\n [node]=\"data.node\"\n [newFileVersion]=\"data.file\"\n [currentVersion]=\"data.currentVersion\"\n (success)=\"handleUpload($event)\"\n (cancel)=\"handleCancel()\"\n (error)=\"onUploadError($event)\"\n />\n</section>\n<ng-container *ngIf=\"data.showVersionsOnly\">\n <section class=\"adf-new-version-uploader-dialog-content\" mat-dialog-content>\n <div class=\"adf-version-list-container\">\n <div class=\"adf-version-list-table\">\n <adf-version-list\n [node]=\"data.node\"\n [showComments]=\"data.showComments\"\n [showActions]=\"data.showActions\"\n [allowDownload]=\"data.allowDownload\"\n [allowViewVersions]=\"data.allowViewVersions\"\n [allowVersionDelete]=\"data.allowVersionDelete\"\n (deleted)=\"refresh($event)\"\n (restored)=\"refresh($event)\"\n (viewVersion)=\"onViewingVersion($event)\"\n />\n </div>\n </div>\n </section>\n <div class=\"adf-new-version-uploader-dialog-actions\" mat-dialog-actions>\n <button mat-button color=\"primary\" [mat-dialog-close]=\"true\">{{ 'ADF-NEW-VERSION-UPLOADER.DIALOG_LIST.CLOSE' | translate }}</button>\n </div>\n</ng-container>\n", styles: [".adf-new-version-uploader-dialog{display:block}.adf-new-version-uploader-dialog-list{height:400px}.adf-new-version-uploader-dialog-upload{height:500px}.adf-new-version-uploader-dialog .adf-new-version-uploader-dialog-title{flex:0 0 auto;font-size:20px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.6;margin:0;letter-spacing:-.5px;color:var(--adf-theme-foreground-text-color-087)}.adf-new-version-uploader-dialog section.adf-new-version-uploader-dialog-content{padding:1px 2px 0;flex:1 1 auto;position:relative;max-height:100vh;overflow:hidden}.adf-new-version-uploader-dialog-actions{padding:8px 8px 24px;display:flex;justify-content:flex-end;color:var(--adf-theme-foreground-text-color-054);-webkit-font-smoothing:antialiased}.adf-new-version-uploader-dialog-actions button{text-transform:uppercase;font-weight:400}.adf-new-version-uploader-dialog .adf-version-list-container .adf-version-list{height:250px;overflow:hidden;padding:0}.adf-new-version-uploader-dialog .adf-version-list-container .adf-version-list-element{overflow:auto;width:100%}\n"] }]
|
|
25317
25317
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
25318
25318
|
type: Inject,
|
|
25319
25319
|
args: [MAT_DIALOG_DATA]
|