vcomply-workflow-engine 0.0.9 → 0.1.0

package/bundles/vcomply-workflow-engine.umd.js

@@ -15370,7 +15370,7 @@
     AuditCategoryListComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-audit-category-list',
-                    template: "<div class=\"audit-category-list\" [class.animate]=\"animation\">\r\n    <div class=\"audit-category-list-head\">\r\n        <h3 class=\"audit-category-list-title\">Select an Audit Category</h3>\r\n    </div>\r\n    <div class=\"audit-category-list-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [(ngModel)]=\"searchInput\" placeholder=\"Search Audit Category\" />\r\n        </div>\r\n        <ng-container> \r\n        <ul class=\"category-list\" [class.full-height]=\"false\">\r\n            <li *ngFor=\"let data of auditCategory | search: searchInput; let i = index;\">\r\n                <app-cs-radio  [value]=\"i\" (checkedEvent)=\"onCategorySelection(i)\" [checked]=\"selectedIndex === i\">\r\n                    <ul class=\"category-name\" >\r\n                        <li *ngFor=\"let parentCategory of data?.parent_category_names.slice().reverse()\" [appTooltip]=\"parentCategory\" placement=\"bottom\"\r\n                            delay=\"0\" [tooltipMandatory]=\"true\">{{parentCategory}}<i class=\"icons\">&#xe910;</i></li>\r\n                        <li [appTooltip]=\"data?.category_name\" placement=\"bottom\"\r\n                        delay=\"0\" [tooltipMandatory]=\"true\">{{data?.category_name}}</li>\r\n                    </ul>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n        <app-no-data *ngIf=\"(auditCategory | search: searchInput)?.length == 0\"  [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n        [noDataText]=\"'No Audit Category Found'\"></app-no-data>\r\n        </ng-container>\r\n    </div>\r\n    <app-floating-bar\r\n    [selectedData]=\"auditCategory[selectedIndex]?.category_name? [auditCategory[selectedIndex]]:[]\"\r\n    [displayElementKey]=\"'category_name'\" [singularText]=\"'Audit Category selected'\"\r\n    (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\"\r\n    (closeList)=\"close()\"\r\n    [isDisabled]=\"auditCategory.length === 0 || !auditCategory[selectedIndex]\"\r\n    ></app-floating-bar>\r\n</div>\r\n",
+                    template: "<div class=\"audit-category-list\" [class.animate]=\"animation\">\r\n    <div class=\"audit-category-list-head\">\r\n        <h3 class=\"audit-category-list-title\">Select an Audit Category</h3>\r\n    </div>\r\n    <div class=\"audit-category-list-body\">\r\n        <div class=\"search-block\">\r\n            <i class=\"icons\">&#xe90b;</i>\r\n            <input type=\"text\" [(ngModel)]=\"searchInput\" placeholder=\"Search Audit Category\" />\r\n        </div>\r\n        <ng-container> \r\n        <ul class=\"category-list\" [class.full-height]=\"false\">\r\n            <li *ngFor=\"let data of auditCategory | search: searchInput; let i = index;\">\r\n                <app-cs-radio  [value]=\"i\" (checkedEvent)=\"onCategorySelection(i)\" [checked]=\"selectedIndex === i\">\r\n                    <ul class=\"category-name\" >\r\n                        <li *ngFor=\"let parentCategory of data?.parent_category_names.slice()\" [appTooltip]=\"parentCategory\" placement=\"bottom\"\r\n                            delay=\"0\" [tooltipMandatory]=\"true\">{{parentCategory}}<i class=\"icons\">&#xe910;</i></li>\r\n                        <li [appTooltip]=\"data?.category_name\" placement=\"bottom\"\r\n                        delay=\"0\" [tooltipMandatory]=\"true\">{{data?.category_name}}</li>\r\n                    </ul>\r\n                </app-cs-radio>\r\n            </li>\r\n        </ul>\r\n        <app-no-data *ngIf=\"(auditCategory | search: searchInput)?.length == 0\"  [noDataImage]=\"'https://cdn.v-comply.com/libraries/workflow-engine/assets/workflow/search-data.svg'\"\r\n        [noDataText]=\"'No Audit Category Found'\"></app-no-data>\r\n        </ng-container>\r\n    </div>\r\n    <app-floating-bar\r\n    [selectedData]=\"auditCategory[selectedIndex]?.category_name? [auditCategory[selectedIndex]]:[]\"\r\n    [displayElementKey]=\"'category_name'\" [singularText]=\"'Audit Category selected'\"\r\n    (closeEvent)=\"save()\" (deleteEvent)=\"deleteEvent($event)\"\r\n    (closeList)=\"close()\"\r\n    [isDisabled]=\"auditCategory.length === 0 || !auditCategory[selectedIndex]\"\r\n    ></app-floating-bar>\r\n</div>\r\n",
                     styles: ["@import url(\"https://cdn.v-comply.com/design-system/css/icons/icons.css\");::ng-deep .audit-category-list{border-top:3px solid #1e5dd3;background:#fff;position:fixed;top:0;right:500px;bottom:0;left:0}::ng-deep .audit-category-list-head{background:#fbfbfb;height:42px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f1f1f1;border-right:none}::ng-deep .audit-category-list-title{color:#161b2f;font-size:15px;font-weight:500;margin:0!important;padding:0;line-height:21px}::ng-deep .audit-category-list-close{background:transparent;border:none;outline:none;cursor:pointer;color:#000;font-size:12px;display:inline-block;padding:0}::ng-deep .audit-category-list-body{padding:24px 40px 24px 36px;height:calc(100vh - 112px)}::ng-deep .audit-category-list-body.have-user{height:calc(100vh - 110px)}::ng-deep .audit-category-list-body .search-block{position:relative}::ng-deep .audit-category-list-body .search-block input{height:44px;line-height:24px;padding:10px 15px 10px 40px;outline:none;border:1px solid #7475763f;border-radius:4px;width:100%;font-size:14px;color:#747576}::ng-deep .audit-category-list-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .audit-category-list-body .search-block i{position:absolute;left:17px;font-size:12px;font-weight:400;top:17px;pointer-events:none;color:#f1f1f1}::ng-deep .audit-category-list-body .body-top{display:flex;justify-content:space-between;padding:16px 0 0}::ng-deep .audit-category-list-body .body-top app-cs-checkbox{display:flex}::ng-deep .audit-category-list-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:14px;font-weight:600;white-space:nowrap}::ng-deep .audit-category-list-body ul{padding:0;margin:0}::ng-deep .audit-category-list-body ul.category-list{max-height:calc(100vh - 200px);overflow:auto;padding:16px 0 0;margin-top:8px;scrollbar-width:thin}::ng-deep .audit-category-list-body ul.category-list.full-height{max-height:calc(100vh - 180px)}::ng-deep .audit-category-list-body ul.category-list li{padding:0 20px 16px 0;list-style:none}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio{display:flex}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label{width:100%}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value{width:100%;justify-content:flex-start;flex-wrap:wrap}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul{display:flex!important;align-items:center}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul.category-name,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul.category-name{color:#747576;font-weight:400;line-height:20px;display:block;width:100%;font-size:13px}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul li,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul li{padding:0;max-width:200px}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul li:first-child,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul li:first-child{color:#1e5dd3}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul li:last-child,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul li:last-child{color:#34aa44}::ng-deep .audit-category-list-body ul.category-list li app-cs-checkbox label span.value ul li i,::ng-deep .audit-category-list-body ul.category-list li app-cs-radio label span.value ul li i{font-size:8px;color:#747576;margin:0 8px}::ng-deep .audit-category-list-body app-no-data{display:block;height:calc(100% - 100px)}::ng-deep .audit-category-list.animate{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}@-webkit-keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes animate-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}::-webkit-scrollbar-track{background-color:#f1f1f1;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}"]
                 },] }
     ];