vcomply-workflow-engine 6.1.42 → 6.1.43
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.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { FormgroupModule } from '
|
|
4
|
-
import { TooltipModule } from '
|
|
5
|
-
import { AvatarV2Component } from '
|
|
6
|
-
import { PopoverModule } from '
|
|
3
|
+
import { FormgroupModule } from '../../../../ui-kit/formgroup/formgroup.module';
|
|
4
|
+
import { TooltipModule } from '../../../../ui-kit/tooltip/tooltip.module';
|
|
5
|
+
import { AvatarV2Component } from '../../../../ui-kit/avatar-v2/avatar-v2.component';
|
|
6
|
+
import { PopoverModule } from '../../../../ui-kit/popover/popover.module';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
import * as i1 from "@angular/common";
|
|
9
9
|
import * as i2 from "../../../../ui-kit/formgroup/cs-radio/cs-radio.component";
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
28
28
|
}], onCompletionChange: [{
|
|
29
29
|
type: Output
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLXJlc3BvbnNpYmlsaXR5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvZnJlcXVlbmN5L2ZyZXF1ZW5jeS1yZXNwb25zaWJpbGl0eS1saXN0L3N1Yi1yZXNwb25zaWJpbGl0eS9zdWItcmVzcG9uc2liaWxpdHkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9mcmVxdWVuY3kvZnJlcXVlbmN5LXJlc3BvbnNpYmlsaXR5LWxpc3Qvc3ViLXJlc3BvbnNpYmlsaXR5L3N1Yi1yZXNwb25zaWJpbGl0eS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7Ozs7OztBQVMxRSxNQUFNLE9BQU8sMEJBQTBCO0lBUHZDO1FBVVcsU0FBSSxHQUFXLENBQUMsQ0FBQztRQUVoQix1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBRXhEOytHQVBZLDBCQUEwQjttR0FBMUIsMEJBQTBCLHFNQ2R2QywweEdBMkRNLGlsSURqRE0sWUFBWSxvVEFBRSxlQUFlLHFNQUFFLGFBQWEsc01BQUUsaUJBQWlCLGlGQUFFLGFBQWE7OzRGQUk3RSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0Usd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGlCQUFpQixFQUFFLGFBQWEsQ0FBQzs4QkFNaEYsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3JtZ3JvdXBNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi91aS1raXQvZm9ybWdyb3VwL2Zvcm1ncm91cC5tb2R1bGUnO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uLy4uLy4uLy4uL3VpLWtpdC90b29sdGlwL3Rvb2x0aXAubW9kdWxlJztcbmltcG9ydCB7IEF2YXRhclYyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vLi4vdWkta2l0L2F2YXRhci12Mi9hdmF0YXItdjIuY29tcG9uZW50JztcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi8uLi91aS1raXQvcG9wb3Zlci9wb3BvdmVyLm1vZHVsZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1zdWItcmVzcG9uc2liaWxpdHknLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3JtZ3JvdXBNb2R1bGUsIFRvb2x0aXBNb2R1bGUsIEF2YXRhclYyQ29tcG9uZW50LCBQb3BvdmVyTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N1Yi1yZXNwb25zaWJpbGl0eS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1Yi1yZXNwb25zaWJpbGl0eS5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIFN1YlJlc3BvbnNpYmlsaXR5Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSByZXNwb25zaWJpbGl0eTogYW55O1xuICBASW5wdXQoKSBzck5vOiBudW1iZXIgPSAxO1xuXG4gIEBPdXRwdXQoKSBvbkNvbXBsZXRpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxufVxuIiwiPGRpdiBjbGFzcz1cInN1Yi1yZXNwb25zaWJpbGl0eSB2eC1tYi0xXCI+XG4gICAgPGRpdiBjbGFzcz1cInZjLXRhYmxlLXJvd1wiICpuZ0Zvcj1cImxldCBlYWNoQXNzaWduZWUgb2YgcmVzcG9uc2liaWxpdHk/LmFzc2lnbmVlRGV0YWlsczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmMtdGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHNlcmlhbFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNyLW5vXCIgW2FwcFRvb2x0aXBdPVwic3JObyArICcuJyArIGkgKyAxXCIgcGxhY2VtZW50PVwiYm90dG9tXCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAge3sgc3JObyArICcuJyArKGkgKyAxKSB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8YXBwLWNzLXJhZGlvIFtuYW1lXT1cIidvbkNvbXBsZXRpb24nXCIgW2NoZWNrZWRdPVwiXG4gICAgICAgICAgXCIgKGNoZWNrZWRFdmVudCk9XCJvbkNvbXBsZXRpb25DaGFuZ2UuZW1pdCh7ZWFjaEFzc2lnbmVlLCByZXNwb25zaWJpbGl0eX0pXCI+PC9hcHAtY3MtcmFkaW8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmMtdGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZjLXRpdGxlXCI+XG4gICAgICAgICAgICA8bGliLWF2YXRhci12MiBbYXZhdGFyTGlzdF09XCJlYWNoQXNzaWduZWU/LmFzc2lnbmVlSW5mb1wiPjwvbGliLWF2YXRhci12Mj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJlYWNoQXNzaWduZWU/LmFzc2lnbmVlSW5mbz8ubGVuZ3RoID09PSAxXCIgY2xhc3M9XCJ2YWx1ZSB2eC1mcy0xMiB2eC1sYWJlbC10eHQgdngtcHItNSB2eC1tbC0yXCJcbiAgICAgICAgICAgICAgICBbYXBwVG9vbHRpcF09XCJlYWNoQXNzaWduZWU/LmFzc2lnbmVlSW5mb1swXT8ubmFtZVwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCJcbiAgICAgICAgICAgICAgICBbdG9vbHRpcE1hbmRhdG9yeV09XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAge3sgZWFjaEFzc2lnbmVlPy5hc3NpZ25lZUluZm9bMF0/Lm5hbWUgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInZjLXRhYmxlLWNvbHVtbiB2eC1wbC0xIHZ4LXByLTEgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciByY1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJjLWlubmVyIHZ4LWQtYmxvY2tcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmMtdmFsdWUgdngtZnMtMTEgdngtbGFiZWwtdHh0IHZ4LXByLTVcIiBbYXBwVG9vbHRpcF09XCJcbiAgICAgICAgICAgICAgZWFjaEFzc2lnbmVlPy5yZXNwb25zaWJpbGl0eUNlbnRlckluZm8/Lmxlbmd0aFxuICAgICAgICAgICAgICAgID8gZWFjaEFzc2lnbmVlPy5yZXNwb25zaWJpbGl0eUNlbnRlckluZm9bMF0/Lm5hbWVcbiAgICAgICAgICAgICAgICA6ICctLSdcbiAgICAgICAgICAgIFwiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgICAgICB7e1xuICAgICAgICAgICAgICAgICAgICBlYWNoQXNzaWduZWU/LnJlc3BvbnNpYmlsaXR5Q2VudGVySW5mbz8ubGVuZ3RoXG4gICAgICAgICAgICAgICAgICAgID8gZWFjaEFzc2lnbmVlPy5yZXNwb25zaWJpbGl0eUNlbnRlckluZm9bMF0/Lm5hbWVcbiAgICAgICAgICAgICAgICAgICAgOiBcIi0tXCJcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiXG4gICAgICAgICAgICBlYWNoQXNzaWduZWU/LnJlc3BvbnNpYmlsaXR5Q2VudGVySW5mbz8ubGVuZ3RoICA+IDEmJlxuICAgICAgICAgICAgZWFjaEFzc2lnbmVlPy5yZXNwb25zaWJpbGl0eUNlbnRlckluZm8gYXMgcmNBcnJheVxuICAgICAgICAgIFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gYXBwUG9wb3ZlclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNvdW50LWJ0biB2eC1mcy0xMSB2eC10eHQtYmx1ZSB2eC1wLTAgdngtcGwtMSB2eC1wci0xIHZ4LW0tMCB2eC1tbC0yIHZ4LWxoLTQgdngtZC1mbGV4IHZ4LWFsaWduLWNlbnRlciB2eC1qdXN0aWZ5LWNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJyYy5wb3BvdmVyKClcIiBwbGFjZW1lbnQ9XCJsZWZ0XCI+K3t7IHJjQXJyYXk/Lmxlbmd0aC1cbiAgICAgICAgICAgICAgICAgICAgMSB9fTwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxhcHAtcG9wb3ZlciAjcmM+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3Zi1hY3Rpb24tbGlzdFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwiYWN0aW9uLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHJjIG9mIGVhY2hBc3NpZ25lZT8ucmVzcG9uc2liaWxpdHlDZW50ZXJJbmZvIHwgc2xpY2U6IDFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhcHBUb29sdGlwPVwie3sgcmM/Lm5hbWUgfX1cIiBwbGFjZW1lbnQ9XCJib3R0b20tbGVmdFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImF2YXRhci1jYXJkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlXCI+e3sgcmM/Lm5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L2FwcC1wb3BvdmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidmMtdGFibGUtY29sdW1uIHZ4LXBsLTEgdngtcHItMSB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIGFjdGlvblwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -25,10 +25,6 @@ import * as i3 from '@angular/router';
|
|
|
25
25
|
import { NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
|
|
26
26
|
import * as i5$1 from 'ngx-material-timepicker';
|
|
27
27
|
import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
|
|
28
|
-
import { FormgroupModule as FormgroupModule$2 } from 'projects/vx-workflow-engine/src/lib/ui-kit/formgroup/formgroup.module';
|
|
29
|
-
import { TooltipModule as TooltipModule$1 } from 'projects/vx-workflow-engine/src/lib/ui-kit/tooltip/tooltip.module';
|
|
30
|
-
import { AvatarV2Component } from 'projects/vx-workflow-engine/src/lib/ui-kit/avatar-v2/avatar-v2.component';
|
|
31
|
-
import { PopoverModule as PopoverModule$1 } from 'projects/vx-workflow-engine/src/lib/ui-kit/popover/popover.module';
|
|
32
28
|
import * as i12 from 'ngx-doc-viewer';
|
|
33
29
|
import { NgxDocViewerModule } from 'ngx-doc-viewer';
|
|
34
30
|
import cloneDeep$2 from 'lodash-es/cloneDeep';
|
|
@@ -29001,17 +28997,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
29001
28997
|
type: Output
|
|
29002
28998
|
}] } });
|
|
29003
28999
|
|
|
29000
|
+
class AvatarV2Component {
|
|
29001
|
+
constructor(config) {
|
|
29002
|
+
this.avatarList = [];
|
|
29003
|
+
this.imagePath = '';
|
|
29004
|
+
this.env = config?.envConfig;
|
|
29005
|
+
this.imagePath = this.env?.s3Url + this.env?.s3Bucket + 'profile_pic/thumb/';
|
|
29006
|
+
}
|
|
29007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarV2Component, deps: [{ token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29008
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarV2Component, isStandalone: true, selector: "lib-avatar-v2", inputs: { avatarList: "avatarList" }, ngImport: i0, template: "<div class=\"vx-avatar md\">\n\n <ng-container *ngFor=\"let eachAvatar of avatarList | slice:0:3\">\n <div class=\"vx-d-flex vx-align-center\">\n <img *ngIf=\"eachAvatar?.imagePath; else avatar\" [src]=\"imagePath + eachAvatar?.imagePath\"\n [alt]=\"eachAvatar?.shortName\" [appTooltip]=\"eaeachAvatar?.name\" placement=\"bottom-left\" delay=\"0\"\n type=\"black\" [tooltipMandatory]=\"true\" />\n <ng-template #avatar>\n <span *ngIf=\"!eachAvatar?.avatar\" class=\"shortName\" [appTooltip]=\"eachAvatar?.name\"\n placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{ eachAvatar?.shortName\n }}</span>\n </ng-template>\n </div>\n\n </ng-container>\n\n <span *ngIf=\"avatarList?.length > 3\" appPopover (click)=\"users.popover()\" placement=\"left\">+{{ avatarList?.length-\n 1 }}</span>\n\n\n</div>\n\n<app-popover #users>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let user of avatarList | slice: 3\" appTooltip=\"{{ user?.name }}\" placement=\"bottom-left\"\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <div class=\"avatar\">\n <ng-container *ngIf=\"!user?.avatar\">{{\n user?.shortName\n }}</ng-container>\n <img *ngIf=\"user?.avatar\" [src]=\"user?.avatar\" alt=\"\" width=\"24\" height=\"24\" />\n </div>\n <span class=\"value\">{{ user?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n</app-popover>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";.shortName{background:#1e5dd3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closePopoverEvent"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] }); }
|
|
29009
|
+
}
|
|
29010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarV2Component, decorators: [{
|
|
29011
|
+
type: Component,
|
|
29012
|
+
args: [{ selector: 'lib-avatar-v2', standalone: true, imports: [CommonModule, PopoverModule], template: "<div class=\"vx-avatar md\">\n\n <ng-container *ngFor=\"let eachAvatar of avatarList | slice:0:3\">\n <div class=\"vx-d-flex vx-align-center\">\n <img *ngIf=\"eachAvatar?.imagePath; else avatar\" [src]=\"imagePath + eachAvatar?.imagePath\"\n [alt]=\"eachAvatar?.shortName\" [appTooltip]=\"eaeachAvatar?.name\" placement=\"bottom-left\" delay=\"0\"\n type=\"black\" [tooltipMandatory]=\"true\" />\n <ng-template #avatar>\n <span *ngIf=\"!eachAvatar?.avatar\" class=\"shortName\" [appTooltip]=\"eachAvatar?.name\"\n placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">{{ eachAvatar?.shortName\n }}</span>\n </ng-template>\n </div>\n\n </ng-container>\n\n <span *ngIf=\"avatarList?.length > 3\" appPopover (click)=\"users.popover()\" placement=\"left\">+{{ avatarList?.length-\n 1 }}</span>\n\n\n</div>\n\n<app-popover #users>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let user of avatarList | slice: 3\" appTooltip=\"{{ user?.name }}\" placement=\"bottom-left\"\n delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <div class=\"avatar\">\n <ng-container *ngIf=\"!user?.avatar\">{{\n user?.shortName\n }}</ng-container>\n <img *ngIf=\"user?.avatar\" [src]=\"user?.avatar\" alt=\"\" width=\"24\" height=\"24\" />\n </div>\n <span class=\"value\">{{ user?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n</app-popover>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";.shortName{background:#1e5dd3}\n"] }]
|
|
29013
|
+
}], ctorParameters: function () { return [{ type: Configurations, decorators: [{
|
|
29014
|
+
type: Optional
|
|
29015
|
+
}] }]; }, propDecorators: { avatarList: [{
|
|
29016
|
+
type: Input
|
|
29017
|
+
}] } });
|
|
29018
|
+
|
|
29004
29019
|
class SubResponsibilityComponent {
|
|
29005
29020
|
constructor() {
|
|
29006
29021
|
this.srNo = 1;
|
|
29007
29022
|
this.onCompletionChange = new EventEmitter();
|
|
29008
29023
|
}
|
|
29009
29024
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubResponsibilityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29010
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubResponsibilityComponent, isStandalone: true, selector: "lib-sub-responsibility", inputs: { responsibility: "responsibility", srNo: "srNo" }, outputs: { onCompletionChange: "onCompletionChange" }, ngImport: i0, template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: FormgroupModule
|
|
29025
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubResponsibilityComponent, isStandalone: true, selector: "lib-sub-responsibility", inputs: { responsibility: "responsibility", srNo: "srNo" }, outputs: { onCompletionChange: "onCompletionChange" }, ngImport: i0, template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: CsRadioComponentUI, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }, { kind: "component", type: AvatarV2Component, selector: "lib-avatar-v2", inputs: ["avatarList"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: PopoverComponent, selector: "app-popover", inputs: ["dontCloseonClick"], outputs: ["closePopoverEvent"] }, { kind: "directive", type: PopoverDirective, selector: "[appPopover]", inputs: ["refrence", "placement"] }] }); }
|
|
29011
29026
|
}
|
|
29012
29027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubResponsibilityComponent, decorators: [{
|
|
29013
29028
|
type: Component,
|
|
29014
|
-
args: [{ selector: 'lib-sub-responsibility', standalone: true, imports: [CommonModule, FormgroupModule
|
|
29029
|
+
args: [{ selector: 'lib-sub-responsibility', standalone: true, imports: [CommonModule, FormgroupModule, TooltipModule, AvatarV2Component, PopoverModule], template: "<div class=\"sub-responsibility vx-mb-1\">\n <div class=\"vc-table-row\" *ngFor=\"let eachAssignee of responsibility?.assigneeDetails; let i = index\">\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center serial\">\n <div class=\"sr-no\" [appTooltip]=\"srNo + '.' + i + 1\" placement=\"bottom\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ srNo + '.' +(i + 1) }}\n </div>\n <app-cs-radio [name]=\"'onCompletion'\" [checked]=\"\n \" (checkedEvent)=\"onCompletionChange.emit({eachAssignee, responsibility})\"></app-cs-radio>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center vc-title\">\n <lib-avatar-v2 [avatarList]=\"eachAssignee?.assigneeInfo\"></lib-avatar-v2>\n <div *ngIf=\"eachAssignee?.assigneeInfo?.length === 1\" class=\"value vx-fs-12 vx-label-txt vx-pr-5 vx-ml-2\"\n [appTooltip]=\"eachAssignee?.assigneeInfo[0]?.name\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n {{ eachAssignee?.assigneeInfo[0]?.name }}\n </div>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center rc\">\n <div class=\"rc-inner vx-d-block\">\n <div class=\"rc-value vx-fs-11 vx-label-txt vx-pr-5\" [appTooltip]=\"\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : '--'\n \" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\n {{\n eachAssignee?.responsibilityCenterInfo?.length\n ? eachAssignee?.responsibilityCenterInfo[0]?.name\n : \"--\"\n }}\n </div>\n\n </div>\n <ng-container *ngIf=\"\n eachAssignee?.responsibilityCenterInfo?.length > 1&&\n eachAssignee?.responsibilityCenterInfo as rcArray\n \">\n <button appPopover\n class=\"count-btn vx-fs-11 vx-txt-blue vx-p-0 vx-pl-1 vx-pr-1 vx-m-0 vx-ml-2 vx-lh-4 vx-d-flex vx-align-center vx-justify-center\"\n (click)=\"rc.popover()\" placement=\"left\">+{{ rcArray?.length-\n 1 }}</button>\n <app-popover #rc>\n <div class=\"wf-action-list\">\n <ul class=\"action-item\">\n <li *ngFor=\"let rc of eachAssignee?.responsibilityCenterInfo | slice: 1\"\n appTooltip=\"{{ rc?.name }}\" placement=\"bottom-left\" delay=\"0\" type=\"black\"\n [tooltipMandatory]=\"true\">\n <div class=\"avatar-card\">\n <span class=\"value\">{{ rc?.name }}</span>\n </div>\n </li>\n </ul>\n </div>\n </app-popover>\n </ng-container>\n </div>\n <div class=\"vc-table-column vx-pl-1 vx-pr-1 vx-d-flex vx-align-center action\">\n </div>\n </div>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/header/header.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/popover/popover.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/table-card/table-card.css\";@import\"https://cdn.v-comply.com/design-system/css/avatars/avatars.css\";::ng-deep .sub-responsibility{top:0;position:relative;background:#f9f9fa;border-radius:0 0 .25rem .25rem;border:1px solid #F2F2F5;overflow:auto}::ng-deep .sub-responsibility::-webkit-scrollbar-track{background-color:#fff}::ng-deep .sub-responsibility .vc-table-row{display:flex;justify-content:space-between;position:relative;border-bottom:1px solid #F2F2F5;width:100%}::ng-deep .sub-responsibility .vc-table-row:only-child,::ng-deep .sub-responsibility .vc-table-row:last-of-type{border-bottom:none}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial .sr-no,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial .sr-no{opacity:0}::ng-deep .sub-responsibility .vc-table-row:hover .vc-table-column.serial app-cs-radio,::ng-deep .sub-responsibility .vc-table-row.active .vc-table-column.serial app-cs-radio{opacity:1}::ng-deep .sub-responsibility .vc-table-row .vc-table-column{color:#747576;min-height:2.5rem;position:relative;width:100%}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial{width:2rem;max-width:2rem;justify-content:center}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial .sr-no{width:1rem;background:#e3e3e9;writing-mode:vertical-lr;color:#747576;font-size:.625rem;font-weight:500;display:flex;height:2.5rem;align-items:center;justify-content:center;position:relative;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio{position:absolute;top:.75rem;left:.5rem;width:1rem;height:1rem;opacity:0;transition:all .2s ease-in-out}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.serial app-cs-radio .radio-item{position:absolute}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title{width:calc(100% - 19rem);min-width:calc(100% - 19rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.vc-title .value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc{width:15rem;min-width:15rem}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-inner{max-width:calc(100% - 2rem)}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.rc .rc-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::ng-deep .sub-responsibility .vc-table-row .vc-table-column.action{width:2rem;min-width:2rem}::ng-deep .sub-responsibility .count-btn{background:#fff;border-radius:.125rem;border:1px solid #dbdbdb}\n"] }]
|
|
29015
29030
|
}], propDecorators: { responsibility: [{
|
|
29016
29031
|
type: Input
|
|
29017
29032
|
}], srNo: [{
|