@symphony-talent/component-library 3.57.0 → 3.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/molecules/document-management-item/document-management-item.component.mjs +3 -3
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/package.json +1 -1
package/esm2020/lib/molecules/document-management-item/document-management-item.component.mjs
CHANGED
|
@@ -19,10 +19,10 @@ export class DocumentManagementItemComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
|
+
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
25
|
+
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], previewClicked: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
30
30
|
}], moreOptionClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLDh4REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSB7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSA/ICdieScgOiAnJ319IHt7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XG4gICAgICB9fVwiXG4gICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcIlxuICAgICAgPjxzcGFuXG4gICAgICAgID5BZGRlZCBvbiZuYnNwOzxzcGFuPnt7XG4gICAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVxuICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgID4mbmJzcDs8c3BhblxuICAgICAgICA+PHNwYW5cbiAgICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XCJcbiAgICAgICAgICA+YnkmbmJzcDs8L3NwYW5cbiAgICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5IH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tYWN0aW9uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgIChjbGljayk9XCJvblByZXZpZXdDbGlja2VkKClcIlxuICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmhhc1ByZXZpZXdcIlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiXG4gICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cImRtLW1vcmUtb3B0aW9uIHNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnQgc2Z4LW1sLTEwXCJcbiAgICAgIFttb2RlbF09XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnNcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbk1vcmVPcHRpb25DbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -19,10 +19,10 @@ export class DocumentManagementItemComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
22
|
+
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i5.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
25
|
+
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], previewClicked: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
30
30
|
}], moreOptionClicked: [{
|
|
31
31
|
type: Output
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBSTFDO1FBRlUsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztRQUNqRSxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBcUMsQ0FBQztJQUNyRSxDQUFDO0lBRWhCLGdCQUFnQjtRQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELG1CQUFtQixDQUFDLGlDQUFpQztRQUNuRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGlDQUFpQyxDQUFDLENBQUM7SUFDakUsQ0FBQzs7NEhBWlUsK0JBQStCO2dIQUEvQiwrQkFBK0Isd09DVDVDLDh4REErQ0E7MkZEdENhLCtCQUErQjtrQkFOM0MsU0FBUzsrQkFDRSxtQ0FBbUMsaUJBRzlCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLDJCQUEyQjtzQkFBbkMsS0FBSztnQkFDSSxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLCBEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQgfSBmcm9tICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRJdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsOiBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWw7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgbW9yZU9wdGlvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uUHJldmlld0NsaWNrZWQoKSB7XG4gICAgdGhpcy5wcmV2aWV3Q2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBvbk1vcmVPcHRpb25DbGlja2VkKERvY3VtZW50TWFuYWdlbWVudE1vcmVPcHRpb25FdmVudCkge1xuICAgIHRoaXMubW9yZU9wdGlvbkNsaWNrZWQuZW1pdChEb2N1bWVudE1hbmFnZW1lbnRNb3JlT3B0aW9uRXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Z4LWRtLWl0ZW1cIj5cbiAgPGRpdiBjbGFzcz1cImRtLWljb24td3JhcFwiPlxuICAgIDxzeW1waG9ueS1pY29uIGNsYXNzPVwiZG0taWNvblwiIFtpY29uXT1cIidzaS1kb2N1bWVudCdcIj48L3N5bXBob255LWljb24+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tY29udGVudFwiPlxuICAgIDxzeW1waG9ueS1oNVxuICAgICAgdGl0bGU9XCJ7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX1cIlxuICAgICAgPjxzcGFuIGNsYXNzPVwic2Z4LWVsbGlwc2VcIj57eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZU5hbWUgfX0mbmJzcDs8L3NwYW4+PHNwYW5cbiAgICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwuZmlsZVR5cGVcIiBjbGFzcz1cInNmeC13aGl0ZS1zcGFjZS1ub3dyYXBcIlxuICAgICAgICA+W3t7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5maWxlVHlwZSB9fV08L3NwYW5cbiAgICAgID48L3N5bXBob255LWg1XG4gICAgPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIHRpdGxlPVwiQWRkZWQgb24ge3sgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZSB9fSB7eyBkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwudXBsb2FkZWRCeSA/ICdieScgOiAnJ319IHt7XG4gICAgICAgIGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XG4gICAgICB9fVwiXG4gICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC5hZGRlZERhdGVcIlxuICAgICAgPjxzcGFuXG4gICAgICAgID5BZGRlZCBvbiZuYnNwOzxzcGFuPnt7XG4gICAgICAgICAgZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmFkZGVkRGF0ZVxuICAgICAgICB9fTwvc3Bhbj48L3NwYW5cbiAgICAgID4mbmJzcDs8c3BhblxuICAgICAgICA+PHNwYW5cbiAgICAgICAgICAqbmdJZj1cImRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5XCJcbiAgICAgICAgICA+YnkmbmJzcDs8L3NwYW5cbiAgICAgICAgPnt7IGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbC51cGxvYWRlZEJ5IH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZG0tYWN0aW9uXCI+XG4gICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgIChjbGljayk9XCJvblByZXZpZXdDbGlja2VkKClcIlxuICAgICpuZ0lmPVwiZG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsLmhhc1ByZXZpZXdcIlxuICAgIGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiXG4gICAgW2hhc0hvdmVyV2l0aG91dEJvcmRlcl09XCJ0cnVlXCJcbiAgPlxuICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIidzaS1wcmV2aWV3J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPHN5bXBob255LWNvbnRleHR1YWwtbWVudVxuICAgICAgKm5nSWY9XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBjbGFzcz1cImRtLW1vcmUtb3B0aW9uIHNmeC1kLWlubGluZS1ibG9jayBwdWxsLWxlZnQgc2Z4LW1sLTEwXCJcbiAgICAgIFttb2RlbF09XCJkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwubW9yZUFjdGlvbnNcIlxuICAgICAgKGl0ZW1DbGljayk9XCJvbk1vcmVPcHRpb25DbGlja2VkKCRldmVudClcIlxuICAgID5cbiAgICA8L3N5bXBob255LWNvbnRleHR1YWwtbWVudT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -2546,10 +2546,10 @@ class DocumentManagementItemComponent {
|
|
|
2546
2546
|
}
|
|
2547
2547
|
}
|
|
2548
2548
|
DocumentManagementItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2549
|
-
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2549
|
+
DocumentManagementItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: { documentManagementItemModel: "documentManagementItemModel" }, outputs: { previewClicked: "previewClicked", moreOptionClicked: "moreOptionClicked" }, ngImport: i0, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2550
2550
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementItemComponent, decorators: [{
|
|
2551
2551
|
type: Component,
|
|
2552
|
-
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} by {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
2552
|
+
args: [{ selector: 'symphony-document-management-item', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-dm-item\">\n <div class=\"dm-icon-wrap\">\n <symphony-icon class=\"dm-icon\" [icon]=\"'si-document'\"></symphony-icon>\n </div>\n <div class=\"dm-content\">\n <symphony-h5\n title=\"{{ documentManagementItemModel.fileName }}\"\n ><span class=\"sfx-ellipse\">{{ documentManagementItemModel.fileName }} </span><span\n *ngIf=\"documentManagementItemModel.fileType\" class=\"sfx-white-space-nowrap\"\n >[{{ documentManagementItemModel.fileType }}]</span\n ></symphony-h5\n >\n <symphony-paragraph\n title=\"Added on {{ documentManagementItemModel.addedDate }} {{ documentManagementItemModel.uploadedBy ? 'by' : ''}} {{\n documentManagementItemModel.uploadedBy\n }}\"\n *ngIf=\"documentManagementItemModel.addedDate\"\n ><span\n >Added on <span>{{\n documentManagementItemModel.addedDate\n }}</span></span\n > <span\n ><span\n *ngIf=\"documentManagementItemModel.uploadedBy\"\n >by </span\n >{{ documentManagementItemModel.uploadedBy }}</span\n >\n </symphony-paragraph>\n </div>\n <div class=\"dm-action\">\n <symphony-icon-wrapper\n (click)=\"onPreviewClicked()\"\n *ngIf=\"documentManagementItemModel.hasPreview\"\n class=\"sfx-d-inline-block pull-left\"\n [hasHoverWithoutBorder]=\"true\"\n >\n <symphony-icon [icon]=\"'si-preview'\"></symphony-icon>\n </symphony-icon-wrapper>\n <symphony-contextual-menu\n *ngIf=\"documentManagementItemModel.moreActions.items.length > 0\"\n class=\"dm-more-option sfx-d-inline-block pull-left sfx-ml-10\"\n [model]=\"documentManagementItemModel.moreActions\"\n (itemClick)=\"onMoreOptionClicked($event)\"\n >\n </symphony-contextual-menu>\n </div>\n</div>\n", styles: [".sfx-dm-item{position:relative;padding-block:20px}.sfx-dm-item .dm-icon-wrap{position:absolute;left:0;top:20px}.sfx-dm-item .dm-icon-wrap .dm-icon{display:block;width:40px;height:40px;background:#000;text-align:center;color:#fff;border-radius:50%;line-height:46px}.sfx-dm-item .dm-content{padding-left:60px;padding-right:100px}.sfx-dm-item .dm-content h5{display:flex}.sfx-dm-item .dm-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sfx-dm-item .dm-content .sfx-white-space-nowrap{white-space:nowrap}.sfx-dm-item .dm-action{position:absolute;right:0;top:20px;display:none}.sfx-dm-item:hover .dm-action{display:block}\n"] }]
|
|
2553
2553
|
}], ctorParameters: function () { return []; }, propDecorators: { documentManagementItemModel: [{
|
|
2554
2554
|
type: Input
|
|
2555
2555
|
}], previewClicked: [{
|