@alfresco/adf-core 8.1.0-14614292306 → 8.1.0-14621393037
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/esm2022/lib/about/about-package/package-list.component.mjs +3 -3
- package/esm2022/lib/about/about-server-settings/about-server-settings.component.mjs +3 -3
- package/esm2022/lib/about/about.component.mjs +3 -3
- package/esm2022/lib/card-view/components/card-view/card-view.component.mjs +3 -3
- package/esm2022/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.mjs +3 -3
- package/esm2022/lib/identity-user-info/identity-user-info.component.mjs +3 -3
- package/esm2022/lib/info-drawer/info-drawer.component.mjs +3 -3
- package/esm2022/lib/layout/components/header/header.component.mjs +3 -3
- package/fesm2022/adf-core.mjs +16 -16
- package/fesm2022/adf-core.mjs.map +1 -1
- package/lib/about/about-package/package-list.component.scss +5 -5
- package/lib/about/about-server-settings/about-server-settings.component.scss +5 -5
- package/lib/about/about.component.scss +3 -3
- package/lib/card-view/components/card-view/card-view.component.scss +3 -3
- package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss +3 -3
- package/lib/identity-user-info/identity-user-info.component.scss +8 -7
- package/lib/info-drawer/info-drawer.component.scss +11 -11
- package/lib/layout/components/header/header.component.scss +5 -5
- package/lib/styles/_colors.scss +4 -171
- package/lib/styles/_index.scss +14 -3
- package/package.json +3 -3
- package/lib/styles/_components-variables.scss +0 -105
- package/lib/styles/_reference-variables.scss +0 -33
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -294,11 +294,11 @@ class PackageListComponent {
|
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PackageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PackageListComponent, isStandalone: true, selector: "adf-about-package-list", inputs: { dependencies: "dependencies", data: "data" }, ngImport: i0, template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table{background:var(--adf-
|
|
297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: PackageListComponent, isStandalone: true, selector: "adf-about-package-list", inputs: { dependencies: "dependencies", data: "data" }, ngImport: i0, template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table{background:var(--adf-theme-background-card-color)}.adf-package-list-table__header-row{min-height:56px}.adf-package-list-table__header-cell{color:var(--adf-theme-foreground-secondary-text-color)}.adf-package-list-table__row{min-height:48px}.adf-package-list-table__row-cell{color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
298
298
|
}
|
|
299
299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: PackageListComponent, decorators: [{
|
|
300
300
|
type: Component,
|
|
301
|
-
args: [{ selector: 'adf-about-package-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, MatTableModule], template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table{background:var(--adf-
|
|
301
|
+
args: [{ selector: 'adf-about-package-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TranslateModule, MatTableModule], template: "<mat-table [dataSource]=\"data\" class=\"adf-package-list-table\">\n <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.columnDef\">\n <mat-header-cell *matHeaderCellDef class=\"adf-package-list-table__header-cell\">\n {{ column.header | translate }}\n </mat-header-cell>\n <mat-cell *matCellDef=\"let row\" class=\"adf-package-list-table__row-cell\">{{ column.cell(row) }}</mat-cell>\n </ng-container>\n\n <mat-header-row *matHeaderRowDef=\"displayedColumns\" class=\"adf-package-list-table__header-row\" />\n <mat-row *matRowDef=\"let row; columns: displayedColumns\" class=\"adf-package-list-table__row\" />\n</mat-table>\n", styles: [".adf-package-list-table{background:var(--adf-theme-background-card-color)}.adf-package-list-table__header-row{min-height:56px}.adf-package-list-table__header-cell{color:var(--adf-theme-foreground-secondary-text-color)}.adf-package-list-table__row{min-height:48px}.adf-package-list-table__row-cell{color:var(--adf-theme-foreground-text-color)}\n"] }]
|
|
302
302
|
}], propDecorators: { dependencies: [{
|
|
303
303
|
type: Input
|
|
304
304
|
}], data: [{
|
|
@@ -675,11 +675,11 @@ class AboutServerSettingsComponent {
|
|
|
675
675
|
this.bpmHost = this.appConfig.get(AppConfigValues.BPMHOST);
|
|
676
676
|
}
|
|
677
677
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutServerSettingsComponent, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
678
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AboutServerSettingsComponent, isStandalone: true, selector: "adf-about-server-settings", ngImport: i0, template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{background:var(--adf-
|
|
678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AboutServerSettingsComponent, isStandalone: true, selector: "adf-about-server-settings", ngImport: i0, template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{background:var(--adf-theme-background-card-color);color:var(--adf-theme-foreground-text-color);border-radius:4px;padding:16px}.adf-about-server-settings__card:has(p){border:none}.adf-about-server-settings__card:has(p) p{margin:0 0 10px}.adf-about-server-settings__card:has(p) p:last-child{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
679
679
|
}
|
|
680
680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutServerSettingsComponent, decorators: [{
|
|
681
681
|
type: Component,
|
|
682
|
-
args: [{ selector: 'adf-about-server-settings', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, TranslateModule, MatCardModule], template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{background:var(--adf-
|
|
682
|
+
args: [{ selector: 'adf-about-server-settings', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, TranslateModule, MatCardModule], template: "<div class=\"adf-about-server-settings\">\n <mat-card appearance=\"outlined\" class=\"mat-elevation-z0 adf-about-server-settings__card\">\n <p data-automation-id=\"adf-process-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.PROCESS_SERVICE_HOST' | translate: {value: bpmHost} }}\n </p>\n <p data-automation-id=\"adf-content-service-host\">\n {{ 'ABOUT.SERVER_SETTINGS.CONTENT_SERVICE_HOST' | translate: {value: ecmHost} }}\n </p>\n </mat-card>\n</div>\n", styles: [".adf-about-server-settings__card{background:var(--adf-theme-background-card-color);color:var(--adf-theme-foreground-text-color);border-radius:4px;padding:16px}.adf-about-server-settings__card:has(p){border:none}.adf-about-server-settings__card:has(p) p{margin:0 0 10px}.adf-about-server-settings__card:has(p) p:last-child{margin:0}\n"] }]
|
|
683
683
|
}], ctorParameters: () => [{ type: AppConfigService }] });
|
|
684
684
|
|
|
685
685
|
/*!
|
|
@@ -779,11 +779,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
779
779
|
*/
|
|
780
780
|
class AboutComponent {
|
|
781
781
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AboutComponent, isStandalone: true, selector: "adf-about", queries: [{ propertyName: "panels", predicate: AboutPanelDirective }], ngImport: i0, template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:
|
|
782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: AboutComponent, isStandalone: true, selector: "adf-about", queries: [{ propertyName: "panels", predicate: AboutPanelDirective }], ngImport: i0, template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}.adf-about-panel-header__title{color:var(--adf-theme-foreground-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2$1.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2$1.MatExpansionPanelTitle, selector: "mat-panel-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
783
783
|
}
|
|
784
784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: AboutComponent, decorators: [{
|
|
785
785
|
type: Component,
|
|
786
|
-
args: [{ selector: 'adf-about', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, MatExpansionModule], template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:
|
|
786
|
+
args: [{ selector: 'adf-about', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule, MatExpansionModule], template: "<mat-accordion [togglePosition]=\"'before'\" class=\"adf-about-panel\">\n <ng-container *ngFor=\"let panel of panels\">\n <mat-expansion-panel [attr.data-automation-id]=\"panel.automationId\">\n <mat-expansion-panel-header class=\"adf-about-panel-header\">\n <mat-panel-title class=\"adf-about-panel-header__title\">{{panel.label}}</mat-panel-title>\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"panel.layoutTemplate\" />\n </mat-expansion-panel>\n </ng-container>\n</mat-accordion>\n", styles: [".adf-about-panel-header{height:48px}.adf-about-panel-header__title{color:var(--adf-theme-foreground-text-color)}\n"] }]
|
|
787
787
|
}], propDecorators: { panels: [{
|
|
788
788
|
type: ContentChildren,
|
|
789
789
|
args: [AboutPanelDirective]
|
|
@@ -12027,7 +12027,7 @@ class InfoDrawerComponent {
|
|
|
12027
12027
|
this.currentTab.emit(event.index);
|
|
12028
12028
|
}
|
|
12029
12029
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: InfoDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12030
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--
|
|
12030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: InfoDrawerComponent, isStandalone: true, selector: "adf-info-drawer", inputs: { title: "title", icon: "icon", selectedIndex: "selectedIndex", showHeader: "showHeader" }, outputs: { currentTab: "currentTab" }, host: { listeners: { "keydown": "onKeyDown($event)", "keyup": "onKeyUp($event)" }, classAttribute: "adf-info-drawer" }, queries: [{ propertyName: "contentBlocks", predicate: InfoDrawerTabComponent }], ngImport: i0, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InfoDrawerLayoutComponent, selector: "adf-info-drawer-layout", inputs: ["showHeader"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i3$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: InfoDrawerTitleDirective, selector: "[adf-info-drawer-title], [info-drawer-title]" }, { kind: "directive", type: InfoDrawerContentDirective, selector: "[adf-info-drawer-content], [info-drawer-content]" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12031
12031
|
}
|
|
12032
12032
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: InfoDrawerComponent, decorators: [{
|
|
12033
12033
|
type: Component,
|
|
@@ -12041,7 +12041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
12041
12041
|
InfoDrawerTitleDirective,
|
|
12042
12042
|
InfoDrawerContentDirective,
|
|
12043
12043
|
InfoDrawerTabComponent
|
|
12044
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--
|
|
12044
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-info-drawer' }, template: "<adf-info-drawer-layout [showHeader]=\"showHeader\">\n <img *ngIf=\"icon\" class=\"adf-info-drawer-icon\" alt=\"{{ 'INFO_DRAWER.ICON' | translate }}\" src=\"{{ icon }}\" info-drawer-node-icon>\n <div *ngIf=\"title\" role=\"heading\" aria-level=\"1\" title=\"{{ title | translate }}\" info-drawer-title>{{ title | translate }}</div>\n\n <ng-content *ngIf=\"!title\" info-drawer-title select=\"[info-drawer-title]\" />\n <ng-content info-drawer-buttons select=\"[info-drawer-buttons]\" />\n <ng-container info-drawer-content *ngIf=\"showTabLayout(); then tabLayout else singleLayout\" />\n\n <ng-template #tabLayout>\n <mat-tab-group [(selectedIndex)]=\"selectedIndex\" class=\"adf-info-drawer-tabs\" (selectedTabChange)=\"onTabChange($event)\" [animationDuration]=\"0\">\n <mat-tab *ngFor=\"let contentBlock of contentBlocks\"\n #tab\n [labelClass]=\"[\n 'adf-info-drawer-tab',\n tab.isActive ? 'adf-info-drawer-tab--active' : '',\n ]\"\n [label]=\"contentBlock.label | translate\"\n class=\"adf-info-drawer-tab\">\n\n <ng-template mat-tab-label>\n <mat-icon *ngIf=\"contentBlock.icon\">{{ contentBlock.icon }}</mat-icon>\n <span *ngIf=\"contentBlock.label\">{{ contentBlock.label | translate }}</span>\n </ng-template>\n\n <ng-container *ngTemplateOutlet=\"contentBlock.content\" />\n </mat-tab>\n </mat-tab-group>\n </ng-template>\n\n <ng-template #singleLayout>\n <ng-content select=\"[info-drawer-content]\" />\n </ng-template>\n</adf-info-drawer-layout>\n", styles: [".adf-info-drawer .adf-metadata-properties-panel{display:block;margin:0}.adf-info-drawer .mdc-tab__text-label{min-width:0}.adf-info-drawer .adf-info-drawer-layout .adf-info-drawer-icon{display:inline-block;vertical-align:middle;margin-right:10px}.adf-info-drawer .adf-info-drawer-layout-content{padding:0}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs){padding:10px}.adf-info-drawer .adf-info-drawer-layout-content>:not(.adf-info-drawer-tabs)>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*{margin-bottom:20px;display:block}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content>*:last-child{margin-bottom:0}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label{flex-grow:1}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mdc-tab__text-label .mat-icon+span{padding-left:5px}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body{overflow-y:hidden}.adf-info-drawer .adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-mdc-tab-body-content{overflow:auto}.adf-info-drawer-tabs .mat-mdc-tab-label-container{border-bottom:1px solid rgba(0,0,0,.12)}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab{color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset;opacity:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab.mat-mdc-tab{flex-grow:1}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:has(span){height:32px}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active{color:var(--theme-primary-color);background-color:var(--adf-theme-background-card-color);border-bottom:1px solid unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--active:focus{color:var(--adf-theme-foreground-text-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab:hover:not([class*=--disabled],[class*=--active]){color:var(--theme-accent-color);background-color:var(--adf-theme-background-card-color);border-bottom:unset}.adf-info-drawer-tabs div[role=tab].adf-info-drawer-tab--disabled{color:var(--adf-info-drawer-tab-disabled-color);background-color:var(--adf-info-drawer-tab-disabled-background);border-bottom:var(--adf-info-drawer-tab-disabled-bottom-line)}\n"] }]
|
|
12045
12045
|
}], propDecorators: { title: [{
|
|
12046
12046
|
type: Input
|
|
12047
12047
|
}], icon: [{
|
|
@@ -12843,11 +12843,11 @@ class IdentityUserInfoComponent {
|
|
|
12843
12843
|
return this.isLoggedIn && !!this.identityUser;
|
|
12844
12844
|
}
|
|
12845
12845
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IdentityUserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12846
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: IdentityUserInfoComponent, isStandalone: true, selector: "adf-identity-user-info", inputs: { isLoggedIn: "isLoggedIn", identityUser: "identityUser", bpmBackgroundImage: "bpmBackgroundImage", menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", showName: "showName", namePosition: "namePosition" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--adf-
|
|
12846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: IdentityUserInfoComponent, isStandalone: true, selector: "adf-identity-user-info", inputs: { isLoggedIn: "isLoggedIn", identityUser: "identityUser", bpmBackgroundImage: "bpmBackgroundImage", menuPositionX: "menuPositionX", menuPositionY: "menuPositionY", showName: "showName", namePosition: "namePosition" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--adf-theme-primary-300);display:inline-block;width:40px;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-userinfo-profile-container{display:inline-block}.adf-userinfo-menu_button.adf-identity-userinfo-button{margin-right:0;border-radius:90%;padding:0;min-width:40px;height:40px}.adf-userinfo-card-header{align-items:center;display:flex;justify-content:stretch;line-height:normal;height:100px;box-sizing:border-box}.adf-userinfo-card.adf-identity-userinfo-card{padding:0}.adf-userinfo-supporting-text{overflow:hidden;padding:32px;column-count:2;display:flex;flex-direction:column}@media (max-width: 599.9px){.adf-userinfo-supporting-text{padding:10px}}.adf-userinfo__detail-title{text-overflow:ellipsis}.adf-userinfo-profile-picture{background:var(--adf-theme-primary-300);background-size:cover;border-radius:50%;height:80px;width:80px;margin-left:0;margin-right:8px}.adf-userinfo-button-profile{display:inline-block;border:0;vertical-align:middle}@media only screen and (device-width >= 480px){.adf-identity-userinfo-menu.adf-userinfo-menu{max-height:450px;min-width:450px;overflow:auto;padding:0}}.adf-identity-userinfo-menu.adf-userinfo-menu>div{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: FullNamePipe, name: "fullName" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8.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: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: InitialUsernamePipe, name: "usernameInitials" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i9.MatCardHeader, selector: "mat-card-header" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
12847
12847
|
}
|
|
12848
12848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: IdentityUserInfoComponent, decorators: [{
|
|
12849
12849
|
type: Component,
|
|
12850
|
-
args: [{ selector: 'adf-identity-user-info', standalone: true, imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslateModule], encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--adf-
|
|
12850
|
+
args: [{ selector: 'adf-identity-user-info', standalone: true, imports: [CommonModule, FullNamePipe, MatMenuModule, InitialUsernamePipe, MatButtonModule, MatCardModule, TranslateModule], encapsulation: ViewEncapsulation.None, template: "<div\n *ngIf=\"isLoggedIn\"\n id=\"userinfo_container\"\n [class.adf-userinfo-name-right]=\"showOnRight\"\n (keyup)=\"onKeyPress($event)\"\n tabindex=\"0\"\n role=\"button\"\n class=\"adf-userinfo-container\"\n>\n <span *ngIf=\"showName\" id=\"adf-userinfo-identity-name-display\" class=\"adf-userinfo-name\">\n {{ identityUser | fullName }}\n </span>\n <button mat-button [matMenuTriggerFor]=\"menu\" class=\"adf-userinfo-menu_button adf-identity-userinfo-button\" data-automation-id=\"adf-user-profile\">\n <div class=\"adf-userinfo-button-profile\" id=\"user-profile\">\n <div id=\"identity-user-image\">\n <div [innerHTML]=\"identityUser | usernameInitials : 'adf-userinfo-pic'\"></div>\n </div>\n </div>\n </button>\n <mat-menu\n #menu=\"matMenu\"\n id=\"user-profile-lists\"\n [xPosition]=\"menuPositionX\"\n [yPosition]=\"menuPositionY\"\n [overlapTrigger]=\"false\"\n class=\"adf-userinfo-menu adf-identity-userinfo-menu\"\n >\n <mat-card class=\"adf-userinfo-card adf-identity-userinfo-card\">\n <mat-card-header class=\"adf-userinfo-card-header\" [style.background-image]=\"'url(' + bpmBackgroundImage + ')'\">\n <div class=\"mat-headline-6\" id=\"identity-username\">{{ identityUser | fullName }}</div>\n </mat-card-header>\n <mat-card-content>\n <div class=\"adf-userinfo-supporting-text\">\n <h2 id=\"identity-full-name\" class=\"adf-userinfo__detail-title\">{{ identityUser | fullName }}</h2>\n <span id=\"identity-email\"> {{ identityUser.email }} </span>\n <a href=\"#/profile\"> {{ 'USER_PROFILE.LABELS.MY_PROFILE' | translate }}</a>\n </div>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n</div>\n", styles: [".adf-userinfo-container{display:flex;align-items:center;padding:0 5px}.adf-userinfo-name-right{flex-direction:row-reverse}.adf-userinfo-name{padding:0 5px}@media (max-width: 959.9px){.adf-userinfo-name{display:none}}.adf-userinfo-pic{background:var(--adf-theme-primary-300);display:inline-block;width:40px;height:40px;border-radius:100px;text-align:center;font-weight:bolder;font-size:var(--theme-adf-picture-1-font-size);text-transform:uppercase;vertical-align:middle;line-height:40px}.adf-userinfo-profile-container{display:inline-block}.adf-userinfo-menu_button.adf-identity-userinfo-button{margin-right:0;border-radius:90%;padding:0;min-width:40px;height:40px}.adf-userinfo-card-header{align-items:center;display:flex;justify-content:stretch;line-height:normal;height:100px;box-sizing:border-box}.adf-userinfo-card.adf-identity-userinfo-card{padding:0}.adf-userinfo-supporting-text{overflow:hidden;padding:32px;column-count:2;display:flex;flex-direction:column}@media (max-width: 599.9px){.adf-userinfo-supporting-text{padding:10px}}.adf-userinfo__detail-title{text-overflow:ellipsis}.adf-userinfo-profile-picture{background:var(--adf-theme-primary-300);background-size:cover;border-radius:50%;height:80px;width:80px;margin-left:0;margin-right:8px}.adf-userinfo-button-profile{display:inline-block;border:0;vertical-align:middle}@media only screen and (device-width >= 480px){.adf-identity-userinfo-menu.adf-userinfo-menu{max-height:450px;min-width:450px;overflow:auto;padding:0}}.adf-identity-userinfo-menu.adf-userinfo-menu>div{padding:0}\n"] }]
|
|
12851
12851
|
}], propDecorators: { trigger: [{
|
|
12852
12852
|
type: ViewChild,
|
|
12853
12853
|
args: [MatMenuTrigger]
|
|
@@ -18727,11 +18727,11 @@ class CardViewArrayItemComponent extends BaseCardView {
|
|
|
18727
18727
|
return !!this.property.clickable;
|
|
18728
18728
|
}
|
|
18729
18729
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CardViewArrayItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18730
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CardViewArrayItemComponent, isStandalone: true, selector: "adf-card-view-arrayitem", usesInheritance: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-array-item-action{color:var(--adf-theme-foreground-text-color-025)}.adf-array-item-action:hover,.adf-array-item-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;background:var(--adf-
|
|
18730
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CardViewArrayItemComponent, isStandalone: true, selector: "adf-card-view-arrayitem", usesInheritance: true, ngImport: i0, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-array-item-action{color:var(--adf-theme-foreground-text-color-025)}.adf-array-item-action:hover,.adf-array-item-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;background:var(--adf-theme-background-card-color);border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-card-view-array-item-container .mat-mdc-chip:hover{cursor:pointer}.adf-card-view-array-chip-content{display:flex;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i9$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", "tabIndex"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i9$1.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i8.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: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i9.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18731
18731
|
}
|
|
18732
18732
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CardViewArrayItemComponent, decorators: [{
|
|
18733
18733
|
type: Component,
|
|
18734
|
-
args: [{ selector: 'adf-card-view-arrayitem', standalone: true, imports: [CommonModule, MatChipsModule, TranslateModule, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-array-item-action{color:var(--adf-theme-foreground-text-color-025)}.adf-array-item-action:hover,.adf-array-item-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;background:var(--adf-
|
|
18734
|
+
args: [{ selector: 'adf-card-view-arrayitem', standalone: true, imports: [CommonModule, MatChipsModule, TranslateModule, MatIconModule, MatMenuModule, MatCardModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div [attr.data-automation-id]=\"'card-array-label-' + property.key\" class=\"adf-property-label\">{{ property.label | translate }}</div>\n<div class=\"adf-property-value adf-card-view-array-item-container\">\n <ng-container *ngIf=\"(property.displayValue | async) as items; else elseEmptyValueBlock\">\n <mat-chip-listbox *ngIf=\"items.length > 0; else elseEmptyValueBlock\" data-automation-id=\"card-arrayitem-chip-list-container\">\n <ng-container *ngIf=\"displayCount > 0; else withOutDisplayCount\" >\n <mat-chip\n *ngFor=\"let item of items.slice(0, displayCount)\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n <mat-chip\n *ngIf=\"items.length > displayCount\"\n data-automation-id=\"card-arrayitem-more-chip\"\n [matMenuTriggerFor]=\"menu\">\n <span>{{items.length - displayCount}} {{'CORE.CARDVIEW.MORE' | translate}}</span>\n </mat-chip>\n </ng-container>\n <ng-template #withOutDisplayCount>\n <mat-chip\n *ngFor=\"let item of items\"\n (keyup.enter)=\"clicked()\"\n (click)=\"clicked()\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </ng-template>\n </mat-chip-listbox>\n <mat-menu #menu=\"matMenu\">\n <mat-card appearance=\"outlined\" class=\"adf-array-item-more-chip-container\">\n <mat-card-content>\n <mat-chip-listbox>\n <mat-chip (click)=\"clicked()\" (keyup.enter)=\"clicked()\"\n *ngFor=\"let item of items.slice(displayCount, items.length)\"\n [attr.data-automation-id]=\"'card-arrayitem-chip-' + item.value\">\n <div class=\"adf-card-view-array-chip-content\">\n <mat-icon *ngIf=\"item?.icon\" class=\"adf-array-item-icon\">{{item.icon}}</mat-icon>\n <span>{{item?.value}}</span>\n </div>\n </mat-chip>\n </mat-chip-listbox>\n </mat-card-content>\n </mat-card>\n </mat-menu>\n </ng-container>\n <ng-template #elseEmptyValueBlock>\n <span class=\"adf-card-array-item-default\" data-automation-id=\"card-arrayitem-default\">{{ property?.default | translate }}</span>\n </ng-template>\n <button mat-icon-button *ngIf=\"showClickableIcon\"\n (click)=\"clicked()\"\n (keydown.enter)=\"clicked()\"\n class=\"adf-array-item-action\"\n [attr.aria-label]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'card-array-item-clickable-icon-' + property.key\">\n <mat-icon class=\"adf-array-item-button-icon\">{{property.icon}}</mat-icon>\n </button>\n</div>\n", styles: [".adf-array-item-icon{margin-right:5px}.adf-array-item-action{color:var(--adf-theme-foreground-text-color-025)}.adf-array-item-action:hover,.adf-array-item-action:focus{color:var(--adf-theme-foreground-text-color)}.adf-card-array-item-default{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.adf-array-item-more-chip-container.mat-mdc-card{box-shadow:none;max-height:300px;overflow-y:auto}.adf-property-value .mat-mdc-chip-list{padding-top:6px}.adf-card-view-array-item-container{flex-direction:row;box-sizing:border-box;display:flex;place-content:center space-between;align-items:center;background:var(--adf-theme-background-card-color);border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-card-view-array-item-container .mat-mdc-chip:hover{cursor:pointer}.adf-card-view-array-chip-content{display:flex;cursor:pointer}\n"] }]
|
|
18735
18735
|
}] });
|
|
18736
18736
|
|
|
18737
18737
|
/*!
|
|
@@ -18915,11 +18915,11 @@ class CardViewComponent {
|
|
|
18915
18915
|
this.displayLabelForChips = false;
|
|
18916
18916
|
}
|
|
18917
18917
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CardViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18918
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:
|
|
18918
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: CardViewComponent, isStandalone: true, selector: "adf-card-view", inputs: { properties: "properties", editable: "editable", displayEmpty: "displayEmpty", displayNoneOption: "displayNoneOption", displayClearAction: "displayClearAction", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", multiValueSeparator: "multiValueSeparator", displayLabelForChips: "displayLabelForChips" }, ngImport: i0, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;padding:3px 0;line-height:20px}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field mat-input-element{text-overflow:ellipsis;color:var(--adf-metadata-property-panel-title-color);padding:6px 0;line-height:20px}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-value.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color);background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CardViewItemDispatcherComponent, selector: "adf-card-view-item-dispatcher", inputs: ["property", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18919
18919
|
}
|
|
18920
18920
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: CardViewComponent, decorators: [{
|
|
18921
18921
|
type: Component,
|
|
18922
|
-
args: [{ selector: 'adf-card-view', standalone: true, imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:
|
|
18922
|
+
args: [{ selector: 'adf-card-view', standalone: true, imports: [CommonModule, CardViewItemDispatcherComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-property-list\">\n <div *ngFor=\"let property of properties\" class=\"adf-property-container\">\n <div [attr.data-automation-id]=\"'header-'+property.key\" class=\"adf-property\">\n <adf-card-view-item-dispatcher\n [property]=\"property\"\n [editable]=\"editable\"\n [displayEmpty]=\"displayEmpty\"\n [displayNoneOption]=\"property['displayNoneOption'] !== undefined ? property['displayNoneOption'] : displayNoneOption\"\n [displayClearAction]=\"displayClearAction\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"displayLabelForChips\" />\n </div>\n </div>\n</div>\n", styles: [".adf-property-list{border:unset;border-color:var(--adf-theme-foreground-divider-color);border-radius:0}.adf-property-list .adf-property-label{color:var(--adf-metadata-property-panel-text-color);display:flex;padding:3px 0;line-height:20px}.adf-property-list .adf-property-label.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-label.adf-property-readonly-value{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-container{margin-bottom:12px}.adf-property-list .adf-property .adf-property-field{width:100%}.adf-property-list .adf-property .adf-property-field mat-form-field-underline{display:none}.adf-property-list .adf-property .adf-property-field mat-input-element{text-overflow:ellipsis;color:var(--adf-metadata-property-panel-title-color);padding:6px 0;line-height:20px}.adf-property-list .adf-property .adf-property-field .adf-card-view__key-value-pairs__row .mat-mdc-input-element{margin-top:0;padding-left:12px}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-text-infix{border-top-width:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-form-field-flex{padding-top:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-text-field-wrapper{background-color:inherit;padding-bottom:0;padding-left:0;padding-right:0}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label{padding:0;justify-content:center;display:flex;flex-direction:column;height:20px}.adf-property-list .adf-property .adf-property-field .mat-mdc-floating-label.adf-property-field-label--empty{transform:translateY(-1.3437em) scale(1)}.adf-property-list .adf-property .adf-card-view-textitem .adf-property-field{padding-top:0}.adf-property-list .adf-property-value{color:var(--adf-metadata-property-panel-title-color)}.adf-property-list .adf-property-value.adf-property-value-editable{color:var(--adf-metadata-property-panel-title-color);background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;height:32px;padding-left:10px}.adf-property-list .adf-property-value.adf-property-value-editable .mat-mdc-input-element{color:var(--adf-metadata-action-button-clear-color);padding:5px 0 6px 12px;margin:5px 0 0}.adf-property-list .adf-property-value.adf-property-readonly-value,.adf-property-list .adf-property-value.adf-property-readonly-value .mat-mdc-input-element{color:var(--adf-metadata-property-panel-label-color)}.adf-property-list .adf-property-value-has-error{border:1px solid var(--theme-warn-color)}.adf-property-list .adf-property-value-input{background-color:var(--adf-metadata-buttons-background-color);box-sizing:border-box;border-radius:6px;padding:6px 0;margin:0;width:100%}\n"] }]
|
|
18923
18923
|
}], propDecorators: { properties: [{
|
|
18924
18924
|
type: Input,
|
|
18925
18925
|
args: [{ required: true }]
|
|
@@ -25203,11 +25203,11 @@ class HeaderLayoutComponent {
|
|
|
25203
25203
|
}
|
|
25204
25204
|
}
|
|
25205
25205
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HeaderLayoutComponent, deps: [{ token: AppConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: HeaderLayoutComponent, isStandalone: true, selector: "adf-layout-header", inputs: { title: "title", logo: "logo", showLogo: "showLogo", redirectUrl: "redirectUrl", tooltip: "tooltip", color: "color", backgroundImage: "backgroundImage", showSidenavToggle: "showSidenavToggle", toggleIcon: "toggleIcon", expandedSidenav: "expandedSidenav", position: "position" }, outputs: { clicked: "clicked" }, host: { classAttribute: "adf-layout-header" }, ngImport: i0, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--theme-header-text-color);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--adf-theme-background-card-color)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--theme-primary-color-default-contrast)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:
|
|
25206
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: HeaderLayoutComponent, isStandalone: true, selector: "adf-layout-header", inputs: { title: "title", logo: "logo", showLogo: "showLogo", redirectUrl: "redirectUrl", tooltip: "tooltip", color: "color", backgroundImage: "backgroundImage", showSidenavToggle: "showSidenavToggle", toggleIcon: "toggleIcon", expandedSidenav: "expandedSidenav", position: "position" }, outputs: { clicked: "clicked" }, host: { classAttribute: "adf-layout-header" }, ngImport: i0, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--theme-header-text-color);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--adf-theme-background-card-color)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--theme-primary-color-default-contrast)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:inherit;border-radius:50%}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:hover{color:inherit}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:active{color:inherit}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-right:-11px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-left:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-left:-11px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-right:16px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-right:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1$4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25207
25207
|
}
|
|
25208
25208
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: HeaderLayoutComponent, decorators: [{
|
|
25209
25209
|
type: Component,
|
|
25210
|
-
args: [{ selector: 'adf-layout-header', standalone: true, imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslateModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-layout-header' }, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--theme-header-text-color);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--adf-theme-background-card-color)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--theme-primary-color-default-contrast)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:
|
|
25210
|
+
args: [{ selector: 'adf-layout-header', standalone: true, imports: [CommonModule, MatToolbarModule, MatButtonModule, MatIconModule, RouterModule, TranslateModule], encapsulation: ViewEncapsulation.None, host: { class: 'adf-layout-header' }, template: "<mat-toolbar\n class=\"adf-toolbar-container-row\"\n [color]=\"color\"\n [style.background-color]=\"color\"\n [style.background-image]=\"backgroundImage ? 'url(' + backgroundImage + ')' : 'none'\">\n <button\n *ngIf=\"showSidenavToggle && position === 'start'\"\n id=\"adf-sidebar-toggle-start\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n\n <a *ngIf=\"showLogo\" [routerLink]=\"redirectUrl\" title=\"{{ tooltip }}\">\n <img\n src=\"{{ logo }}\"\n class=\"adf-app-logo\"\n alt=\"{{ 'CORE.HEADER.LOGO_ARIA' | translate }}\"\n />\n </a>\n\n <h1\n role=\"link\"\n [attr.aria-label]=\"title | translate\"\n [routerLink]=\"redirectUrl\"\n class=\"adf-app-title\"\n >\n {{ title }}\n </h1>\n\n <ng-content />\n\n <button\n *ngIf=\"showSidenavToggle && position === 'end'\"\n id=\"adf-sidebar-toggle-end\"\n data-automation-id=\"adf-menu-icon\"\n class=\"adf-menu-icon adf-header-icon-button\"\n mat-icon-button\n (click)=\"toggleMenu()\"\n [attr.aria-expanded]=\"expandedSidenav\"\n [attr.aria-label]=\"'CORE.HEADER.ACCESSIBILITY.SIDEBAR_TOGGLE_BUTTON_ARIA_LABEL' | translate\">\n <mat-icon\n class=\"adf-menu-icon-header\"\n role=\"img\"\n aria-hidden=\"true\">{{ toggleIcon }}\n </mat-icon>\n </button>\n</mat-toolbar>\n", styles: ["adf-layout-header .adf-toolbar-container-row{color:var(--theme-header-text-color);position:relative;padding:0 24px}adf-layout-header .adf-toolbar-container-row .adf-menu-icon{position:relative;margin-right:0}adf-layout-header .adf-toolbar-container-row .adf-menu-icon .adf-menu-icon-header{font-size:29px;padding:0 5px 0 0}adf-layout-header .adf-toolbar-container-row .adf-app-logo{position:relative;height:28px;vertical-align:middle;margin-top:-3px}adf-layout-header .adf-toolbar-container-row .adf-app-title{cursor:pointer;letter-spacing:-.3px;font-weight:100}adf-layout-header .adf-toolbar-container-row .adf-toolbar--spacer{flex:1 1 auto}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider{margin:0 5px}adf-layout-header .adf-toolbar-container-row .adf-toolbar-divider>div{background-color:var(--adf-theme-background-card-color)}adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{height:24px;width:2px;background-color:var(--theme-primary-color-default-contrast)}adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{flex-direction:row;padding:0}@media (max-width: 599.9px){adf-layout-header .adf-toolbar-container-row .adf-app-logo,adf-layout-header .adf-toolbar-container-row .adf-app-title{display:none}}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button{color:inherit;border-radius:50%}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:hover{color:inherit}adf-layout-header .adf-toolbar-container-row .adf-header-icon-button:active{color:inherit}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-right:-11px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-right:6px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-left:16px}[dir=rtl] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-left:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-menu-icon{margin-left:-11px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-logo{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-app-title{margin-left:6px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-header-delimiter{margin-right:16px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-container{margin-right:8px}[dir=ltr] adf-layout-header .adf-toolbar-container-row .adf-userinfo-name{padding-right:8px}\n"] }]
|
|
25211
25211
|
}], ctorParameters: () => [{ type: AppConfigService }], propDecorators: { title: [{
|
|
25212
25212
|
type: Input
|
|
25213
25213
|
}], logo: [{
|