@alfresco/adf-content-services 8.4.0-18647987466 → 8.4.0-18675629211
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.
|
@@ -21466,7 +21466,7 @@ class ContentMetadataComponent {
|
|
|
21466
21466
|
}
|
|
21467
21467
|
}
|
|
21468
21468
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataComponent, deps: [{ token: ContentMetadataService }, { token: CardViewContentUpdateService }, { token: NodesApiService }, { token: i1.TranslationService }, { token: i1.AppConfigService }, { token: TagService }, { token: CategoryService }, { token: ContentService }, { token: i1.NotificationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21469
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ContentMetadataComponent, isStandalone: true, selector: "adf-content-metadata", inputs: { node: "node", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", displayTags: "displayTags", displayCategories: "displayCategories", customPanels: "customPanels", readOnly: "readOnly" }, host: { classAttribute: "adf-content-metadata" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-054)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: ContentMetadataHeaderComponent, selector: "adf-content-metadata-header", inputs: ["title", "expanded"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: TagsCreatorComponent, selector: "adf-tags-creator", inputs: ["mode", "disabledTagsRemoving", "tags", "tagNameControlVisible"], outputs: ["existingTagsPanelVisibilityChange", "tagsChange"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "component", type: DynamicChipListComponent, selector: "adf-dynamic-chip-list", inputs: ["pagination", "chips", "showDelete", "disableDelete", "limitChipsDisplayed", "roundUpChips"], outputs: ["displayNext", "removedChip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21469
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: ContentMetadataComponent, isStandalone: true, selector: "adf-content-metadata", inputs: { node: "node", displayEmpty: "displayEmpty", expanded: "expanded", multi: "multi", preset: "preset", displayDefaultProperties: "displayDefaultProperties", displayAspect: "displayAspect", copyToClipboardAction: "copyToClipboardAction", useChipsForMultiValueProperty: "useChipsForMultiValueProperty", displayTags: "displayTags", displayCategories: "displayCategories", customPanels: "customPanels", readOnly: "readOnly" }, host: { classAttribute: "adf-content-metadata" }, usesOnChanges: true, ngImport: i0, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-054)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i4$2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "component", type: ContentMetadataHeaderComponent, selector: "adf-content-metadata-header", inputs: ["title", "expanded"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: CategoriesManagementComponent, selector: "adf-categories-management", inputs: ["categories", "categoryNameControlVisible", "classifiableChanged", "disableRemoval", "managementMode", "parentId", "multiSelect"], outputs: ["categoriesChange", "categoryNameControlVisibleChange"] }, { kind: "component", type: DynamicExtensionComponent, selector: "adf-dynamic-component", inputs: ["id", "data"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: TagsCreatorComponent, selector: "adf-tags-creator", inputs: ["mode", "disabledTagsRemoving", "tags", "tagNameControlVisible"], outputs: ["existingTagsPanelVisibilityChange", "tagsChange"] }, { kind: "component", type: CardViewComponent, selector: "adf-card-view", inputs: ["properties", "editable", "displayEmpty", "displayNoneOption", "displayClearAction", "copyToClipboardAction", "useChipsForMultiValueProperty", "multiValueSeparator", "displayLabelForChips"] }, { kind: "component", type: DynamicChipListComponent, selector: "adf-dynamic-chip-list", inputs: ["pagination", "chips", "showDelete", "disableDelete", "limitChipsDisplayed", "roundUpChips"], outputs: ["displayNext", "removedChip"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
21470
21470
|
}
|
|
21471
21471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ContentMetadataComponent, decorators: [{
|
|
21472
21472
|
type: Component,
|
|
@@ -21484,7 +21484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
21484
21484
|
TagsCreatorComponent,
|
|
21485
21485
|
CardViewComponent,
|
|
21486
21486
|
DynamicChipListComponent
|
|
21487
|
-
], host: { class: 'adf-content-metadata' }, encapsulation: ViewEncapsulation.None, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-054)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"] }]
|
|
21487
|
+
], host: { class: 'adf-content-metadata' }, encapsulation: ViewEncapsulation.None, template: "<mat-accordion displayMode=\"flat\" [multi]=\"multi\" class=\"adf-metadata-properties\">\n <mat-expansion-panel\n *ngIf=\"displayDefaultProperties\"\n class=\"adf-content-metadata-panel\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.PROPERTIES)\"\n (closed)=\"closePanel(DefaultPanels.PROPERTIES)\"\n [attr.data-automation-id]=\"'adf-metadata-group-properties'\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CORE.METADATA.BASIC.HEADER'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.PROPERTIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.PROPERTIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CORE.METADATA.BASIC.HEADER' | translate) }\"\n data-automation-id=\"meta-data-general-info-edit\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.PROPERTIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.PROPERTIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-general-info-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <adf-card-view\n class=\"adf-metadata-properties-expansion-panel\"\n (keydown)=\"keyDown($event)\"\n [properties]=\"basicProperties$ | async\"\n [editable]=\"!readOnly && isPanelEditing(DefaultPanels.PROPERTIES)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"displayTags\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.TAGS)\"\n (closed)=\"closePanel(DefaultPanels.TAGS)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-tags-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"'METADATA.BASIC.TAGS'\" [expanded]=\"currentPanel.panelTitle === DefaultPanels.TAGS && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.TAGS)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.TAGS, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('METADATA.BASIC.TAGS' | translate) }\"\n data-automation-id=\"showing-tag-input-button\"\n class=\"adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.TAGS)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.TAGS, $event)\"\n data-automation-id=\"reset-tags-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-tags-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.TAGS && editedPanelTitle !== DefaultPanels.TAGS\"\n class=\"adf-metadata-properties-tags\">\n <adf-dynamic-chip-list [chips]=\"tagsToDisplay\" [showDelete]=\"false\" />\n </div>\n <div *ngIf=\"showEmptyTagMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_TAGS_ADDED' | translate }}\n </div>\n <adf-tags-creator\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.TAGS)\"\n class=\"adf-metadata-properties-tags\"\n [tagNameControlVisible]=\"editing\"\n (tagsChange)=\"storeTagsToAssign($event)\"\n [mode]=\"tagsCreatorMode\"\n [tags]=\"assignedTags\"\n [disabledTagsRemoving]=\"saving\" />\n </mat-expansion-panel>\n </ng-container>\n\n <ng-container *ngIf=\"displayCategories\">\n <mat-expansion-panel\n hideToggle\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\"\n (opened)=\"expandPanel(DefaultPanels.CATEGORIES)\"\n (closed)=\"closePanel(DefaultPanels.CATEGORIES)\"\n class=\"adf-content-metadata-panel\"\n data-automation-id=\"adf-content-metadata-categories-panel\">\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <adf-content-metadata-header\n [title]=\"'CATEGORIES_MANAGEMENT.CATEGORIES_TITLE'\"\n [expanded]=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && currentPanel.expanded\">\n <button\n *ngIf=\"!readOnly && !isPanelEditing(DefaultPanels.CATEGORIES)\"\n mat-icon-button\n (click)=\"toggleGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: ('CATEGORIES_MANAGEMENT.CATEGORIES_TITLE' | translate) }\"\n data-automation-id=\"meta-data-categories-edit\"\n class=\"adf-categories-button adf-edit-icon-buttons\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div *ngIf=\"isPanelEditing(DefaultPanels.CATEGORIES)\" class=\"adf-metadata-action-buttons\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(DefaultPanels.CATEGORIES, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-categories-metadata\"\n [disabled]=\"!hasMetadataChanged\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"currentPanel.panelTitle === DefaultPanels.CATEGORIES && editedPanelTitle !== DefaultPanels.CATEGORIES\">\n <p *ngFor=\"let category of categories\" class=\"adf-metadata-categories\">{{ category.name }}</p>\n </div>\n <div *ngIf=\"showEmptyCategoryMessage\" class=\"adf-metadata-no-item-added\">\n {{ 'CATEGORIES_MANAGEMENT.NO_CATEGORIES_ADDED' | translate }}\n </div>\n <adf-categories-management\n *ngIf=\"!readOnly && isPanelEditing(DefaultPanels.CATEGORIES)\"\n class=\"adf-metadata-categories-header\"\n [categoryNameControlVisible]=\"editing\"\n [disableRemoval]=\"saving\"\n [categories]=\"categories\"\n [managementMode]=\"categoriesManagementMode\"\n [classifiableChanged]=\"classifiableChanged\"\n (categoriesChange)=\"storeCategoriesToAssign($event)\" />\n </mat-expansion-panel>\n </ng-container>\n\n <mat-expansion-panel\n *ngFor=\"let customPanel of customPanels\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\"\n (opened)=\"expandPanel(customPanel.panelTitle)\"\n (closed)=\"closePanel(customPanel.panelTitle)\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (customPanel.panelTitle | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\">\n <adf-content-metadata-header\n class=\"adf-metadata-custom-panel-title\"\n [title]=\"customPanel.panelTitle\"\n [expanded]=\"currentPanel.panelTitle === customPanel.panelTitle && currentPanel.expanded\" />\n </mat-expansion-panel-header>\n <adf-dynamic-component [id]=\"customPanel.component\" [data]=\"{ node }\" />\n </mat-expansion-panel>\n\n <ng-container *ngIf=\"groupedProperties$ | async; else loading; let groupedProperties\">\n <div *ngFor=\"let group of groupedProperties; let first = first\" class=\"adf-metadata-grouped-properties-container\">\n <mat-expansion-panel\n [attr.data-automation-id]=\"'adf-metadata-group-' + group.title\"\n [expanded]=\"multi ? !displayDefaultProperties && first || group.expanded : !displayDefaultProperties && first || currentPanel.panelTitle === group.title && currentPanel.expanded\"\n (opened)=\"expandPanel(group.title); group.expanded = true\"\n (closed)=\"closePanel(group.title); group.expanded = false\"\n class=\"adf-content-metadata-panel\"\n hideToggle>\n <mat-expansion-panel-header\n class=\"adf-metadata-properties-header\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.SECTION' | translate: { sectionName: (group.title | translate) }\"\n [class.adf-metadata-properties-header-expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <adf-content-metadata-header [title]=\"group.title\" [expanded]=\"currentPanel.panelTitle === group.title && currentPanel.expanded\">\n <button\n *ngIf=\"group.editable && !this.readOnly && !isPanelEditing(group.title)\"\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.aria-label]=\"'CORE.METADATA.ACCESSIBILITY.EDIT' | translate: { sectionName: (group.title | translate) }\"\n data-automation-id=\"meta-data-card-toggle-edit\"\n class=\"adf-edit-icon-buttons\"\n (click)=\"toggleGroupEditing(group.title, $event)\">\n <mat-icon>mode_edit</mat-icon>\n </button>\n <div class=\"adf-metadata-action-buttons\" *ngIf=\"group.editable && isPanelEditing(group.title)\">\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.CANCEL' | translate\"\n (click)=\"cancelGroupEditing(group.title, $event)\"\n data-automation-id=\"reset-metadata\"\n class=\"adf-metadata-action-buttons-clear\">\n <mat-icon>clear</mat-icon>\n </button>\n <button\n mat-icon-button\n [attr.title]=\"'CORE.METADATA.ACTIONS.SAVE' | translate\"\n (click)=\"saveChanges($event)\"\n color=\"primary\"\n data-automation-id=\"save-metadata\"\n [disabled]=\"!hasMetadataChanged || invalidProperties.size > 0\">\n <mat-icon>check</mat-icon>\n </button>\n </div>\n </adf-content-metadata-header>\n </mat-expansion-panel-header>\n <div *ngIf=\"!showGroup(group) && group.editable && editedPanelTitle !== group.title\" class=\"adf-metadata-no-item-added\">\n {{ 'METADATA.BASIC.NO_ITEMS_MESSAGE' | translate : { groupTitle: group.title | translate } }}\n </div>\n <adf-card-view\n (keydown)=\"keyDown($event)\"\n [properties]=\"group.properties\"\n [editable]=\"!readOnly && group.editable && isPanelEditing(group.title)\"\n [displayEmpty]=\"displayEmpty\"\n [copyToClipboardAction]=\"copyToClipboardAction\"\n [useChipsForMultiValueProperty]=\"useChipsForMultiValueProperty\"\n [multiValueSeparator]=\"multiValueSeparator\"\n [displayLabelForChips]=\"true\" />\n </mat-expansion-panel>\n </div>\n </ng-container>\n\n <ng-template #loading>\n <mat-progress-bar mode=\"indeterminate\" [attr.aria-label]=\"'DATA_LOADING' | translate\" />\n </ng-template>\n</mat-accordion>\n", styles: [".adf-metadata-properties .adf-content-metadata-panel{box-shadow:none;border:1px solid var(--adf-metadata-property-panel-border-color);border-radius:12px;margin:12px}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-subscript-wrapper{display:none}.adf-metadata-properties .adf-content-metadata-panel adf-card-view-textitem .mat-mdc-form-field-infix{padding-bottom:0}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value){margin-top:10px;height:32px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field .adf-property-value:not(.adf-card-view-selectitem .adf-property-value):is(textarea){padding-top:6px}.adf-metadata-properties .adf-content-metadata-panel .adf-property-list .adf-property .adf-property-field label{font-size:19px;line-height:20px}.adf-metadata-properties .adf-metadata-properties-header{height:56px;padding:0 12px;border-radius:12px 12px 0 0}.adf-metadata-properties .adf-metadata-properties-header.adf-metadata-properties-header-expanded{border-bottom:1px solid var(--adf-metadata-property-panel-border-color)}.adf-metadata-properties .mat-expansion-panel-body{padding-top:16px}.adf-metadata-properties .mat-expansion-panel-body input{border-color:transparent;width:100%}.adf-metadata-properties .mat-expansion-panel-body input:focus-visible{outline:none}.adf-metadata-properties .adf-edit-icon-buttons{color:var(--adf-theme-foreground-text-color-054)}.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__cell--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mdc-evolution-chip__action--primary,.adf-metadata-properties .mat-mdc-chip.metadata-properties-tag-chip .mat-mdc-chip-action-label{overflow:hidden}.adf-metadata-properties .adf-metadata-no-item-added{word-break:break-all;font-size:15px;padding:0 0 0 12px}.adf-metadata-properties-tags .adf-dynamic-chip-list-chip{padding:0}.adf-metadata-action-buttons{display:flex;justify-content:space-evenly}.adf-metadata-action-buttons-clear{color:var(--adf-metadata-action-button-clear-color)}.adf-metadata-categories-header .adf-categories-button{display:flex;justify-content:space-between;align-items:center;font-size:15px;height:56px}.adf-metadata-categories-header .adf-categories-button [hidden]{visibility:hidden}\n"] }]
|
|
21488
21488
|
}], ctorParameters: () => [{ type: ContentMetadataService }, { type: CardViewContentUpdateService }, { type: NodesApiService }, { type: i1.TranslationService }, { type: i1.AppConfigService }, { type: TagService }, { type: CategoryService }, { type: ContentService }, { type: i1.NotificationService }], propDecorators: { node: [{
|
|
21489
21489
|
type: Input,
|
|
21490
21490
|
args: [{ required: true }]
|