@alfresco/adf-content-services
Version:
Alfresco ADF content services
43 lines • 12 kB
JavaScript
/*!
* @license
* Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Component, Input, ViewEncapsulation } from '@angular/core';
import { Node } from '@alfresco/js-api';
import { FileTypePipe, ThumbnailService } from '@alfresco/adf-core';
import { CommonModule } from '@angular/common';
import { TranslateModule } from '@ngx-translate/core';
import * as i0 from "@angular/core";
import * as i1 from "@alfresco/adf-core";
import * as i2 from "@angular/common";
import * as i3 from "@ngx-translate/core";
export class VersionComparisonComponent {
constructor(thumbnailService) {
this.thumbnailService = thumbnailService;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: VersionComparisonComponent, deps: [{ token: i1.ThumbnailService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.3", type: VersionComparisonComponent, isStandalone: true, selector: "adf-version-comparison", inputs: { node: "node", newFileVersion: "newFileVersion" }, ngImport: i0, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--theme-display-4-font-size)}.adf-version-comparison-node-name,.adf-version-comparison-file-name{width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.UpperCasePipe, name: "uppercase" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: FileTypePipe, name: "fileType" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: VersionComparisonComponent, decorators: [{
type: Component,
args: [{ selector: 'adf-version-comparison', standalone: true, imports: [CommonModule, TranslateModule, FileTypePipe], encapsulation: ViewEncapsulation.None, template: "<div class=\"adf-version-comparison-content\">\n <div class=\"adf-version-current\">\n <p>{{'ADF_VERSION_COMPARISON.CURRENT_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (node.content.mimeType | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(node.content.mimeType)}}\"/>\n <p class=\"adf-version-comparison-node-name\" title=\"{{node.name}}\">{{node.name}}</p>\n </div>\n <span class=\"material-icons adf-version-arrow-icon\">keyboard_arrow_right</span>\n <div class=\"adf-version-new\">\n <p>{{'ADF_VERSION_COMPARISON.NEW_VERSION' | translate }}</p>\n <img [attr.aria-label]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n [attr.alt]=\"'ADF_VERSION_COMPARISON.ACCESSIBILITY.ICON_TEXT' | translate:\n { type: (newFileVersion.type | fileType | uppercase) | translate }\"\n src=\"{{thumbnailService.getMimeTypeIcon(newFileVersion.type)}}\"/>\n <p class=\"adf-version-comparison-file-name\" title=\"{{newFileVersion.name}}\">{{newFileVersion.name}}</p>\n </div>\n</div>\n", styles: [".adf-version-comparison-content{display:flex;align-items:center;justify-content:space-around}.adf-version-current,.adf-version-new{display:flex;flex-direction:column;align-items:center}.adf-version-current img,.adf-version-new img{width:100px}.adf-version-arrow-icon{font-size:var(--theme-display-4-font-size)}.adf-version-comparison-node-name,.adf-version-comparison-file-name{width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center}\n"] }]
}], ctorParameters: () => [{ type: i1.ThumbnailService }], propDecorators: { node: [{
type: Input,
args: [{ required: true }]
}], newFileVersion: [{
type: Input,
args: [{ required: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi1jb21wYXJpc29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYi9jb250ZW50LXNlcnZpY2VzL3NyYy9saWIvdmVyc2lvbi1tYW5hZ2VyL3ZlcnNpb24tY29tcGFyaXNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWIvY29udGVudC1zZXJ2aWNlcy9zcmMvbGliL3ZlcnNpb24tbWFuYWdlci92ZXJzaW9uLWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNwRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQVV0RCxNQUFNLE9BQU8sMEJBQTBCO0lBU25DLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUcsQ0FBQzs4R0FUaEQsMEJBQTBCO2tHQUExQiwwQkFBMEIsOElDL0J2Qyw0N0NBcUJBLDZnQkRLYyxZQUFZLDJGQUFFLGVBQWUsdUZBQUUsWUFBWTs7MkZBSzVDLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDSSx3QkFBd0IsY0FDdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxZQUFZLENBQUMsaUJBR3ZDLGlCQUFpQixDQUFDLElBQUk7cUZBS3JDLElBQUk7c0JBREgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBS3pCLGNBQWM7c0JBRGIsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgwqkgMjAwNS0yMDI1IEh5bGFuZCBTb2Z0d2FyZSwgSW5jLiBhbmQgaXRzIGFmZmlsaWF0ZXMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOb2RlIH0gZnJvbSAnQGFsZnJlc2NvL2pzLWFwaSc7XG5pbXBvcnQgeyBGaWxlVHlwZVBpcGUsIFRodW1ibmFpbFNlcnZpY2UgfSBmcm9tICdAYWxmcmVzY28vYWRmLWNvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FkZi12ZXJzaW9uLWNvbXBhcmlzb24nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBGaWxlVHlwZVBpcGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi92ZXJzaW9uLWNvbXBhcmlzb24uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3ZlcnNpb24tY29tcGFyaXNvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgVmVyc2lvbkNvbXBhcmlzb25Db21wb25lbnQge1xuICAgIC8qKiBUYXJnZXQgbm9kZS4gKi9cbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICAgIG5vZGU6IE5vZGU7XG5cbiAgICAvKiogTmV3IGZpbGUgZm9yIHVwZGF0aW5nIGN1cnJlbnQgdmVyc2lvbi4gKi9cbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICAgIG5ld0ZpbGVWZXJzaW9uOiBGaWxlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIHRodW1ibmFpbFNlcnZpY2U6IFRodW1ibmFpbFNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYWRmLXZlcnNpb24tY29tcGFyaXNvbi1jb250ZW50XCI+XG4gICAgPGRpdiBjbGFzcz1cImFkZi12ZXJzaW9uLWN1cnJlbnRcIj5cbiAgICAgICAgPHA+e3snQURGX1ZFUlNJT05fQ09NUEFSSVNPTi5DVVJSRU5UX1ZFUlNJT04nIHwgdHJhbnNsYXRlIH19PC9wPlxuICAgICAgICA8aW1nIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0FERl9WRVJTSU9OX0NPTVBBUklTT04uQUNDRVNTSUJJTElUWS5JQ09OX1RFWFQnIHwgdHJhbnNsYXRlOlxuICAgICAgICB7IHR5cGU6IChub2RlLmNvbnRlbnQubWltZVR5cGUgfCBmaWxlVHlwZSB8IHVwcGVyY2FzZSkgfCB0cmFuc2xhdGUgIH1cIlxuICAgICAgICAgICAgIFthdHRyLmFsdF09XCInQURGX1ZFUlNJT05fQ09NUEFSSVNPTi5BQ0NFU1NJQklMSVRZLklDT05fVEVYVCcgfCB0cmFuc2xhdGU6XG4gICAgICAgICAgICAgeyB0eXBlOiAobm9kZS5jb250ZW50Lm1pbWVUeXBlIHwgZmlsZVR5cGUgfCB1cHBlcmNhc2UpIHwgdHJhbnNsYXRlIH1cIlxuICAgICAgICAgICAgIHNyYz1cInt7dGh1bWJuYWlsU2VydmljZS5nZXRNaW1lVHlwZUljb24obm9kZS5jb250ZW50Lm1pbWVUeXBlKX19XCIvPlxuICAgICAgICA8cCBjbGFzcz1cImFkZi12ZXJzaW9uLWNvbXBhcmlzb24tbm9kZS1uYW1lXCIgdGl0bGU9XCJ7e25vZGUubmFtZX19XCI+e3tub2RlLm5hbWV9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIGFkZi12ZXJzaW9uLWFycm93LWljb25cIj5rZXlib2FyZF9hcnJvd19yaWdodDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiYWRmLXZlcnNpb24tbmV3XCI+XG4gICAgICAgIDxwPnt7J0FERl9WRVJTSU9OX0NPTVBBUklTT04uTkVXX1ZFUlNJT04nIHwgdHJhbnNsYXRlIH19PC9wPlxuICAgICAgICA8aW1nIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0FERl9WRVJTSU9OX0NPTVBBUklTT04uQUNDRVNTSUJJTElUWS5JQ09OX1RFWFQnIHwgdHJhbnNsYXRlOlxuICAgICAgICB7IHR5cGU6IChuZXdGaWxlVmVyc2lvbi50eXBlIHwgZmlsZVR5cGUgfCB1cHBlcmNhc2UpIHwgdHJhbnNsYXRlICB9XCJcbiAgICAgICAgICAgICBbYXR0ci5hbHRdPVwiJ0FERl9WRVJTSU9OX0NPTVBBUklTT04uQUNDRVNTSUJJTElUWS5JQ09OX1RFWFQnIHwgdHJhbnNsYXRlOlxuICAgICAgICAgICAgIHsgdHlwZTogKG5ld0ZpbGVWZXJzaW9uLnR5cGUgfCBmaWxlVHlwZSB8IHVwcGVyY2FzZSkgfCB0cmFuc2xhdGUgfVwiXG4gICAgICAgICAgICBzcmM9XCJ7e3RodW1ibmFpbFNlcnZpY2UuZ2V0TWltZVR5cGVJY29uKG5ld0ZpbGVWZXJzaW9uLnR5cGUpfX1cIi8+XG4gICAgICAgIDxwIGNsYXNzPVwiYWRmLXZlcnNpb24tY29tcGFyaXNvbi1maWxlLW5hbWVcIiB0aXRsZT1cInt7bmV3RmlsZVZlcnNpb24ubmFtZX19XCI+e3tuZXdGaWxlVmVyc2lvbi5uYW1lfX08L3A+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==