@alfresco/adf-content-services 8.4.0-18374511277 → 8.4.0-18374544170
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.
|
@@ -21716,11 +21716,11 @@ class AspectListComponent {
|
|
|
21716
21716
|
]));
|
|
21717
21717
|
}
|
|
21718
21718
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, deps: [{ token: AspectListService }, { token: NodesApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21719
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21719
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: AspectListComponent, isStandalone: true, selector: "adf-aspect-list", inputs: { nodeId: "nodeId", excludedAspects: "excludedAspects" }, outputs: { valueChanged: "valueChanged", updateCounter: "updateCounter" }, ngImport: i0, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i4$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i4$2.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21720
21720
|
}
|
|
21721
21721
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AspectListComponent, decorators: [{
|
|
21722
21722
|
type: Component,
|
|
21723
|
-
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"] }]
|
|
21723
|
+
args: [{ selector: 'adf-aspect-list', imports: [CommonModule, MatExpansionModule, MatCheckboxModule, MatTableModule, TranslatePipe, MatProgressSpinnerModule], encapsulation: ViewEncapsulation.None, template: "<div id=\"aspect-list-container\" class=\"adf-aspect-list-container\" *ngIf=\"aspects$ | async as aspects; else loading\">\n <mat-accordion class=\"adf-accordion-aspect-list\">\n <div class=\"adf-accordion-aspect-list-item\"\n *ngFor=\"let aspect of aspects; let colIndex = index\"\n [ngClass]=\"{'adf-hover' : !isPanelOpen[colIndex]}\">\n <mat-checkbox class=\"adf-aspect-list-check-button\" [id]=\"'aspect-list-'+colIndex+'-check'\"\n [checked]=\"nodeAspects?.includes(aspect?.entry?.id)\"\n (click)=\"onCheckBoxClick($event)\"\n [aria-label]=\"getTitle(aspect)\"\n (change)=\"onChange($event, aspect?.entry?.id)\"/>\n <mat-expansion-panel [id]=\"'aspect-list-'+getId(aspect)\"\n class=\"adf-accordion-aspect-list-expansion-panel\"\n (opened)=\"isPanelOpen[colIndex] = true\"\n (afterCollapse)=\"isPanelOpen[colIndex] = false\"\n >\n <mat-expansion-panel-header class='adf-accordion-aspect-list-expansion-panel-header'\n [id]=\"'aspect-list-'+(getId(aspect))+'header'\">\n <mat-panel-title class=\"adf-accordion-aspect-list-expansion-panel-header-title\">\n {{getTitle(aspect)}}\n </mat-panel-title>\n <mat-panel-description\n class=\"adf-accordion-aspect-list-expansion-panel-header-description\"\n aria-hidden=\"true\"\n [id]=\"'aspect-list-'+colIndex+'-title'\"\n [title]=\"getTitle(aspect)\">\n {{getTitle(aspect)}}\n </mat-panel-description>\n </mat-expansion-panel-header>\n <p class=\"adf-property-paragraph\" [id]=\"'aspect-list-'+colIndex+'-description'\"> {{aspect?.entry?.description}}</p>\n\n <table mat-table [dataSource]=\"aspect?.entry?.properties\" *ngIf=\"aspect?.entry?.properties?.length > 0\" class=\"adf-aspect-property-table\" [id]=\"'aspect-list-'+colIndex+'-properties-table'\">\n <ng-container matColumnDef=\"name\">\n <th class=\"adf-aspect-property-table-column-name\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.PROPERTY_NAME' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-name adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.id}} </td>\n </ng-container>\n <ng-container matColumnDef=\"title\">\n <th class=\"adf-aspect-property-table-column-title\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DESCRIPTION' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-title adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.title}} </td>\n </ng-container>\n <ng-container matColumnDef=\"dataType\">\n <th class=\"adf-aspect-property-table-column-data-type\" mat-header-cell *matHeaderCellDef> {{'ADF-ASPECT-LIST.DATA_TYPE' | translate}} </th>\n <td class=\"adf-aspect-property-table-column-data-type adf-aspect-property-table-cell\" mat-cell *matCellDef=\"let property\"> {{property.dataType}} </td>\n </ng-container>\n <tr mat-header-row *matHeaderRowDef=\"propertyColumns\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: propertyColumns;\"></tr>\n </table>\n </mat-expansion-panel>\n </div>\n </mat-accordion>\n</div>\n\n<ng-template #loading>\n <div class=\"adf-aspect-list-spinner\">\n <mat-progress-spinner mode=\"indeterminate\" id=\"adf-aspect-spinner\" />\n </div>\n</ng-template>\n", styles: [".adf-aspect-list-spinner,.adf-aspect-list-container{padding-top:3px;box-sizing:border-box}.adf-aspect-list-spinner{display:flex;align-items:center;justify-content:center;min-height:calc(65vh - 212px)}.adf-aspect-list-container{max-height:calc(65vh - 212px);overflow:auto;border:1px solid var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-aspect-list-check-button{margin-right:5px;height:48px;align-items:center;display:flex}.adf-aspect-list-container .adf-accordion-aspect-list-item{padding-left:14px;display:flex;box-shadow:0 2px 2px -1px var(--adf-theme-foreground-text-color-007)}.adf-aspect-list-container .adf-accordion-aspect-list-item.adf-hover:hover{background-color:var(--adf-theme-background-hover-color)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel{margin:0;width:100%;box-shadow:none;background:border-box}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel .mdc-checkbox__background{height:16px;width:16px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header{font-size:smaller;padding-left:0;height:48px}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-title{color:var(--theme-secondary-text)}.adf-aspect-list-container .adf-accordion-aspect-list-expansion-panel-header-description{justify-content:flex-start;align-items:center;flex:1 1 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adf-aspect-property-table{width:100%}.adf-aspect-property-table .adf-aspect-property-table-column-name,.adf-aspect-property-table .adf-aspect-property-table-column-title,.adf-aspect-property-table .adf-aspect-property-table-column-data-type{font-size:12px;color:var(--adf-theme-foreground-text-color-054)}.adf-aspect-property-table .adf-aspect-property-table-column-name{width:15%;padding-left:24px;padding-right:0}.adf-aspect-property-table .adf-aspect-property-table-column-title{width:65%;padding:0}.adf-aspect-property-table .adf-aspect-property-table-column-data-type{width:20%;padding-right:24px;padding-left:10px}.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:hover,.adf-accordion-aspect-list .adf-accordion-aspect-list-item .adf-accordion-aspect-list-expansion-panel .adf-accordion-aspect-list-expansion-panel-header:focus{background:none}\n"] }]
|
|
21724
21724
|
}], ctorParameters: () => [{ type: AspectListService }, { type: NodesApiService }], propDecorators: { nodeId: [{
|
|
21725
21725
|
type: Input,
|
|
21726
21726
|
args: [{ required: true }]
|