@adins/ucviewgeneric 1.0.0

package/fesm2020/adins-ucviewgeneric.mjs

@@ -0,0 +1,682 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2 from '@angular/common/http';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from 'ngx-cookie';
+import * as CryptoJS from 'crypto-js';
+import * as i5 from '@adins/uc-subsection';
+import { UcSubsectionModule } from '@adins/uc-subsection';
+import * as i6 from '@adins/uctable';
+import { UctableModule } from '@adins/uctable';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { UcgridviewModule } from '@adins/ucgridview';
+
+class UcviewgenericService {
+    constructor() { }
+}
+/** @nocollapse */ UcviewgenericService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ UcviewgenericService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class UcViewGenericObj {
+    constructor() {
+        this.IsCard = true;
+        this.viewInput = "";
+        this.viewEnvironment = "";
+        this.ddlEnvironments = new Array();
+        this.listEnvironments = new Array();
+        this.whereValue = new Array();
+        this.IsCard = true;
+        this.dicts = {};
+    }
+}
+class EnviObj {
+    constructor() {
+        this.name = "";
+        this.environment = "";
+    }
+}
+class WhereValueObj {
+    constructor() {
+        this.property = "";
+    }
+}
+class EnvisObj {
+    constructor() {
+        this.environment = "";
+        this.url = "";
+    }
+}
+
+class GridViewObj {
+    constructor() {
+        this.gridViews = [];
+    }
+}
+class GridViewInput {
+}
+
+class InputGridObj {
+    constructor() {
+        this.apiUrl = "";
+        this.deleteUrl = "";
+        this.pageNow = 0;
+        this.pageSize = 0;
+        this.pagingJson = "";
+        this.switchValue = new Array();
+        this.addGridList = new Array();
+        this.classPadding = "";
+    }
+}
+class SwitchValueObj {
+    constructor() {
+        this.property = "";
+    }
+}
+class InputAddGridObj {
+    constructor() {
+        this.AddGridLabel = "";
+        this.AddGridProperty = "";
+    }
+}
+
+class UcviewgenericComponent {
+    constructor(route, http, translateService, cookieService) {
+        this.route = route;
+        this.http = http;
+        this.translateService = translateService;
+        this.cookieService = cookieService;
+        this.viewGenericObj = new UcViewGenericObj();
+        this.gridViewObj = new GridViewObj();
+        this.callback = new EventEmitter();
+        this.UserAccess = JSON.parse(this.GetCookie(this.cookieService, "UserAccess"));
+        this.inputGridViewObjs = new Array();
+        this.viewList = "";
+        this.isReady = false;
+        this.IsCard = true;
+        this.route.queryParams.subscribe((params) => {
+            this.getList = params;
+        });
+        this.translateService.setDefaultLang("en");
+        this.translateService.use(localStorage.getItem("lang") || "en");
+    }
+    ngOnInit() {
+        console.log("viewgeneric");
+        this.initiateForm();
+        this.CheckIsCard();
+    }
+    CheckIsCard() {
+        if (this.viewGenericObj.IsCard == undefined ||
+            this.viewGenericObj.IsCard == null)
+            return;
+        this.IsCard = this.viewGenericObj.IsCard;
+    }
+    initiateForm() {
+        if (this.viewGenericObj.dataInput !== undefined &&
+            Object.keys(this.viewGenericObj.dataInput).length !== 0) {
+            this.setConfiguration({ ...this.viewGenericObj.dataInput });
+            this.gridViewObj.gridViews = this.viewGenericObj.dataInput.subsection[0]?.gridViews || [];
+            this.initializeGridViews();
+            return;
+        }
+        this.getJSON(this.viewGenericObj.viewInput).subscribe((data) => {
+            this.setConfiguration(data);
+        });
+        this.initializeGridViews();
+    }
+    initializeGridViews() {
+        if (this.gridViewObj && this.gridViewObj.gridViews.length === 0) {
+            return;
+        }
+        this.gridViewObj.gridViews.map(async (gridView) => {
+            const inputGridObj = new InputGridObj();
+            inputGridObj.dataInput = gridView.tableInput;
+            inputGridObj.resultData = { Data: [] };
+            await this.GetGridViewData(gridView.getData, inputGridObj);
+            this.inputGridViewObjs.push(inputGridObj);
+        });
+    }
+    getEnvironment(envi) {
+        const filteredEnvis = this.viewGenericObj.listEnvironments.filter((v) => v.environment == envi);
+        return filteredEnvis.length > 0 ? filteredEnvis[0] : null;
+    }
+    async GetGridViewData(meta, inputGridObj) {
+        let templListData = [];
+        const enviUrl = meta.environment && this.getEnvironment(meta.environment);
+        await this.http
+            .post(enviUrl ? enviUrl.url + meta.apiPath : meta.apiPath, meta.reqObj)
+            .toPromise()
+            .then((response) => {
+            templListData = response[meta.customObjName || "ReturnObject"];
+            inputGridObj.apiUrl = meta.apiPath;
+            inputGridObj.resultData["Data"] = new Array();
+            inputGridObj.resultData.Data = templListData;
+        })
+            .catch((error) => {
+            console.log(error);
+        });
+    }
+    gridEvent(ev) {
+        this.callbackFunction(ev.RowObj, ev.Key);
+    }
+    setConfiguration(data) {
+        this.viewList = data;
+        this.viewInfoObjList = [];
+        for (let j = 0; j < this.viewList.subsection.length; j++) {
+            this.viewInfoObjList.push(j);
+        }
+        for (let i = 0; i < this.viewList.subsection.length; i++) {
+            if (this.viewList.subsection[i].querystring != null &&
+                this.viewList.subsection[i].querystring.name != "") {
+                let queryObj;
+                if (this.viewGenericObj.whereValue.length == 0) {
+                    this.viewList.subsection[i].querystring.whereQuery = (Object).values(this.getList);
+                }
+                else {
+                    this.viewList.subsection[i].querystring.whereQuery =
+                        this.viewGenericObj.whereValue;
+                }
+                if (this.viewList.subsection[i].mainInfoPath != undefined &&
+                    this.viewList.subsection[i].mainInfoPath != "") {
+                    if (this.viewGenericObj.viewEnvironment != undefined &&
+                        this.viewGenericObj.viewEnvironment != "") {
+                        this.viewList.subsection[i].fullpath =
+                            this.viewGenericObj.viewEnvironment +
+                                this.viewList.subsection[i].mainInfoPath;
+                    }
+                    else {
+                        this.viewList.subsection[i].fullpath =
+                            this.viewList.subsection[i].mainInfoUrl;
+                    }
+                }
+                else {
+                    this.viewList.subsection[i].fullpath =
+                        this.viewList.subsection[i].mainInfoUrl;
+                }
+                queryObj = {
+                    querystring: this.viewList.subsection[i].querystring,
+                };
+                this.http
+                    .post(this.viewList.subsection[i].fullpath, queryObj)
+                    .subscribe((response) => {
+                    this.viewInfoObjList[i] = response["Data"][0];
+                    for (let y = 0; y < this.viewList.subsection[i].mainInfo.length; y++) {
+                        if (this.viewList.subsection[i].mainInfo[y].propertyList !=
+                            undefined &&
+                            this.viewList.subsection[i].mainInfo[y].propertyList.length !=
+                                0) {
+                            const propertyList = this.viewList.subsection[i].mainInfo[y].propertyList;
+                            let concat = "";
+                            for (let z = 0; z < propertyList.length; z++) {
+                                concat =
+                                    concat +
+                                        propertyList[z].prefix +
+                                        this.viewInfoObjList[i][propertyList[z].property] +
+                                        propertyList[z].suffix;
+                            }
+                            this.viewList.subsection[i].mainInfo[y].concat = concat;
+                        }
+                        //switch case
+                        if (this.viewList.subsection[i].mainInfo[y].type == "switch") {
+                            for (let z = 0; z < this.viewList.subsection[i].mainInfo[y].case.length; z++) {
+                                let Empty = new Array();
+                                this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
+                                    false;
+                                //check hideIfEmpty
+                                if (this.viewList.subsection[i].mainInfo[y].case[z].result
+                                    .hideIfEmpty != undefined &&
+                                    this.viewList.subsection[i].mainInfo[y].case[z].result
+                                        .hideIfEmpty != null) {
+                                    if (this.viewList.subsection[i].mainInfo[y].case[z].result
+                                        .type != "concat") {
+                                        Empty.push(this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
+                                            .result.property] != undefined &&
+                                            this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
+                                                .result.property] != null &&
+                                            this.viewInfoObjList[i][this.viewList.subsection[i].mainInfo[y].case[z]
+                                                .result.property] != ""
+                                            ? false
+                                            : true);
+                                    }
+                                    else {
+                                        // type concat
+                                        if (this.viewList.subsection[i].mainInfo[y].case[z].result
+                                            .propertyList != undefined &&
+                                            this.viewList.subsection[i].mainInfo[y].case[z].result
+                                                .propertyList.length != 0) {
+                                            const propertyList = this.viewList.subsection[i].mainInfo[y].case[z]
+                                                .result.propertyList;
+                                            let concat = "";
+                                            for (let a = 0; a < propertyList.length; a++) {
+                                                concat =
+                                                    concat +
+                                                        propertyList[a].prefix +
+                                                        this.viewInfoObjList[i][propertyList[a].property] +
+                                                        propertyList[a].suffix;
+                                                Empty.push(this.viewInfoObjList[i][propertyList[a].property] != undefined &&
+                                                    this.viewInfoObjList[i][propertyList[a].property] != null &&
+                                                    this.viewInfoObjList[i][propertyList[a].property] != ""
+                                                    ? false
+                                                    : true);
+                                            }
+                                            this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
+                                        }
+                                    }
+                                    if (Empty.includes(true) &&
+                                        this.viewList.subsection[i].mainInfo[y].case[z].result
+                                            .hideIfEmpty) {
+                                        this.viewList.subsection[i].mainInfo[y].case[z].Hidden =
+                                            true;
+                                        this.viewList.subsection[i].mainInfo[y].isHide = true;
+                                    }
+                                }
+                                else {
+                                    //concat
+                                    if (this.viewList.subsection[i].mainInfo[y].case[z].result
+                                        .propertyList != undefined &&
+                                        this.viewList.subsection[i].mainInfo[y].case[z].result
+                                            .propertyList.length != 0) {
+                                        const propertyList = this.viewList.subsection[i].mainInfo[y].case[z].result
+                                            .propertyList;
+                                        let concat = "";
+                                        for (let a = 0; a < propertyList.length; a++) {
+                                            concat =
+                                                concat +
+                                                    propertyList[a].prefix +
+                                                    this.viewInfoObjList[i][propertyList[a].property] +
+                                                    propertyList[a].suffix;
+                                        }
+                                        this.viewList.subsection[i].mainInfo[y].case[z].result.concat = concat;
+                                    }
+                                }
+                            }
+                        }
+                        if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
+                            (this.viewGenericObj.navigationConst != undefined ||
+                                this.viewGenericObj.navigationConst != null)) {
+                            let tempLink = this.viewGenericObj.navigationConst[this.viewList.subsection[i].mainInfo[y].path];
+                            if (tempLink != undefined && tempLink != null) {
+                                this.viewList.subsection[i].mainInfo[y].path = tempLink;
+                            }
+                        }
+                        if (this.viewList.subsection[i].mainInfo[y].type == "link" &&
+                            this.viewGenericObj.listEnvironments != undefined &&
+                            this.viewGenericObj.listEnvironments.length != 0) {
+                            for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
+                                if (this.viewList.subsection[i].mainInfo[y].environment ==
+                                    this.viewGenericObj.listEnvironments[z].environment) {
+                                    this.viewList.subsection[i].mainInfo[y].isFullpath = true;
+                                    this.viewList.subsection[i].mainInfo[y].fullpath =
+                                        this.viewGenericObj.listEnvironments[z].url +
+                                            this.viewList.subsection[i].mainInfo[y].path;
+                                    break;
+                                }
+                            }
+                        }
+                        else if (this.viewList.subsection[i].mainInfo[y].type == "link") {
+                            this.viewList.subsection[i].mainInfo[y].isFullpath = false;
+                            this.viewList.subsection[i].mainInfo[y].fullpath =
+                                this.viewList.subsection[i].mainInfo[y].path;
+                        }
+                    }
+                    this.isReady = true;
+                }, (error) => {
+                    console.log(error);
+                });
+            }
+            else {
+                if (this.viewList.subsection[i].mainInfoPath != undefined &&
+                    this.viewList.subsection[i].mainInfoPath != "") {
+                    if (this.viewList.subsection[i].environment != undefined &&
+                        this.viewList.subsection[i].mainInfoPath != "") {
+                        for (let z = 0; z < this.viewGenericObj.listEnvironments.length; z++) {
+                            if (this.viewList.subsection[i].environment ==
+                                this.viewGenericObj.listEnvironments[z].environment) {
+                                this.viewList.subsection[i].fullpath =
+                                    this.viewGenericObj.listEnvironments[z].url +
+                                        this.viewList.subsection[i].mainInfoPath;
+                                break;
+                            }
+                        }
+                    }
+                    else if (this.viewGenericObj.viewEnvironment != undefined &&
+                        this.viewGenericObj.viewEnvironment != "") {
+                        this.viewList.subsection[i].fullpath =
+                            this.viewGenericObj.viewEnvironment +
+                                this.viewList.subsection[i].mainInfoPath;
+                    }
+                    else {
+                        this.viewList.subsection[i].fullpath =
+                            this.viewList.subsection[i].mainInfoUrl;
+                    }
+                }
+                else {
+                    this.viewList.subsection[i].fullpath =
+                        this.viewList.subsection[i].mainInfoUrl;
+                }
+                const reqObj = this.viewList.subsection[i].reqObj ?? this.getList;
+                if (this.viewList.subsection[i].reqObj !== undefined) {
+                    for (const [key, value] of Object.entries(this.viewList.subsection[i].reqObj)) {
+                        reqObj[key] = this.getList[value] || this.viewGenericObj.dicts[value];
+                        if (reqObj[key] == undefined) {
+                            reqObj[key] = value;
+                        }
+                    }
+                }
+                this.http.post(this.viewList.subsection[i].fullpath, reqObj).subscribe((response) => {
+                    if (this.viewList.subsection[i].resObjName === undefined ||
+                        this.viewList.subsection[i].resObjName === "") {
+                        this.viewInfoObjList[i] = response;
+                    }
+                    else {
+                        this.viewInfoObjList[i] =
+                            response[this.viewList.subsection[i].resObjName];
+                    }
+                    this.isReady = true;
+                }, (error) => {
+                    console.log(error);
+                });
+            }
+        }
+    }
+    getJSON(url) {
+        return this.http.get(url);
+    }
+    GetCookie(cookieService, key) {
+        let value = cookieService.get(key);
+        if (value == undefined || value.trim() == "")
+            return null;
+        return this.DecryptString(value, "AdInsFOU12345678");
+    }
+    DecryptString(chipperText, chipperKey) {
+        if (chipperKey == undefined ||
+            chipperKey.trim() == "" ||
+            chipperText == undefined ||
+            chipperText.trim() == "")
+            return chipperText;
+        let chipperKeyArr = CryptoJS.enc.Utf8.parse(chipperKey);
+        let iv = CryptoJS.lib.WordArray.create([0x00, 0x00, 0x00, 0x00]);
+        let decrypted = CryptoJS.AES.decrypt(chipperText, chipperKeyArr, {
+            iv: iv,
+        });
+        let plainText = decrypted.toString(CryptoJS.enc.Utf8);
+        return plainText;
+    }
+    genAction(viewObj, param) {
+        let arrList = {};
+        for (let i = 0; i < param.length; i++) {
+            if (viewObj[param[i].type] != undefined ||
+                viewObj[param[i].property] != undefined) {
+                arrList[param[i].type] = viewObj[param[i].property];
+            }
+            else {
+                arrList[param[i].type] = param[i].property;
+            }
+        }
+        return arrList;
+    }
+    genRouterLink(urlLink) {
+        let tempLink = urlLink;
+        if (this.viewGenericObj.navigationConst != undefined &&
+            this.viewGenericObj.navigationConst[urlLink] != null) {
+            tempLink = this.viewGenericObj.navigationConst[urlLink];
+        }
+        return tempLink;
+    }
+    redirectFullPath(fullpath, param, target) {
+        let queryParam = "";
+        const ListObj = Object.keys(param);
+        for (let i = 0; i < ListObj.length; i++) {
+            if (queryParam != "") {
+                queryParam = queryParam + "&" + ListObj[i] + "=" + param[ListObj[i]];
+            }
+            else {
+                queryParam = ListObj[i] + "=" + param[ListObj[i]];
+            }
+        }
+        window.open(fullpath + "?" + queryParam, target);
+    }
+    callbackFunction(item, key = "") {
+        let CBObj = {
+            ViewObj: item,
+            Key: key,
+        };
+        this.callback.emit(CBObj);
+    }
+    switchCase(item, condList) {
+        let condition = false;
+        if (!item)
+            return false;
+        for (let i = 0; i < condList.conditions.length; i++) {
+            if (condList.conditions[i].restriction == "EQ") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] ==
+                        condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] == this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "NEQ") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] !=
+                        condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] != this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "GT") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] > condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] > this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "GTE") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] >=
+                        condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] >= this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "LT") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] < condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] < this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "LTE") {
+                if (condList.conditions[i].isUser != true) {
+                    if (item[condList.conditions[i].property] <=
+                        condList.conditions[i].value) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (item[condList.conditions[i].property] <= this.UserAccess["UserName"]) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "IN") {
+                if (condList.conditions[i].isUser != true) {
+                    if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) >= 0) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) >= 0) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+            else if (condList.conditions[i].restriction == "NIN") {
+                if (condList.conditions[i].isUser != true) {
+                    if (condList.conditions[i].value.findIndex((x) => x == item[condList.conditions[i].property]) == -1) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+                else {
+                    if (condList.conditions[i].value.findIndex((x) => x == this.UserAccess["UserName"]) == -1) {
+                        condition = true;
+                    }
+                    else {
+                        condition = false;
+                        break;
+                    }
+                }
+            }
+        }
+        return condition;
+    }
+}
+/** @nocollapse */ UcviewgenericComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.HttpClient }, { token: i3.TranslateService }, { token: i4.CookieService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ UcviewgenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UcviewgenericComponent, selector: "lib-ucviewgeneric", inputs: { viewGenericObj: "viewGenericObj", gridViewObj: "gridViewObj" }, outputs: { callback: "callback" }, ngImport: i0, template: "<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n        <!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n        </div> -->\r\n        <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n          <div>\r\n            <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n              [panel]=\"ss.subSectionId\">\r\n            </lib-ucSubsection>\r\n            <div class=\"form-body p-3 border-top border-bottom\" [id]='ss.subSectionId'>\r\n              <div class=\"form-group row\">\r\n                <div *ngFor=\"let mi of ss?.mainInfo\"\r\n                  [ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n                  <span\r\n                    *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n                        <label class=\"label-control label-field\"\r\n                          [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n                      </div>\r\n                      <div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n                        <div *ngFor=\"let case of mi?.case\">\r\n                          <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n                            <label class=\"label-control label-field\"\r\n                              [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                     'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <span\r\n                          *ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n                        <ng-template #emptyLabel>\r\n                          <label *ngIf=\"mi.type == 'blank'\"></label>\r\n                          <label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                            translate>-</label>\r\n                        </ng-template>\r\n                        <ng-template #nonEmptyLabel>\r\n                          <span *ngIf=\"mi.type == 'text'\">\r\n                            <label\r\n                              *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n                              class=\"label-control breakword\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                              {{ viewInfoObjList[i][mi.property] }}\r\n                            </label>\r\n                            <label\r\n                              *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n                              class=\"label-control label-field\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n                            </label>\r\n                          </span>\r\n                          <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n                          <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n                          <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n                              [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n                              <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n                              <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] }}</span>\r\n                            </a>\r\n                            <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n                              (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n                              <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n                              <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] }}</span>\r\n                            </a>\r\n                          </label>\r\n                          <label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n                              {{ viewInfoObjList[i][mi.property] }}\r\n                            </a>\r\n                          </label>\r\n                          <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                            translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n                          <span *ngIf=\"mi.type == 'boolean'\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <label class=\"label-control\" *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n                            <label class=\"label-control\" *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n                            <!-- <label\r\n                     *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n                          </span>\r\n                          <span *ngIf=\"mi.type == 'concat'\">\r\n                            <label class=\"label-control breakword\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                              {{ mi.concat }}\r\n                            </label>\r\n                          </span>\r\n                          <span *ngIf=\"mi.type == 'switch'\">\r\n                            <span *ngFor=\"let cs of mi?.case\">\r\n                              <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n                                <span class=\"label-control breakword\"\r\n                                  [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                  translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n                                  }}\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'decimal'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                  <span>\r\n                                    {{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ? cs.result.precision : '0.2' :'en-US' }}</span> \r\n                                    <span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'date'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                    {{ viewInfoObjList[i][cs.result.property] | date: 'dd-MMM-yyyy' }}\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'link'\"\r\n                                  [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                  translate>\r\n                                  <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n                                    [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n                                    <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                      viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n                                    <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                      viewInfoObjList[i][cs.result.property] }}</span>\r\n                                  </a>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'boolean'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                    <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n                                    <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'concat'\">\r\n                                  <label class=\"label-control breakword\"\r\n                                    [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                                    {{ cs.result.concat }}\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'callback'\">\r\n                                  <span\r\n                                    *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n                                  <ng-template #textCallback>\r\n                                    <span>\r\n                                      <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n                                        viewInfoObjList[i][cs.result.property] }}</a>\r\n                                    </span>\r\n                                  </ng-template>\r\n                                  <ng-template #iconCallback>\r\n                                    <span>\r\n                                      <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n                                        (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n                                        <i class=\"font-medium-3 mr-2\"\r\n                                          [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n                                        </i>\r\n                                        <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n                                          [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n                                          {{cs.result.tooltip}}\r\n                                        </span>\r\n                                      </a>\r\n                                    </span>\r\n                                  </ng-template>\r\n                                </span>\r\n                              </span>\r\n                            </span>\r\n                          </span>\r\n                        </ng-template>\r\n                      </div>\r\n                    </div>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"grid-view\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n                <div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n                  <lib-ucSubsection\r\n                    *ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n                    [id]=\"'grid-subsection-id'+i\"\r\n                    [title]=\"gridViewObj.gridViews[i].subsection\"\r\n                    [panel]=\"'grid-subsection-panel-'+i\">\r\n                  </lib-ucSubsection>\r\n                  <div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n<!--                    <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n                    <lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\" [classPadding]=\"'px-0'\"></lib-uctable>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:10px!important;font-weight:500}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}@media (min-width: 1366px){.col-xxl-2{flex:0 0 20%;max-width:20%}}\n"], components: [{ type: i5.UcSubsectionComponent, selector: "lib-ucSubsection", inputs: ["title", "panel", "id"] }, { type: i6.UctableComponent, selector: "lib-uctable", inputs: ["pageLimitFooter", "pageSize", "gridObj", "standalone", "classPadding"], outputs: ["callback"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], pipes: { "number": i7.DecimalPipe, "date": i7.DatePipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "lib-ucviewgeneric", template: "<section id=\"horizontal-form-layouts\">\r\n  <div class=\"row text-left\">\r\n    <div class=\"col-md-12\">\r\n      <div [ngClass]=\"IsCard ? 'card' : ''\" *ngIf=\"isReady\">\r\n        <!-- <div class=\"pl-3 mb-2 mt-2\" *ngIf=\"viewList?.title != ''\">\r\n          <h4 class=\"card-title ucSearch-title\" id=\"horz-layout-colored-controls\" translate>{{viewList.title}}</h4>\r\n        </div> -->\r\n        <div class=\"card-body\" *ngFor=\"let ss of viewList?.subsection;let i = index;\">\r\n          <div>\r\n            <lib-ucSubsection *ngIf=\"ss.subsection != ''\" [id]=\"ss.subSectionId + 'id'\" [title]=\"ss.subSectionTitle\"\r\n              [panel]=\"ss.subSectionId\">\r\n            </lib-ucSubsection>\r\n            <div class=\"form-body p-3 border-top border-bottom\" [id]='ss.subSectionId'>\r\n              <div class=\"form-group row\">\r\n                <div *ngFor=\"let mi of ss?.mainInfo\"\r\n                  [ngClass]=\"{ 'col-xxl-2 col-xl-3 col-lg-4 col-md-6 col-xs-12 py-2': mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)}\">\r\n                  <span\r\n                    *ngIf=\"mi.isHide == undefined || !mi.isHide || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null)\">\r\n                    <div class=\"row\">\r\n                      <div class=\"col-md-12\" *ngIf=\"mi.type != 'switch'\">\r\n                        <label class=\"label-control label-field\"\r\n                          [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{mi.label}}</label>\r\n                      </div>\r\n                      <div class=\"col-md-12\" *ngIf=\"mi.type == 'switch'\">\r\n                        <div *ngFor=\"let case of mi?.case\">\r\n                          <div *ngIf=\"switchCase(viewInfoObjList[i],case)\">\r\n                            <label class=\"label-control label-field\"\r\n                              [ngClass]=\"mi.customClassLabel != undefined ? mi.customClassLabel : ''\" translate>{{case.result.label}}</label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div *ngIf=\"viewInfoObjList[i] != undefined\" class=\"col-md-12\" [ngClass]=\"{ 'text-left': mi.position == 'left',\r\n                     'text-right': mi.position == 'right', 'text-center': mi.position == 'center' }\">\r\n                        <span\r\n                          *ngIf=\"(mi.type == 'boolean' && viewInfoObjList[i][mi.property] != null) || (viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null) || mi.type == 'switch' || mi.type =='concat'; then nonEmptyLabel else emptyLabel\"></span>\r\n                        <ng-template #emptyLabel>\r\n                          <label *ngIf=\"mi.type == 'blank'\"></label>\r\n                          <label *ngIf=\"mi.type != 'blank'\" class=\"label-control label-field\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                            translate>-</label>\r\n                        </ng-template>\r\n                        <ng-template #nonEmptyLabel>\r\n                          <span *ngIf=\"mi.type == 'text'\">\r\n                            <label\r\n                              *ngIf=\"viewInfoObjList[i][mi.property] != '' && viewInfoObjList[i][mi.property] != null\"\r\n                              class=\"label-control breakword\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                              {{ viewInfoObjList[i][mi.property] }}\r\n                            </label>\r\n                            <label\r\n                              *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\"\r\n                              class=\"label-control label-field\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>-\r\n                            </label>\r\n                          </span>\r\n                          <label *ngIf=\"mi.type == 'currency'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            {{ viewInfoObjList[i][mi.property] | number: mi?.precision ? mi?.precision : '0.2' :'en-US'}} <span *ngIf=\"mi?.IsPrcnt\">&nbsp;%</span> </label>\r\n                          <label *ngIf=\"mi.type == 'date'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            {{ viewInfoObjList[i][mi.property] | date: (mi?.dateFormat) ? mi?.dateFormat : 'dd-MMM-yyyy'}} </label>\r\n                          <label *ngIf=\"mi.type == 'link'\" class=\"label-control\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <a *ngIf=\"!mi?.isFullpath\" [routerLink]=\"genRouterLink(mi.path)\" [target]=\"mi.target\"\r\n                              [queryParams]=\"genAction(viewInfoObjList[i], mi.param)\">\r\n                              <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n                              <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] }}</span>\r\n                            </a>\r\n                            <a *ngIf=\"mi?.isFullpath\" href=\"javascript:void(0);\"\r\n                              (click)=\"redirectFullPath(mi.fullpath, genAction(viewInfoObjList[i], mi.param), mi.target)\">\r\n                              <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] | number:'.2':'en-US' }}</span>\r\n                              <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                viewInfoObjList[i][mi.property] }}</span>\r\n                            </a>\r\n                          </label>\r\n                          <label *ngIf=\"mi.type == 'callback'\" class=\"label-control label-field\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], mi.key)\">\r\n                              {{ viewInfoObjList[i][mi.property] }}\r\n                            </a>\r\n                          </label>\r\n                          <textarea *ngIf=\"mi.type == 'textarea'\" class=\"form-control\" readonly\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                            translate> {{ viewInfoObjList[i][mi.property] }} </textarea>\r\n                          <span *ngIf=\"mi.type == 'boolean'\"\r\n                            [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                            <label class=\"label-control\" *ngIf=\"viewInfoObjList[i][mi.property] == true\">Yes</label>\r\n                            <label class=\"label-control\" *ngIf=\"viewInfoObjList[i][mi.property] == false\">No</label>\r\n                            <!-- <label\r\n                     *ngIf=\"viewInfoObjList[i][mi.property] == '' || viewInfoObjList[i][mi.property] == null\">-</label> -->\r\n                          </span>\r\n                          <span *ngIf=\"mi.type == 'concat'\">\r\n                            <label class=\"label-control breakword\"\r\n                              [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                              {{ mi.concat }}\r\n                            </label>\r\n                          </span>\r\n                          <span *ngIf=\"mi.type == 'switch'\">\r\n                            <span *ngFor=\"let cs of mi?.case\">\r\n                              <span *ngIf=\"switchCase(viewInfoObjList[i],cs) && !cs.Hidden\">\r\n                                <span class=\"label-control breakword\"\r\n                                  [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                  translate *ngIf=\"cs.result.type == 'text'\">{{ viewInfoObjList[i][cs.result.property]\r\n                                  }}\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'decimal'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                  <span>\r\n                                    {{ viewInfoObjList[i][cs.result.property] | number: cs.result.precision ? cs.result.precision : '0.2' :'en-US' }}</span> \r\n                                    <span *ngIf=\"cs.result.IsPrcnt\">&nbsp;%</span>\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'date'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                    {{ viewInfoObjList[i][cs.result.property] | date: 'dd-MMM-yyyy' }}\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'link'\"\r\n                                  [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                  translate>\r\n                                  <a [target]=\"cs.result.target\" [routerLink]=\"genRouterLink(cs.result.path)\"\r\n                                    [queryParams]=\"genAction(viewInfoObjList[i],cs.result.param)\">\r\n                                    <span *ngIf=\"(mi.isCurrency != undefined && mi.isCurrency)\">{{\r\n                                      viewInfoObjList[i][cs.result.property] | number:'.2':'en-US' }}</span>\r\n                                    <span *ngIf=\"(mi.isCurrency == undefined || !mi.isCurrency)\">{{\r\n                                      viewInfoObjList[i][cs.result.property] }}</span>\r\n                                  </a>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'boolean'\">\r\n                                  <label class=\"label-control breakword\" [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\"\r\n                                    translate>\r\n                                    <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'true' || viewInfoObjList[i][cs.result.property] == true\">Yes</span>\r\n                                    <span *ngIf=\"viewInfoObjList[i][cs.result.property] == 'false' || viewInfoObjList[i][cs.result.property] == false\">No</span>\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'concat'\">\r\n                                  <label class=\"label-control breakword\"\r\n                                    [ngClass]=\"mi.customClassProperty != undefined ? mi.customClassProperty : ''\" translate>\r\n                                    {{ cs.result.concat }}\r\n                                  </label>\r\n                                </span>\r\n                                <span *ngIf=\"cs.result.type == 'callback'\">\r\n                                  <span\r\n                                    *ngIf=\"cs.result.isText != undefined && cs.result.isText; then textCallback else iconCallback\"></span>\r\n                                  <ng-template #textCallback>\r\n                                    <span>\r\n                                      <a href=\"javascript:void(0);\" (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">{{\r\n                                        viewInfoObjList[i][cs.result.property] }}</a>\r\n                                    </span>\r\n                                  </ng-template>\r\n                                  <ng-template #iconCallback>\r\n                                    <span>\r\n                                      <a [ngClass]=\"[cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltips' : '', cs.result.anchor == undefined || cs.result.anchor == '' ? 'success p-0' : cs.result.anchor]\"\r\n                                        (click)=\"callbackFunction(viewInfoObjList[i], cs.result.key)\">\r\n                                        <i class=\"font-medium-3 mr-2\"\r\n                                          [ngClass]=\" cs.result.icon == undefined || cs.result.icon == '' ? 'ft-edit-2' : cs.result.icon \">\r\n                                        </i>\r\n                                        <span *ngIf=\"cs.result.tooltip != undefined && cs.result.tooltip != ''\"\r\n                                          [ngClass]=\"cs.result.tooltip != undefined && cs.result.tooltip != '' ? 'tooltipstext' : ''\">\r\n                                          {{cs.result.tooltip}}\r\n                                        </span>\r\n                                      </a>\r\n                                    </span>\r\n                                  </ng-template>\r\n                                </span>\r\n                              </span>\r\n                            </span>\r\n                          </span>\r\n                        </ng-template>\r\n                      </div>\r\n                    </div>\r\n                  </span>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"grid-view\" *ngIf=\"gridViewObj.gridViews.length > 0\">\r\n                <div *ngFor=\"let gridView of inputGridViewObjs; let i = index\">\r\n                  <lib-ucSubsection\r\n                    *ngIf=\"gridViewObj.gridViews[i].subsection && gridViewObj.gridViews[i].subsection !== ''\"\r\n                    [id]=\"'grid-subsection-id'+i\"\r\n                    [title]=\"gridViewObj.gridViews[i].subsection\"\r\n                    [panel]=\"'grid-subsection-panel-'+i\">\r\n                  </lib-ucSubsection>\r\n                  <div class=\"form-body\" [id]=\"'grid-subsection-panel-'+i\">\r\n<!--                    <lib-ucgridview [gridInput]=\"gridView\" (callback)=\"gridEvent($event)\" (isRefresh)=\"GetGridViewData(gridViewObj.gridViews[i], gridView)\"></lib-ucgridview>-->\r\n                    <lib-uctable [gridObj]=\"gridView\" [standalone]=\"false\" (callback)=\"gridEvent($event)\" [classPadding]=\"'px-0'\"></lib-uctable>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".label-field{color:var(--gray-font-2, #A1A3A5);font-size:10px!important;font-weight:500}.label-control{padding:0!important}.label-control>a{color:var(--blue, #246CFE)}@media (min-width: 1366px){.col-xxl-2{flex:0 0 20%;max-width:20%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i2.HttpClient }, { type: i3.TranslateService }, { type: i4.CookieService }]; }, propDecorators: { viewGenericObj: [{
+                type: Input
+            }], gridViewObj: [{
+                type: Input
+            }], callback: [{
+                type: Output
+            }] } });
+
+class UcviewgenericModule {
+}
+/** @nocollapse */ UcviewgenericModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ UcviewgenericModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, declarations: [UcviewgenericComponent], imports: [CommonModule,
+        RouterModule,
+        UcSubsectionModule,
+        UcgridviewModule,
+        UctableModule, i3.TranslateModule], exports: [UcviewgenericComponent] });
+/** @nocollapse */ UcviewgenericModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, imports: [[
+            CommonModule,
+            RouterModule,
+            UcSubsectionModule,
+            UcgridviewModule,
+            UctableModule,
+            TranslateModule.forChild(),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UcviewgenericModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UcviewgenericComponent],
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        UcSubsectionModule,
+                        UcgridviewModule,
+                        UctableModule,
+                        TranslateModule.forChild(),
+                    ],
+                    exports: [UcviewgenericComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ucviewgeneric
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UcviewgenericComponent, UcviewgenericModule, UcviewgenericService };
+//# sourceMappingURL=adins-ucviewgeneric.mjs.map