@alfresco/adf-content-services 8.4.0-20161432927 → 8.4.0-20227337374

package/fesm2022/adf-content-services.mjs

@@ -8275,7 +8275,7 @@ class SearchFilterContainerComponent {
         this.focusTrap = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterContainerComponent, deps: [{ token: SearchHeaderQueryBuilderService }, { token: i2.TranslationService }, { token: i1$4.ConfigurableFocusTrapFactory }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterContainerComponent, isStandalone: true, selector: "adf-search-filter-container", inputs: { col: "col", value: "value" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: SearchWidgetContainerComponent, descendants: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!!category\" class=\"adf-filter\">\n    <button\n        mat-icon-button\n        [matMenuTriggerFor]=\"filter\"\n        data-automation-id=\"filter-menu-button\"\n        #menuTrigger=\"matMenuTrigger\"\n        (click)=\"$event.stopPropagation()\"\n        (menuOpened)=\"onMenuOpen()\"\n        (keyup.enter)=\"$event.stopPropagation()\"\n        class=\"adf-filter-button\"\n        [attr.aria-label]=\"isActive() ? getTooltipTranslation(col?.title) + ' (' + ('SEARCH.SEARCH_HEADER.ACTIVE_FILTER' | translate) + ')' : getTooltipTranslation(col?.title)\"\n        [title]=\"getTooltipTranslation(col?.title)\"\n    >\n        <adf-icon\n            value=\"filter_list\"\n            [ngClass]=\"{ 'adf-icon-active': isActive() || menuTrigger.menuOpen }\"\n            class=\"adf-filter-icon\"\n            matBadge=\"filter\"\n            matBadgeColor=\"warn\"\n            [matBadgeHidden]=\"!isActive()\"\n        />\n    </button>\n\n    <mat-menu #filter=\"matMenu\" class=\"adf-filter-menu adf-search-filter-menu\" (closed)=\"onClosed()\">\n        <div #filterContainer role=\"menuitem\" tabindex=\"0\" (keydown.tab)=\"$event.stopPropagation()\">\n            <div (click)=\"$event.stopPropagation()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"$event.stopPropagation()\" class=\"adf-filter-container\">\n                <div class=\"adf-filter-title\">{{ category?.name | translate }}</div>\n                <adf-search-widget-container\n                    (keypress)=\"onKeyPressed($event, menuTrigger)\"\n                    [id]=\"category?.id\"\n                    [selector]=\"category?.component?.selector\"\n                    [settings]=\"category?.component?.settings\"\n                    [value]=\"initialValue\"\n                    [useHeaderQueryBuilder]=\"true\"\n                />\n            </div>\n            <mat-dialog-actions class=\"adf-filter-actions\">\n                <button\n                    mat-button\n                    id=\"clear-filter-button\"\n                    [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.CLEAR' | translate\"\n                    (click)=\"onClearButtonClick($event)\"\n                >\n                    {{ 'SEARCH.SEARCH_HEADER.CLEAR' | translate | uppercase }}\n                </button>\n                <button\n                    mat-button\n                    color=\"primary\"\n                    id=\"apply-filter-button\"\n                    class=\"adf-filter-apply-button\"\n                    [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.APPLY' | translate\"\n                    (click)=\"onApply()\"\n                >\n                    {{ 'SEARCH.SEARCH_HEADER.APPLY' | translate | uppercase }}\n                </button>\n            </mat-dialog-actions>\n        </div>\n    </mat-menu>\n</div>\n", styles: [".adf-filter-button:has(.adf-filter-icon){margin-left:-7px}.adf-filter-button:has(.adf-filter-icon) .adf-icon{opacity:1;color:var(--adf-theme-foreground-icon-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active{color:var(--theme-primary-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active span{border:2px solid var(--adf-theme-background-card-color);width:10px;height:10px;top:-3px;right:-6px}.adf-filter-container{display:flex;flex-direction:column;padding:15.5px 15px 10px;color:var(--adf-theme-foreground-text-color-087)}.adf-filter-container .adf-facet-buttons{display:none}.adf-filter-container .adf-search-check-list{padding:5px 0}.adf-filter-container input{background:2px solid var(--adf-theme-background-card-color)}.adf-filter-title{font-size:1.1em;padding-bottom:5px;color:var(--adf-theme-foreground-text-color-087);-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu{min-width:260px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-search-filter-menu.adf-filter-menu>div:first-child{padding:0}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions{display:flex;justify-content:flex-end;padding:15px;background-color:var(--adf-theme-background-hover-color)}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button{font-size:.9em;height:36px;width:auto;padding-left:16px;padding-right:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button .mdc-button__label{font-weight:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SearchFilterContainerComponent, isStandalone: true, selector: "adf-search-filter-container", inputs: { col: "col", value: "value" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: SearchWidgetContainerComponent, descendants: true }, { propertyName: "filterContainer", first: true, predicate: ["filterContainer"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!!category\" class=\"adf-filter\">\n    <button\n        mat-icon-button\n        [matMenuTriggerFor]=\"filter\"\n        data-automation-id=\"filter-menu-button\"\n        #menuTrigger=\"matMenuTrigger\"\n        (click)=\"$event.stopPropagation()\"\n        (menuOpened)=\"onMenuOpen()\"\n        (keyup.enter)=\"$event.stopPropagation()\"\n        class=\"adf-filter-button\"\n        [attr.aria-label]=\"isActive() ? getTooltipTranslation(col?.title) + ' (' + ('SEARCH.SEARCH_HEADER.ACTIVE_FILTER' | translate) + ')' : getTooltipTranslation(col?.title)\"\n        [title]=\"getTooltipTranslation(col?.title)\"\n    >\n        <adf-icon\n            value=\"filter_list\"\n            [ngClass]=\"{ 'adf-icon-active': isActive() || menuTrigger.menuOpen }\"\n            class=\"adf-filter-icon\"\n            matBadge=\"filter\"\n            matBadgeColor=\"warn\"\n            [matBadgeHidden]=\"!isActive()\"\n        />\n    </button>\n\n    <mat-menu #filter=\"matMenu\" class=\"adf-filter-menu adf-search-filter-menu\" (closed)=\"onClosed()\">\n        <div #filterContainer role=\"menuitem\" tabindex=\"0\" (keydown.tab)=\"$event.stopPropagation()\">\n            <div (click)=\"$event.stopPropagation()\" role=\"button\" tabindex=\"0\" (keyup.enter)=\"$event.stopPropagation()\" class=\"adf-filter-container\">\n                <div class=\"adf-filter-title\">{{ category?.name | translate }}</div>\n                <adf-search-widget-container\n                    (keypress)=\"onKeyPressed($event, menuTrigger)\"\n                    [id]=\"category?.id\"\n                    [selector]=\"category?.component?.selector\"\n                    [settings]=\"category?.component?.settings\"\n                    [value]=\"initialValue\"\n                    [useHeaderQueryBuilder]=\"true\"\n                />\n            </div>\n            <mat-dialog-actions class=\"adf-filter-actions\">\n                <button\n                    mat-button\n                    id=\"clear-filter-button\"\n                    [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.CLEAR' | translate\"\n                    (click)=\"onClearButtonClick($event)\"\n                >\n                    {{ 'SEARCH.SEARCH_HEADER.CLEAR' | translate | uppercase }}\n                </button>\n                <button\n                    mat-button\n                    color=\"primary\"\n                    id=\"apply-filter-button\"\n                    class=\"adf-filter-apply-button\"\n                    [attr.aria-label]=\"'SEARCH.SEARCH_HEADER.APPLY' | translate\"\n                    (click)=\"onApply()\"\n                >\n                    {{ 'SEARCH.SEARCH_HEADER.APPLY' | translate | uppercase }}\n                </button>\n            </mat-dialog-actions>\n        </div>\n    </mat-menu>\n</div>\n", styles: [".adf-filter-button:has(.adf-filter-icon){margin-left:-7px}.adf-filter-button:has(.adf-filter-icon) .adf-icon{opacity:1;color:var(--adf-theme-foreground-icon-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active{color:var(--theme-primary-color)}.adf-filter-button:has(.adf-filter-icon) .adf-icon.adf-icon-active span{border:2px solid var(--adf-theme-background-card-color);width:10px;height:10px;top:-3px;right:-6px}.adf-filter-container{display:flex;flex-direction:column;padding:15.5px 15px 10px;color:var(--adf-theme-foreground-text-color-087)}.adf-filter-container .adf-facet-buttons{display:none}.adf-filter-container .adf-search-check-list{padding:5px 0}.adf-filter-container input{background:2px solid var(--adf-theme-background-card-color)}.adf-filter-title{font-size:1.1em;padding-bottom:5px;color:var(--adf-theme-foreground-text-color-087);-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu{min-width:260px;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.adf-search-filter-menu.adf-filter-menu>div:first-child{padding:0}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions{display:flex;justify-content:flex-end;padding:15px;background-color:var(--adf-theme-background-hover-color)}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button{font-size:.9em;height:36px;width:auto;padding-left:16px;padding-right:16px;-webkit-font-smoothing:subpixel-antialiased}.adf-search-filter-menu.adf-filter-menu .adf-filter-actions>button .mdc-button__label{font-weight:unset}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$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", "isSvg"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i7$3.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: SearchWidgetContainerComponent, selector: "adf-search-widget-container", inputs: ["id", "selector", "settings", "config", "value", "useHeaderQueryBuilder"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SearchFilterContainerComponent, decorators: [{
             type: Component,
@@ -10344,7 +10344,7 @@ class FileUploadingListRowComponent {
         return this.file?.status === FileUploadStatus.Complete && this.isUploadVersion();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingListRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingListRowComponent, isStandalone: true, selector: "adf-file-uploading-list-row", inputs: { file: "file" }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n    <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\">\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$1.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FileUploadingListRowComponent, isStandalone: true, selector: "adf-file-uploading-list-row", inputs: { file: "file" }, outputs: { cancel: "cancel" }, ngImport: i0, template: "<div class=\"adf-file-uploading-row\" [attr.aria-label]=\"file.name + ' ' + file.status\">\n    <mat-icon *ngIf=\"mimeType === 'default'\" matListItemIcon class=\"adf-file-uploading-row__type\">\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$1.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", "isSvg"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ToggleIconDirective, selector: "[adf-toggle-icon]", exportAs: ["toggleIcon"] }, { kind: "pipe", type: FileSizePipe, name: "adfFileSize" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: FileUploadErrorPipe, name: "adfFileUploadError" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FileUploadingListRowComponent, decorators: [{
             type: Component,
@@ -19242,7 +19242,7 @@ class TreeComponent {
         return node.nodeType !== TreeNodeType.LoadMoreNode;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeComponent, deps: [{ token: TreeService }, { token: i2.UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeComponent, isStandalone: true, selector: "adf-tree", inputs: { emptyContentTemplate: "emptyContentTemplate", nodeActionsMenuTemplate: "nodeActionsMenuTemplate", stickyHeader: "stickyHeader", selectableNodes: "selectableNodes", displayName: "displayName", loadMoreSuffix: "loadMoreSuffix", expandIcon: "expandIcon", collapseIcon: "collapseIcon", contextMenuOptions: "contextMenuOptions" }, outputs: { paginationChanged: "paginationChanged", contextMenuOptionSelected: "contextMenuOptionSelected" }, host: { properties: { "class.adf-tree-sticky-header": "this.stickyHeader" }, classAttribute: "adf-tree" }, viewQueries: [{ propertyName: "nodeCheckboxes", predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n    <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n        <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n            <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n                <span class=\"adf-tree-cell-value\">\n                    {{ displayName | translate }}\n                </span>\n            </div>\n        </div>\n        <mat-tree\n            class=\"adf-tree-body\"\n            [dataSource]=\"treeService\"\n            [treeControl]=\"treeService.treeControl\">\n            <mat-tree-node\n                class=\"adf-tree-load-more-row\"\n                [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n                *matTreeNodeDef=\"let node when isLoadMoreNode\"\n                matTreeNodePadding>\n                <div class=\"adf-tree-expand-collapse-container\">\n                    <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n                        <mat-progress-spinner\n                            color=\"primary\"\n                            mode=\"indeterminate\"\n                            [diameter]=\"24\"\n                            *ngIf=\"node.isLoading; else loadMoreIcon\" />\n                        <ng-template #loadMoreIcon>\n                            <adf-icon [value]=\"'chevron_right'\" />\n                        </ng-template>\n                    </button>\n                </div>\n                <div class=\"adf-tree-cell\">\n                    <span\n                        class=\"adf-tree-cell-value\"\n                        tabindex=\"0\"\n                        role=\"button\"\n                        (keyup.enter)=\"loadMoreSubnodes(node)\"\n                        (click)=\"loadMoreSubnodes(node)\">\n                        {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n                    </span>\n                </div>\n            </mat-tree-node>\n            <mat-tree-node\n                class=\"adf-tree-row\"\n                [attr.data-automation-id]=\"'node_' + node.id\"\n                *matTreeNodeDef=\"let node\"\n                matTreeNodePadding\n                [adf-context-menu]=\"contextMenuOptions\"\n                [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n                (contextmenu)=\"contextMenuSource = node\">\n                <div class=\"adf-tree-expand-collapse-container\">\n                    <button *ngIf=\"node.hasChildren\"\n                            class=\"adf-tree-expand-collapse-button\"\n                            (click)=\"expandCollapseNode(node)\"\n                            mat-icon-button>\n                        <mat-progress-spinner\n                            color=\"primary\"\n                            mode=\"indeterminate\"\n                            [diameter]=\"24\"\n                            *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n                        <ng-template #expandCollapseIcon>\n                            <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n                        </ng-template>\n                    </button>\n                </div>\n                <ng-container *ngIf=\"selectableNodes\">\n                    <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n                                  color=\"primary\"\n                                  [id]=\"node.id\"\n                                  [checked]=\"descendantsAllSelected(node)\"\n                                  [indeterminate]=\"descendantsPartiallySelected(node)\"\n                                  (change)=\"onNodeSelected(node)\"\n                                  data-automation-id=\"has-children-node-checkbox\" />\n                    <ng-template #noChildrenNodeCheckbox>\n                        <mat-checkbox\n                            color=\"primary\"\n                            [id]=\"node.id\"\n                            [checked]=\"treeNodesSelection.isSelected(node)\"\n                            (change)=\"onNodeSelected(node)\"\n                            data-automation-id=\"no-children-node-checkbox\" />\n                    </ng-template>\n                </ng-container>\n                <div class=\"adf-tree-cell\">\n                    <span\n                        class=\"adf-tree-cell-value\"\n                        [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n                        tabindex=\"0\"\n                        role=\"button\"\n                        (keyup.enter)=\"expandCollapseNode(node)\"\n                        (click)=\"expandCollapseNode(node)\">\n                        {{ node.nodeName }}\n                    </span>\n                </div>\n                <div class=\"adf-tree-actions\">\n                    <button mat-icon-button\n                            [matMenuTriggerFor]=\"menu\"\n                            [attr.id]=\"'action_menu_right_' + node.id\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <ng-template\n                            [ngTemplateOutlet]=\"nodeActionsMenuTemplate\"\n                            [ngTemplateOutletContext]=\"{ node: node }\" />\n                    </mat-menu>\n                </div>\n            </mat-tree-node>\n        </mat-tree>\n    </ng-container>\n</ng-container>\n\n<ng-template #emptyContent>\n    <ng-template [ngTemplateOutlet]=\"emptyContentTemplate\" />\n</ng-template>\n\n<ng-template #loadingSpinner>\n    <div class=\"adf-tree-loading-spinner-container\">\n        <mat-progress-spinner\n            color=\"primary\"\n            mode=\"indeterminate\" />\n    </div>\n</ng-template>\n", styles: [".adf-tree-sticky-header{display:flex;flex-direction:column;height:100%}.adf-tree-sticky-header mat-tree{overflow-y:scroll}.adf-tree-load-more-row .adf-tree-cell-value,.adf-tree-clickable-cell-value{cursor:pointer}.adf-tree-row,.adf-tree-load-more-row{transition:all .3s ease;display:flex;align-items:center;padding-left:15px;padding-right:15px;transition-property:background-color;border-bottom:1px solid var(--adf-theme-foreground-text-color-007);min-height:56px;-webkit-user-select:none;user-select:none}.adf-tree-row .adf-tree-expand-collapse-container,.adf-tree-load-more-row .adf-tree-expand-collapse-container{min-width:55px}.adf-tree-row:hover,.adf-tree-load-more-row:hover{background-color:var(--adf-theme-background-hover-color)}.adf-tree-row:hover .adf-tree-actions,.adf-tree-load-more-row:hover .adf-tree-actions{display:flex}.adf-tree-row:focus,.adf-tree-load-more-row:focus{background-color:var(--adf-theme-background-hover-color);outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-row .adf-tree-expand-collapse-button,.adf-tree-row .adf-tree-load-more-button,.adf-tree-load-more-row .adf-tree-expand-collapse-button,.adf-tree-load-more-row .adf-tree-load-more-button{display:flex;align-items:center;justify-content:center;margin-left:15px}.adf-tree-row .adf-tree-cell,.adf-tree-load-more-row .adf-tree-cell{color:var(--adf-theme-foreground-text-color);width:100%}.adf-tree-row .adf-tree-cell .adf-tree-cell-value,.adf-tree-load-more-row .adf-tree-cell .adf-tree-cell-value{display:inline-block;padding:10px;word-break:break-word}.adf-tree-header{display:flex;width:fit-content;min-width:100%;box-sizing:border-box}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value){cursor:pointer;position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:56px;font-size:12px;color:var(--adf-theme-foreground-text-color);box-sizing:border-box;padding-top:12px}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value):focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-loading-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value"] }, { 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: TreeComponent, isStandalone: true, selector: "adf-tree", inputs: { emptyContentTemplate: "emptyContentTemplate", nodeActionsMenuTemplate: "nodeActionsMenuTemplate", stickyHeader: "stickyHeader", selectableNodes: "selectableNodes", displayName: "displayName", loadMoreSuffix: "loadMoreSuffix", expandIcon: "expandIcon", collapseIcon: "collapseIcon", contextMenuOptions: "contextMenuOptions" }, outputs: { paginationChanged: "paginationChanged", contextMenuOptionSelected: "contextMenuOptionSelected" }, host: { properties: { "class.adf-tree-sticky-header": "this.stickyHeader" }, classAttribute: "adf-tree" }, viewQueries: [{ propertyName: "nodeCheckboxes", predicate: MatCheckbox, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"(loadingRoot$ | async) === false; else loadingSpinner\">\n    <ng-container *ngIf=\"!this.isEmpty(); else emptyContent\">\n        <div class=\"adf-tree-row adf-tree-header\" *ngIf=\"displayName\">\n            <div class=\"adf-tree-cell adf-tree-cell-header\" data-automation-id=\"tree-header-display-name\">\n                <span class=\"adf-tree-cell-value\">\n                    {{ displayName | translate }}\n                </span>\n            </div>\n        </div>\n        <mat-tree\n            class=\"adf-tree-body\"\n            [dataSource]=\"treeService\"\n            [treeControl]=\"treeService.treeControl\">\n            <mat-tree-node\n                class=\"adf-tree-load-more-row\"\n                [attr.data-automation-id]=\"'loadMoreSubnodes_' + node.parentId\"\n                *matTreeNodeDef=\"let node when isLoadMoreNode\"\n                matTreeNodePadding>\n                <div class=\"adf-tree-expand-collapse-container\">\n                    <button class=\"adf-tree-load-more-button\" mat-icon-button (click)=\"loadMoreSubnodes(node)\">\n                        <mat-progress-spinner\n                            color=\"primary\"\n                            mode=\"indeterminate\"\n                            [diameter]=\"24\"\n                            *ngIf=\"node.isLoading; else loadMoreIcon\" />\n                        <ng-template #loadMoreIcon>\n                            <adf-icon [value]=\"'chevron_right'\" />\n                        </ng-template>\n                    </button>\n                </div>\n                <div class=\"adf-tree-cell\">\n                    <span\n                        class=\"adf-tree-cell-value\"\n                        tabindex=\"0\"\n                        role=\"button\"\n                        (keyup.enter)=\"loadMoreSubnodes(node)\"\n                        (click)=\"loadMoreSubnodes(node)\">\n                        {{ 'ADF-TREE.LOAD-MORE-BUTTON' | translate: { name: loadMoreSuffix } }}\n                    </span>\n                </div>\n            </mat-tree-node>\n            <mat-tree-node\n                class=\"adf-tree-row\"\n                [attr.data-automation-id]=\"'node_' + node.id\"\n                *matTreeNodeDef=\"let node\"\n                matTreeNodePadding\n                [adf-context-menu]=\"contextMenuOptions\"\n                [adf-context-menu-enabled]=\"!!contextMenuOptions\"\n                (contextmenu)=\"contextMenuSource = node\">\n                <div class=\"adf-tree-expand-collapse-container\">\n                    <button *ngIf=\"node.hasChildren\"\n                            class=\"adf-tree-expand-collapse-button\"\n                            (click)=\"expandCollapseNode(node)\"\n                            mat-icon-button>\n                        <mat-progress-spinner\n                            color=\"primary\"\n                            mode=\"indeterminate\"\n                            [diameter]=\"24\"\n                            *ngIf=\"node.isLoading; else expandCollapseIcon\" />\n                        <ng-template #expandCollapseIcon>\n                            <adf-icon [value]=\"expandCollapseIconValue(node)\" />\n                        </ng-template>\n                    </button>\n                </div>\n                <ng-container *ngIf=\"selectableNodes\">\n                    <mat-checkbox *ngIf=\"node.hasChildren; else noChildrenNodeCheckbox\"\n                                  color=\"primary\"\n                                  [id]=\"node.id\"\n                                  [checked]=\"descendantsAllSelected(node)\"\n                                  [indeterminate]=\"descendantsPartiallySelected(node)\"\n                                  (change)=\"onNodeSelected(node)\"\n                                  data-automation-id=\"has-children-node-checkbox\" />\n                    <ng-template #noChildrenNodeCheckbox>\n                        <mat-checkbox\n                            color=\"primary\"\n                            [id]=\"node.id\"\n                            [checked]=\"treeNodesSelection.isSelected(node)\"\n                            (change)=\"onNodeSelected(node)\"\n                            data-automation-id=\"no-children-node-checkbox\" />\n                    </ng-template>\n                </ng-container>\n                <div class=\"adf-tree-cell\">\n                    <span\n                        class=\"adf-tree-cell-value\"\n                        [class.adf-tree-clickable-cell-value]=\"node.hasChildren\"\n                        tabindex=\"0\"\n                        role=\"button\"\n                        (keyup.enter)=\"expandCollapseNode(node)\"\n                        (click)=\"expandCollapseNode(node)\">\n                        {{ node.nodeName }}\n                    </span>\n                </div>\n                <div class=\"adf-tree-actions\">\n                    <button mat-icon-button\n                            [matMenuTriggerFor]=\"menu\"\n                            [attr.id]=\"'action_menu_right_' + node.id\">\n                        <mat-icon>more_vert</mat-icon>\n                    </button>\n                    <mat-menu #menu=\"matMenu\">\n                        <ng-template\n                            [ngTemplateOutlet]=\"nodeActionsMenuTemplate\"\n                            [ngTemplateOutletContext]=\"{ node: node }\" />\n                    </mat-menu>\n                </div>\n            </mat-tree-node>\n        </mat-tree>\n    </ng-container>\n</ng-container>\n\n<ng-template #emptyContent>\n    <ng-template [ngTemplateOutlet]=\"emptyContentTemplate\" />\n</ng-template>\n\n<ng-template #loadingSpinner>\n    <div class=\"adf-tree-loading-spinner-container\">\n        <mat-progress-spinner\n            color=\"primary\"\n            mode=\"indeterminate\" />\n    </div>\n</ng-template>\n", styles: [".adf-tree-sticky-header{display:flex;flex-direction:column;height:100%}.adf-tree-sticky-header mat-tree{overflow-y:scroll}.adf-tree-load-more-row .adf-tree-cell-value,.adf-tree-clickable-cell-value{cursor:pointer}.adf-tree-row,.adf-tree-load-more-row{transition:all .3s ease;display:flex;align-items:center;padding-left:15px;padding-right:15px;transition-property:background-color;border-bottom:1px solid var(--adf-theme-foreground-text-color-007);min-height:56px;-webkit-user-select:none;user-select:none}.adf-tree-row .adf-tree-expand-collapse-container,.adf-tree-load-more-row .adf-tree-expand-collapse-container{min-width:55px}.adf-tree-row:hover,.adf-tree-load-more-row:hover{background-color:var(--adf-theme-background-hover-color)}.adf-tree-row:hover .adf-tree-actions,.adf-tree-load-more-row:hover .adf-tree-actions{display:flex}.adf-tree-row:focus,.adf-tree-load-more-row:focus{background-color:var(--adf-theme-background-hover-color);outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-row .adf-tree-expand-collapse-button,.adf-tree-row .adf-tree-load-more-button,.adf-tree-load-more-row .adf-tree-expand-collapse-button,.adf-tree-load-more-row .adf-tree-load-more-button{display:flex;align-items:center;justify-content:center;margin-left:15px}.adf-tree-row .adf-tree-cell,.adf-tree-load-more-row .adf-tree-cell{color:var(--adf-theme-foreground-text-color);width:100%}.adf-tree-row .adf-tree-cell .adf-tree-cell-value,.adf-tree-load-more-row .adf-tree-cell .adf-tree-cell-value{display:inline-block;padding:10px;word-break:break-word}.adf-tree-header{display:flex;width:fit-content;min-width:100%;box-sizing:border-box}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value){cursor:pointer;position:relative;vertical-align:bottom;text-overflow:ellipsis;font-weight:700;line-height:24px;letter-spacing:0;min-height:56px;font-size:12px;color:var(--adf-theme-foreground-text-color);box-sizing:border-box;padding-top:12px}.adf-tree-header .adf-tree-cell-header:has(.adf-tree-cell-value):focus{outline-offset:-1px;outline:1px solid var(--theme-accent-color-a200)}.adf-tree-loading-spinner-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i3$4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i3$4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "component", type: i3$4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i3$4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: IconComponent, selector: "adf-icon", inputs: ["color", "fontSet", "value", "isSvg"] }, { kind: "directive", type: ContextMenuDirective, selector: "[adf-context-menu]", inputs: ["adf-context-menu", "adf-context-menu-enabled"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TreeComponent, decorators: [{
             type: Component,