tg-listv 0.0.1

package/README.md

@@ -0,0 +1,352 @@
+<<<<<<< HEAD
+# TG-LIST COMPONENT
+TgList Component is used to create a listing page in our project. It will assist in creating a left search, header buttons, a listing page, title pages, and data. However, you’ll have to feed data to this component, which will develop the abovementioned components. Below is the syntax of the TgList component.
+
+## Installation
+
+```bash
+$ npm install tg-list
+```
+
+or if you prefer yarn
+
+```bash
+$ yarn add tg-list
+```
+
+## Usage
+
+The installation and usage has change to align with new Vue 3 plugin installation.
+
+To create a new `Dynamic Form` instance, use the `createDynamicForms` function;
+
+```js
+import { createApp } from 'vue'
+import { TgList } from 'tg-list'
+
+export const app = createApp(App)
+
+app.use(TgList)
+```
+In your component:
+
+```javascript
+<template>
+  <tg-list :ListData="<ARRAY>" :HeaderData="<ARRAY>" IdentityColumn="<STRING>" ModuleName="<STRING>" SubModuleCode="<STRING>"  />
+</template>
+=======
+# TG-LIST COMPONENT
+TgList Component is used to create a listing page in our project. It will assist in creating a left search, header buttons, a listing page, title pages, and data. However, you’ll have to feed data to this component, which will develop the abovementioned components. Below is the syntax of the TgList component.
+
+## Installation
+
+```bash
+$ npm install tg-list
+```
+
+or if you prefer yarn
+
+```bash
+$ yarn add tg-list
+```
+
+## Usage
+
+The installation and usage has change to align with new Vue 3 plugin installation.
+
+To create a new `Dynamic Form` instance, use the `createDynamicForms` function;
+
+```js
+import { createApp } from 'vue'
+import { TgList } from 'tg-list'
+
+export const app = createApp(App)
+
+app.use(TgList)
+```
+In your component:
+
+```javascript
+<template>
+  <tg-list :ListData="listData" :HeaderData="headers" IdentityColumn="lead_id" ModuleName="CRM" SubModuleCode="CRM_LEADS">
+  </tg-list>
+</template>
+```
+### Following are the details of Tglist component properties
+
+| Name                         | Required? | Default | Type      | Description                                                                                                                                                                                            |
+| ---------------------------- | --------- | ------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `IsShowAction`               | no        | `false` | `boolean` | This property is used to show action cell in data table. If it is true then it will show action column along with the data.                                                                                                                                                                               |
+| `ModuleName`                 | yes       |         | `string`  | It is the module name for which you are using this TgList component.                                                                                                                      |
+| `SubModuleCode`              | yes       |         | `string`  | It is the sub module name for which you are using this TgList component.                                                                                                                 |
+| `IdentityColumn`             | yes       |         | `string`  | IdentityColumn is the name of the column which is used as identity (ID) for the data.                                                                                                                                                                        |
+| `HeaderText`                 | no        |         | `string`  | HeaderText contains a string value. It’s the list header of the Page.                                                                                                                                                                               |
+| `listType`                   | no        |`['list']`| `array`  | To display list view or card view or both. For both you can pass array like `['List','Card']`
+| `ListData`                   | yes       |         | `array`   | This property contains data from the table.
+| `HeaderData`                 | yes       |         | `array`   | HeaderData Contains table columns. It will display the table column according to the HeaderData property.
+| `HeaderButtons`              | no        |  `[]`   | `array`   | HeaderButtons contains the array of buttons that will display on the top of the list data.
+| `TotalRecords`               | no        |  `0`    | `integer` | It contains the total number of records in the table.
+| `SearchFields`               | no        |  `[]`   | `array`   | The SearchField contains search fields by which you can filter list data.
+| `RenderRowActionMethod`      | no        |         | `function`| This property is used to provide each row's actions. This function should return array of list action according to the row. You can use this function property to modify the visibility of list actions.
+| `ListDataCallBackFunction`   | no        |         | `function`| It’s the call-back function that refreshes the list data. 
+| `pager-button-click`         | no        |         | `function`| This method triggers when any button is clicked in a pager.  This function will contain one parameter which gives the object `{PageSize, PageNumber}`
+| `header-button-click`        | no        |         | `function`| This method triggers when any button provided in the header is clicked. This function will contain one parameter which gives the object `{title, iconClass, callbackfunction, href', additionalClass, isdisabled, isvisible, checkPrivilege}`
+| `action-button-click`        | no        |         | `function`| This method triggers when Any row action button clicked. This function will contain four parameters callbackfunction, item, index, event
+| `sortdata-button-click`      | no        |         | `function`| This method triggers when Any column of list data is sorted. This function will contain one parameter, which includes the column name. 
+
+<img src="https://github.com/TalygenV/TG-LIST/blob/main/src/ListView.png" alt="demo" width="100%"/>
+
+<img src="https://github.com/TalygenV/TG-LIST/blob/main/src/CardView.png" alt="demo" width="100%"/>
+
+#### ListData
+This property contains the following type of object in the array:
+```js
+  [
+    {
+      "rownumber": 1,
+      "total_records": 2822,
+      "lead_owner_id": "James OSmith",
+      ...
+    },
+    ...
+]
+```
+List data contains the rows of a table. For example, in an array object, Keys are columns, and values include the column's data.
+
+#### HeaderData
+This Property contains the following type of object in the array:
+```js
+[
+    {
+      "COLUMN_NAME": " lead_owner_id ",
+      "DATA_TYPE": "date",
+      "SORTABLE": true,
+      "VISIBLE": true,
+      "DISPLAY_NAME": null,
+      "DISPLAY_ORDER": 1
+    },
+    ...
+]
+```
+Header data contains the detail of table columns as mentioned below:
+-	COLUMN_NAME includes the column's name, the same as the List Data array. 
+-	DATA_TYPE defines the type of data.
+-	SORTABLE tells whether it is sortable or not. 
+-	VISIBLE means it is visible in the data table or not. 
+-	DISPLAY_NAME is the name of the table column header.
+-	DISPLAY_ORDER property defines the order of the column.
+
+#### HeaderButtons
+This Property contains the following type of object in the array:
+```js
+[{
+        "title": 'AddLead',
+        "iconClass": 'fa-plus',
+        "href": '/CRM/ManageLead/0/No/CRM/CRM_LEADS',
+        "additionalClass": '',
+        "isdisabled": false,
+        "isvisible": true,
+        "checkPrivilege": true
+    },
+    ...
+]
+```
+Header buttons contain the detail of header buttons as mentioned below:
+- TITLE shows the button name.
+- ICONCLASS has the icon class of a button.
+- HREF includes a button link if it redirects to another component.
+- ADDITIONALCLASS contains any other class if you want to apply it on a button.
+- ISDISABLED has a true or false value. If it's true, then the button will show as disabled.
+- CHECKPRIVILEGE is used to check the privilege of a particular button.
+
+#### SearchFields
+This Property contains the following type of object in the array:
+```js
+[{
+       fieldName: 'Email',
+       fieldType: "text",
+       fieldIcon: "fa-envelope",
+       fieldSearchConditionName: ['LEAD.CLIENT_EMAIL'],
+       isSearch: false,
+       value: "",
+       listOptions: []
+   },
+   ...
+]
+```
+Search fields contains the detail of header buttons as mentioned below:
+- FIELDNAME contains the field name of the left search field.
+- FIELDTYPE contains the type of field, for example, text, ddl-check, ddlradio, checkbox, select, date, date-range, and radio.
+- FIELDICON contains the icon class of a search field.
+- FIELDSEARCHCONDITIONNAME contains the column name you want to create a ‘where clause’ for the backend. It will receive a string array as a value.
+- ISSEARCH contains true/false values.
+- VALUE contains the default value of that search field if you want to assign it.
+- LISTOPTION contains the list with {name, value} object. It is used to show the list under checkbox, radio, etc.
+
+#### RenderRowActionMethod
+This property is used to render actions according to list data. Type of this property is function and whenever you set any function in this property, that function will receive each object of listData and it should return following type of array:
+```js
+[{
+        title:'Follow-Ups',
+        callbackfunction:'openAddNewEvent',
+        href: 'javascript:void(0)',
+        icon: 'fa fa-flag text-muted action-icon',
+        class: 'bg-secondary',
+        additionalSpan:'',
+        isVisible: true
+    },
+    {
+        title:'Edit',
+        href: '/CRM/ManageLead/{lead_id}/Yes/CRM/CRM_LEADS',
+        icon: 'fa fa-pencil text-success action-icon',
+        class: 'bg-success',
+        additionalSpan:'',
+        isVisible: true
+    },
+    ...
+]
+```
+- TITLE contains the name of the action button.
+- CALLBACKFUNCTION contains a function name which is called when you click on this particular action button.
+- HREF contains the link of any action if it redirects to another component or any page.
+- CLASS has the icon class of a button.
+- ICON contains fa icon class for action button.
+- ADDITIONALSPAN contains contains if you want to add something extra with action icon.
+- ISVISIBLE action is visible or not.
+
+<img src="https://github.com/TalygenV/TG-LIST/blob/main/src/ActionButtons.png" alt="demo" width="500px"/>
+
+#### ListDataCallBackFunction
+This property contains a function. This function should be used to refresh list and reload the list data.
+
+#### pager-button-click
+This porperty contains a function which emits when paging action will be performed. Function assigned to this property receive the folloqing object `{ 'PageNumber': 1, "PageSize": 10 }`
+
+#### header-button-click
+This property contains a function which emits when any header button is clicked. Function assigned to this property receive the object of HeaderButtons on which button you have clicked.
+Example:
+```js
+{
+    "title": 'AddLead',
+    "iconClass": 'fa-plus',
+    "href": '/CRM/ManageLead/0/No/CRM/CRM_LEADS',
+    "additionalClass": '',
+    "isdisabled": false,
+    "isvisible": true,
+    "checkPrivilege": true
+}
+```
+#### action-button-click
+This property contains a function which emits when any action button is clicked. Function assigned to this property receive 4 parameters:
+ - callbackfunction -  Function name which is defined while using renderRowActionMethod property
+ - item - Object of action button 
+ ```js
+ {
+    title:'Follow-Ups',
+    callbackfunction:'openAddNewEvent',
+    href: 'javascript:void(0)',
+    icon: 'fa fa-flag text-muted action-icon',
+    class: 'bg-secondary',
+    additionalSpan:'',
+    isVisible: true
+}
+ ```
+ - index - index of object 
+ - event - Gets event of that button on which user clicked
+ 
+ #### sortdata-button-click
+ This property contains a function which emits when sorting is perform on any column. Function assigned to this property receive one parameter that is name of column on which sorting is performed:
+
+## Slots in TgList
+Following is an example of tg-list component with slots. There are two slots which is used in tg-list component:
+```javascript
+<TgList :listType="['List','Card']" 
+      IsShowAction="true" 
+      ModuleName="CRM" 
+      SubModuleCode="CRM_LEADS" 
+      IdentityColumn="lead_id"
+      :HeaderText="$t('Leads')" 
+      :ListData="LeadData" 
+      :HeaderData="Headers" 
+      :HeaderButtons="listheaderbuttons"
+      :TotalRecords="TotalRecords" 
+      :IsSearchFieldsOnTop="false" 
+      :SearchFields="leftSearchFields"
+      :RenderRowActionMethod="renderActions" 
+      :ListDataCallBackFunction="FetchData"
+      :widgets="widgets"
+      :KanbanDataCallBackFunction="FetchDataKanban" 
+      :LegendArray="LegendArray"
+      :IsFilterApplied="searchCondition ? true : false" 
+      :SortExp="SortExp" :SortBy="SortBy"
+      @leftsearch-button-click="leftCommonSearch" 
+      @pager-button-click="pagerMethod"
+      @header-button-click="commonHeaderButtonClick" 
+      @action-button-click="actionButtonClick"
+      @sortdata-button-click="sortdata">
+      <template v-slot:slotdata="{ data }">
+          <template v-if="data.column.COLUMN_NAME == 'status_id'">
+              <a class="inactive-disabled">
+                  <span v-bind:class="getStatusClass(data.row.status_id, 'status_id')">
+                      {{ data.row[data.column.COLUMN_NAME] }}
+                  </span>
+              </a>
+          </template>
+      </template>
+      <template v-slot:customcard="{ data }">
+          <div class="card-box expense-card text-center pb-2 ex-green-bg-light">
+              <div class="expense-card-header">
+                  <div class="custom-control custom-checkbox">
+                      <input type="checkbox" class="chkItems custom-control-input" :value="data.row.lead_id" id="chk_11" v-on:change="data.onchangecheckbox($event, data.row)"/>
+                      <label class="custom-control-label universal-custom-control-label pt-1" for="chk_11"></label>
+                  </div> 
+                  <span class="expense-icon"><i class="fa  fa-file-text-o"></i></span> 
+                  <a :value="data.row.lead_id" title="" class="text-truncate expense-title" data-toggle-tooltip="tooltip" style="cursor: default;" :data-original-title="data.row.client_email">{{ data.row.client_email }}</a>
+              </div> 
+          </div>
+      </template>
+  </TgList>
+```
+### `slotdata`
+`slotdata` is used to render custom design or reporcess the value of column data. `slotdata` contains data parameter which is an object: 
+```js
+{
+  row: {
+      "rownumber": 1,
+      "total_records": 2822,
+      "lead_owner_id": "James OSmith",
+      ...
+  },
+  column: {
+      "COLUMN_NAME": " lead_owner_id ",
+      "DATA_TYPE": "date",
+      "SORTABLE": true,
+      "VISIBLE": true,
+      "DISPLAY_NAME": null,
+      "DISPLAY_ORDER": 1
+  }
+}
+```
+### `customcard`
+`customcard` is used to render custom design and custom code for card view. This slot is only applicable to the Card View. `customcard` contains data parameter which is an object:
+```js
+{
+  row: {
+      "rownumber": 1,
+      "total_records": 2822,
+      "lead_owner_id": "James OSmith",
+      ...
+  },
+  columnlist: [{
+      "COLUMN_NAME": " lead_owner_id ",
+      "DATA_TYPE": "date",
+      "SORTABLE": true,
+      "VISIBLE": true,
+      "DISPLAY_NAME": null,
+      "DISPLAY_ORDER": 1
+  },
+  ...
+  ]
+}
+```
+>>>>>>> 4556c2d5391ce5a42ec38e1106f6dbd4498a467b

package/dist/css/main.css

@@ -0,0 +1 @@
+.expense-card-header .custom-checkbox .custom-control-label{margin-left:8px}.talygen-card-view .nu-paging{border-top:1px solid #c3c3c3}.action-list-box{opacity:0;height:0;transition:opacity 1s}.is-visible{display:inline-block!important;height:auto;overflow:hidden!important;height:46px}

package/dist/index.js

@@ -0,0 +1,2 @@
+(function(e){function t(t){for(var n,o,r=t[0],l=t[1],c=t[2],d=0,f=[];d<r.length;d++)o=r[d],Object.prototype.hasOwnProperty.call(i,o)&&i[o]&&f.push(i[o][0]),i[o]=0;for(n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n]);u&&u(t);while(f.length)f.shift()();return a.push.apply(a,c||[]),s()}function s(){for(var e,t=0;t<a.length;t++){for(var s=a[t],n=!0,r=1;r<s.length;r++){var l=s[r];0!==i[l]&&(n=!1)}n&&(a.splice(t--,1),e=o(o.s=s[0]))}return e}var n={},i={main:0},a=[];function o(t){if(n[t])return n[t].exports;var s=n[t]={i:t,l:!1,exports:{}};return e[t].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=n,o.d=function(e,t,s){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(s,n,function(t){return e[t]}.bind(null,n));return s},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/";var r=window["webpackJsonp"]=window["webpackJsonp"]||[],l=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var u=l;a.push(["b635","chunk-vendors"]),s()})({"27e5":function(e,t,s){},4678:function(e,t,s){var n={"./af":"2bfb","./af.js":"2bfb","./ar":"8e73","./ar-dz":"a356","./ar-dz.js":"a356","./ar-kw":"423e","./ar-kw.js":"423e","./ar-ly":"1cfd","./ar-ly.js":"1cfd","./ar-ma":"0a84","./ar-ma.js":"0a84","./ar-sa":"8230","./ar-sa.js":"8230","./ar-tn":"6d83","./ar-tn.js":"6d83","./ar.js":"8e73","./az":"485c","./az.js":"485c","./be":"1fc1","./be.js":"1fc1","./bg":"84aa","./bg.js":"84aa","./bm":"a7fa","./bm.js":"a7fa","./bn":"9043","./bn-bd":"9686","./bn-bd.js":"9686","./bn.js":"9043","./bo":"d26a","./bo.js":"d26a","./br":"6887","./br.js":"6887","./bs":"2554","./bs.js":"2554","./ca":"d716","./ca.js":"d716","./cs":"3c0d","./cs.js":"3c0d","./cv":"03ec","./cv.js":"03ec","./cy":"9797","./cy.js":"9797","./da":"0f14","./da.js":"0f14","./de":"b469","./de-at":"b3eb","./de-at.js":"b3eb","./de-ch":"bb71","./de-ch.js":"bb71","./de.js":"b469","./dv":"598a","./dv.js":"598a","./el":"8d47","./el.js":"8d47","./en-au":"0e6b","./en-au.js":"0e6b","./en-ca":"3886","./en-ca.js":"3886","./en-gb":"39a6","./en-gb.js":"39a6","./en-ie":"e1d3","./en-ie.js":"e1d3","./en-il":"7333","./en-il.js":"7333","./en-in":"ec2e","./en-in.js":"ec2e","./en-nz":"6f50","./en-nz.js":"6f50","./en-sg":"b7e9","./en-sg.js":"b7e9","./eo":"65db","./eo.js":"65db","./es":"898b","./es-do":"0a3c","./es-do.js":"0a3c","./es-mx":"b5b7","./es-mx.js":"b5b7","./es-us":"55c9","./es-us.js":"55c9","./es.js":"898b","./et":"ec18","./et.js":"ec18","./eu":"0ff2","./eu.js":"0ff2","./fa":"8df4","./fa.js":"8df4","./fi":"81e9","./fi.js":"81e9","./fil":"d69a","./fil.js":"d69a","./fo":"0721","./fo.js":"0721","./fr":"9f26","./fr-ca":"d9f8","./fr-ca.js":"d9f8","./fr-ch":"0e49","./fr-ch.js":"0e49","./fr.js":"9f26","./fy":"7118","./fy.js":"7118","./ga":"5120","./ga.js":"5120","./gd":"f6b4","./gd.js":"f6b4","./gl":"8840","./gl.js":"8840","./gom-deva":"aaf2","./gom-deva.js":"aaf2","./gom-latn":"0caa","./gom-latn.js":"0caa","./gu":"e0c5","./gu.js":"e0c5","./he":"c7aa","./he.js":"c7aa","./hi":"dc4d","./hi.js":"dc4d","./hr":"4ba9","./hr.js":"4ba9","./hu":"5b14","./hu.js":"5b14","./hy-am":"d6b6","./hy-am.js":"d6b6","./id":"5038","./id.js":"5038","./is":"0558","./is.js":"0558","./it":"6e98","./it-ch":"6f12","./it-ch.js":"6f12","./it.js":"6e98","./ja":"079e","./ja.js":"079e","./jv":"b540","./jv.js":"b540","./ka":"201b","./ka.js":"201b","./kk":"6d79","./kk.js":"6d79","./km":"e81d","./km.js":"e81d","./kn":"3e92","./kn.js":"3e92","./ko":"22f8","./ko.js":"22f8","./ku":"2421","./ku.js":"2421","./ky":"9609","./ky.js":"9609","./lb":"440c","./lb.js":"440c","./lo":"b29d","./lo.js":"b29d","./lt":"26f9","./lt.js":"26f9","./lv":"b97c","./lv.js":"b97c","./me":"293c","./me.js":"293c","./mi":"688b","./mi.js":"688b","./mk":"6909","./mk.js":"6909","./ml":"02fb","./ml.js":"02fb","./mn":"958b","./mn.js":"958b","./mr":"39bd","./mr.js":"39bd","./ms":"ebe4","./ms-my":"6403","./ms-my.js":"6403","./ms.js":"ebe4","./mt":"1b45","./mt.js":"1b45","./my":"8689","./my.js":"8689","./nb":"6ce3","./nb.js":"6ce3","./ne":"3a39","./ne.js":"3a39","./nl":"facd","./nl-be":"db29","./nl-be.js":"db29","./nl.js":"facd","./nn":"b84c","./nn.js":"b84c","./oc-lnc":"167b","./oc-lnc.js":"167b","./pa-in":"f3ff","./pa-in.js":"f3ff","./pl":"8d57","./pl.js":"8d57","./pt":"f260","./pt-br":"d2d4","./pt-br.js":"d2d4","./pt.js":"f260","./ro":"972c","./ro.js":"972c","./ru":"957c","./ru.js":"957c","./sd":"6784","./sd.js":"6784","./se":"ffff","./se.js":"ffff","./si":"eda5","./si.js":"eda5","./sk":"7be6","./sk.js":"7be6","./sl":"8155","./sl.js":"8155","./sq":"c8f3","./sq.js":"c8f3","./sr":"cf1e","./sr-cyrl":"13e9","./sr-cyrl.js":"13e9","./sr.js":"cf1e","./ss":"52bd","./ss.js":"52bd","./sv":"5fbd","./sv.js":"5fbd","./sw":"74dc","./sw.js":"74dc","./ta":"3de5","./ta.js":"3de5","./te":"5cbb","./te.js":"5cbb","./tet":"576c","./tet.js":"576c","./tg":"3b1b","./tg.js":"3b1b","./th":"10e8","./th.js":"10e8","./tk":"5aff","./tk.js":"5aff","./tl-ph":"0f38","./tl-ph.js":"0f38","./tlh":"cf75","./tlh.js":"cf75","./tr":"0e81","./tr.js":"0e81","./tzl":"cf51","./tzl.js":"cf51","./tzm":"c109","./tzm-latn":"b53d","./tzm-latn.js":"b53d","./tzm.js":"c109","./ug-cn":"6117","./ug-cn.js":"6117","./uk":"ada2","./uk.js":"ada2","./ur":"5294","./ur.js":"5294","./uz":"2e8c","./uz-latn":"010e","./uz-latn.js":"010e","./uz.js":"2e8c","./vi":"2921","./vi.js":"2921","./x-pseudo":"fd7e","./x-pseudo.js":"fd7e","./yo":"7f33","./yo.js":"7f33","./zh-cn":"5c3a","./zh-cn.js":"5c3a","./zh-hk":"49ab","./zh-hk.js":"49ab","./zh-mo":"3a6c","./zh-mo.js":"3a6c","./zh-tw":"90ea","./zh-tw.js":"90ea"};function i(e){var t=a(e);return s(t)}function a(e){if(!s.o(n,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}i.keys=function(){return Object.keys(n)},i.resolve=a,e.exports=i,i.id="4678"},"7d46":function(e,t,s){"use strict";s("c08c")},"92f8":function(e,t,s){"use strict";s("27e5")},b635:function(e,t,s){"use strict";s.r(t),s.d(t,"TgList",(function(){return se}));s("e260"),s("e6cf"),s("cca6"),s("a79d");var n=function(){var e=this,t=e.$createElement,s=e._self._c||t;return"undefined"!==typeof e.SearchPosition&&"left"!=e.SearchPosition||!e.SearchFields?e._e():s("div",{staticClass:"left-menu-tab",attrs:{id:"crmleftsearch"}},[s("leftsearch",{attrs:{header:e.HeaderText,fields:e.SearchFields,callbackfunction:e.FetchData,modulename:e.ModuleName},on:{SetLeftSearch:e.leftCommonSearch}})],1)},i=[],a=s("53ca"),o=(s("a9e3"),s("4de4"),s("d3b7"),s("159b"),function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"table-responsive table-fix-header"},[s("table",{staticClass:"table table-bordered mt-0",staticStyle:{width:"100%"},attrs:{id:"tablelistingdata"}},[s("thead",{staticClass:"thead-bg"},[s("tr",[s("th",{staticClass:"text-center",staticStyle:{width:"50px !important"}},[s("input",{staticClass:"chkitems",attrs:{id:"chkAll",value:"",type:"checkbox"},on:{change:function(t){return e.onChange()}}})]),e._l(e.Headers,(function(t){return[t.VISIBLE?s("th",{class:{"text-center":"CRM_BRANDS"==e.subModuleCode&&"Social"==t.COLUMN_NAME||"CRM_COMMUNICATION_MODES"==e.subModuleCode&&"status"==t.COLUMN_NAME},staticStyle:{"text-transform":"capitalize"},style:["status_name"==t.COLUMN_NAME?{width:"10%"}:{width:""}],attrs:{id:t.COLUMN_NAME}},[t.VISIBLE&&1==t.SORTABLE?s("span",{class:{sort:1==t.SORTABLE,tb_headerSortUp:"ASC"==e.SortExp&&e.SortBy==t.COLUMN_NAME,tb_headerSortDown:"DESC"==e.SortExp&&e.SortBy==t.COLUMN_NAME},on:{click:function(s){return e.sortdata(t.COLUMN_NAME)}}},[e._v(" "+e._s(e.$t(t.COLUMN_NAME,t.DISPLAY_NAME))+" ")]):e._e(),0==t.SORTABLE?s("span",[e._v(" "+e._s(e.$t(t.COLUMN_NAME,t.DISPLAY_NAME))+" ")]):e._e()]):e._e()]})),"true"==e.IsShowAction?s("th",{staticClass:"nonresize text-center"},[s("span",[e._v(e._s(e.$t("Action")))])]):e._e()],2)]),s("tbody",[e._l(e.Data,(function(t,n){return s("tr",{key:t,class:t.additionalClass},[s("td",{staticClass:"text-center"},[s("input",{staticClass:"chkItems",attrs:{disabled:t.isCheckBoxDisabled,type:"checkbox"},domProps:{value:t[e.identityColumn]},on:{change:function(s){return e.onChangeEventOfCheckbox(s,t)}}})]),e._l(e.Headers,(function(n){return[n.VISIBLE?s("td",{key:n,class:{"text-right":"decimal"==n.DATA_TYPE}},["date"!=n.DATA_TYPE&&"datetime"!=n.DATA_TYPE||"decimal"==n.DATA_TYPE?e._e():s("span",[e._v(e._s(e.$options.filters.formatDate(t[n.COLUMN_NAME])))]),"decimal"==n.DATA_TYPE?s("span",[e._v(e._s(e.$options.filters.currency(t[n.COLUMN_NAME])))]):e._e(),"date"!=n.DATA_TYPE&&"datetime"!=n.DATA_TYPE&&"decimal"!=n.DATA_TYPE?s("span",{attrs:{title:t[n.COLUMN_NAME]}},["undefined"!=typeof n.settings&&null!=n.settings&&"undefined"!=typeof n.settings.clickEvent&&null!=n.settings.clickEvent&&1!=n.settings.isInSlot?s("RouterLink",{attrs:{id:"viewLeadeContent_a",to:"undefined"!=typeof t.rowDetailsUrl?t.rowDetailsUrl:""},nativeOn:{click:function(s){return e.clickEventCheck(n,t)}}},[e._v(" "+e._s("function"===typeof n.settings.formatter?n.settings.formatter(t,n):e.TruncateStr(t[n.COLUMN_NAME],30))+" ")]):e._e(),"undefined"==typeof n.settings||null==n.settings||"undefined"!==typeof n.settings.clickEvent&&null!=n.settings.clickEvent||1==n.settings.isInSlot?e._e():s("span",{attrs:{title:t[n.COLUMN_NAME]}},[e._v(e._s("function"===typeof n.settings.formatter?n.settings.formatter(t,n):e.TruncateStr(t[n.COLUMN_NAME],30)))]),"undefined"===typeof n.settings||null==n.settings?s("span",{attrs:{title:t[n.COLUMN_NAME]}},[e._v(e._s(e.TruncateStr(t[n.COLUMN_NAME],30)))]):e._e(),"undefined"!=typeof n.settings&&null!=n.settings&&"undefined"!=typeof n.settings.isInSlot&&1==n.settings.isInSlot?e._t("slotdata",null,{data:{row:t,column:n}}):e._e()],2):e._e()]):e._e()]})),"true"==e.IsShowAction?s("RowActions",{attrs:{item:t,index:n,identityColumn:e.identityColumn,listActions:e.renderRowActionMethod(t)},on:{ButtonClick:e.ButtonClick}}):e._e()],2)})),e.noRecord?s("tr",[s("td",{staticClass:"text-center text-danger no-record",attrs:{colspan:"17"}},[e._v(e._s(e.$t("NoRecordfound")))])]):e._e()],2)])])}),r=[],l=(s("ac1f"),s("00b4"),function(){var e=this,t=e.$createElement,s=e._self._c||t;return"List"==e.listType?s("td",{staticClass:"text-center mobile-action"},[s("span",{staticClass:"actions mobileaction"},[s("em",{staticClass:"fa fa-ellipsis-h action_icon",attrs:{"aria-hidden":"true"}}),s("span",{staticClass:"action-list-box"},[s("span",{staticClass:"list-actions",attrs:{id:"action-list"}},[e._l(e.listActions,(function(t){return[1==t.isVisible&&"undefined"!=typeof t.callbackfunction?s("a",{staticClass:"actions-onclick",attrs:{typetitle:t.title,typefor:t.title,value:e.item[e.identityColumn],title:t.title},on:{click:function(s){return e.ClickEvent(t.callbackfunction,e.item,e.index,s)}}},[s("em",{class:t.icon}),s("span",{staticClass:"text"},[e._v(" "+e._s(t.title)+" "),s("span",{domProps:{innerHTML:e._s(e.replaceText(t.additionalSpan))}})])]):e._e(),1==t.isVisible&&"undefined"==typeof t.callbackfunction?s("RouterLink",{staticClass:"actions-onclick",attrs:{to:e.replaceText(t.href),title:e.$t(t.title)}},[s("em",{class:t.icon}),e._v(" "),s("br"),s("span",{staticClass:"text"},[e._v(" "+e._s(e.$t(t.title)))])]):e._e()]})),s("em",{staticClass:"fa fa-times close close-action",attrs:{"aria-hidden":"true"}})],2)])])]):e._e()}),c=[],u=(s("5319"),s("1276"),s("a15b"),s("caad"),s("2532"),{props:{item:{type:Object,required:!0},listActions:{type:Array,required:!0},actionItems:{type:Array,required:!0},identityColumn:{type:String,required:!0},listType:{type:String,default:"List"},index:null},methods:{ClickEvent:function(e,t,s,n){this.$emit("ButtonClick",e,t,s,n)},replaceText:function(e){var t,s=this,n=[],i=/{([^}]+)}/g;while(t=i.exec(e))n.push(t[1]);return n.forEach((function(t){e=e.replace("{"+t+"}","".concat(s.item[t]))})),e},CardActionIcon:function(e){var t=e.split(" ");return t.filter((function(e){return e.includes("fa")})).join(" ")}}}),d=u,f=s("2877"),h=Object(f["a"])(d,l,c,!1,null,null,null),m=h.exports,p=function(){var e=this,t=e.$createElement,s=e._self._c||t;return e.TotalPages>0?s("div",{staticClass:"nu-paging"},[s("nav",{attrs:{"aria-label":"Page navigation example col-sm-12 col-md-12 col-lg-12 col-xl-12 float-left"}},[s("ul",{staticClass:"pagination row"},[s("li",{staticClass:"col-sm-12 col-md-6 col-lg-6 col-xl-6 float-left choose-page"},[s("span",{staticClass:"mr-2"},[e._v("Show")]),s("span",{staticClass:"select"},[s("select",{directives:[{name:"model",rawName:"v-model",value:e.PageSize,expression:"PageSize"}],staticClass:"form-control form-control-sm",attrs:{id:"pageSize",name:"pageSize"},on:{change:[function(t){var s=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.PageSize=t.target.multiple?s:s[0]},e.SetPageSize]}},e._l(e.PageSizeOption,(function(t){return s("option",{domProps:{value:t}},[e._v(e._s(t))])})),0)]),s("span",{staticClass:"ms-2"},[e._v(e._s(e.$t("PagingText",[(e.CurrentPage-1)*e.PageSize+1,e.PageSize*e.CurrentPage>e.TotalRecords?e.TotalRecords:e.PageSize*e.CurrentPage,e.TotalRecords])))])]),s("li",{staticClass:"col-sm-12 col-md-6 col-lg-6 col-xl-6 float-left"},[e.TotalPages>1?s("ul",{staticClass:"paging-count"},[s("li",{staticClass:"page-item"},[1!=e.CurrentPage?s("a",{staticClass:"page-link first",attrs:{title:e.firstText,href:"javascript:;",val:"1"},on:{click:function(t){return e.SetCurrentPage(1)}}},[e._v(e._s(e.firstText))]):e._e(),1==e.CurrentPage?s("a",{staticClass:"page-link first disabled",attrs:{title:e.firstText,val:"1"}},[e._v(e._s(e.firstText))]):e._e()]),s("li",{staticClass:"page-item"},[1!=e.CurrentPage?s("a",{staticClass:"page-link previous",attrs:{title:e.prevText,href:"javascript:;"},on:{click:function(t){return e.SetCurrentPage(e.CurrentPage-1)}}},[e._v(e._s(e.prevText))]):e._e(),1==e.CurrentPage?s("a",{staticClass:"page-link previous disabled",attrs:{title:e.prevText}},[e._v(e._s(e.prevText))]):e._e()]),e._l(e.TotalPages,(function(t,n){return[t>=e.GroupStart&&t<=e.GroupEnd?s("li",{staticClass:"page-item"},[n+1==e.CurrentPage?s("a",{staticClass:"page-link active",attrs:{href:"javascript:;"}},[e._v(e._s(n+1))]):e._e(),n+1!=e.CurrentPage?s("a",{staticClass:"page-link",attrs:{href:"javascript:;",val:n},on:{click:function(t){return e.SetCurrentPage(n+1)}}},[e._v(e._s(n+1))]):e._e()]):e._e()]})),s("li",{staticClass:"page-item"},[e.CurrentPage<e.TotalPages?s("a",{staticClass:"page-link next",attrs:{title:e.nextText,href:"javascript:;"},on:{click:function(t){return e.SetCurrentPage(e.CurrentPage+1)}}},[e._v(e._s(e.nextText))]):e._e(),e.CurrentPage>=e.TotalPages?s("a",{staticClass:"page-link disabled next",attrs:{title:e.nextText}},[e._v(e._s(e.nextText))]):e._e()]),s("li",{staticClass:"page-item"},[e.CurrentPage!=e.TotalPages?s("a",{staticClass:"page-link next",attrs:{title:e.lastText,href:"javascript:;",val:e.TotalPages},on:{click:function(t){return e.SetCurrentPage(e.TotalPages)}}},[e._v(e._s(e.lastText))]):e._e(),e.CurrentPage==e.TotalPages?s("a",{staticClass:"page-link next disabled",attrs:{title:e.lastText,val:e.TotalPages}},[e._v(e._s(e.lastText))]):e._e()])],2):e._e()])])])]):e._e()},g=[],C={data:function(){return{TotalRecords:0,PageNumber:1,PageSize:10,PageSizeOption:null,CurrentPage:1,TotalPages:0,GroupStart:1,GroupEnd:3,LastPage:!1}},watch:{numberofrecords:function(e){this.CurrentPage>this.PageNumber&&(this.CurrentPage=this.PageNumber),this.TotalRecords=e,this.TotalPages=Math.ceil(this.TotalRecords/this.PageSize),this.TotalPages==this.PageNumber&&this.PageNumber>3?(this.GroupStart=this.PageNumber-2,this.GroupEnd=this.PageNumber):this.TotalPages>this.PageNumber&&this.PageNumber>=3?(this.GroupStart=this.PageNumber-1,this.GroupEnd=this.PageNumber+1):(this.GroupStart=1,this.GroupEnd=3)}},created:function(){this.GetPageSizeOption(),this.CurrentPage>this.PageNumber&&(this.CurrentPage=this.PageNumber),this.TotalRecords=this.numberofrecords,this.TotalPages=Math.ceil(this.TotalRecords/this.PageSize),this.TotalPages==this.PageNumber&&this.PageNumber>3?(this.GroupStart=this.PageNumber-2,this.GroupEnd=this.PageNumber):this.TotalPages>this.PageNumber&&this.PageNumber>=3?(this.GroupStart=this.PageNumber-1,this.GroupEnd=this.PageNumber+1):(this.GroupStart=1,this.GroupEnd=3)},methods:{GetData:function(){this.$emit("SetCurrentPage",{PageNumber:this.PageNumber,PageSize:this.PageSize}),"undefined"!=typeof this.callbackfunction&&null!=this.callbackfunction&&this.callbackfunction()},SetPageSize:function(e){this.PageSize=e.target.value,this.PageNumber=1,this.CurrentPage=this.PageNumber,this.GroupStart=this.PageNumber,this.GroupEnd=this.PageNumber+2,this.TotalPages=Math.ceil(this.TotalRecords/this.PageSize),this.GetData()},SetCurrentPage:function(e){this.PageNumber=e,this.CurrentPage=e,this.TotalPages==this.PageNumber&&this.PageNumber>3?(this.GroupStart=this.PageNumber-2,this.GroupEnd=this.PageNumber):this.TotalPages>this.PageNumber&&this.PageNumber>=3?(this.GroupStart=this.PageNumber-1,this.GroupEnd=this.PageNumber+1):(this.GroupStart=1,this.GroupEnd=3),this.GetData()},GetPageSizeOption:function(){for(var e=[],t=10,s=t;s<t+95;s+=5)e.push(s);this.PageSizeOption=e}}},b=C,_=Object(f["a"])(b,p,g,!1,null,null,null),v=_.exports,y={components:{RowActions:m,Pager:v},props:{Data:{type:Array,required:!0},Headers:{type:Array,required:!0},IsShowAction:{type:Boolean,required:!0},noRecord:{type:Boolean,required:!0},totalrecords:{type:Number,required:!0},renderRowActionMethod:{type:Function,required:!0},identityColumn:{type:String,required:!0},subModuleCode:{type:String,required:!0},SortExp:null,SortBy:null},watch:{totalrecords:function(e){this.TotalRecords=e}},data:function(){return{showActions:this.NewArray(100),Actions:[],TotalRecords:0}},methods:{NewArray:function(e){for(var t=[],s=0;s<e;++s)t[s]={QuickView:"",View:"",Edit:"",Notes:"",FollowUps:"",Reopen:"",ConvertLead:""};return t},TruncateStr:function(e,t){var s=""+e;if(null!=s)return s.length<=t?e:s.substring(0,t)+"..."},sortdata:function(e){this.$emit("sortdata",e)},pagerMethod:function(e){this.$emit("PagerMethod",e)},isBlank:function(e){return!e||/^\s*$/.test(e)},ButtonClick:function(e,t,s,n){this.$emit("ButtonClick",e,t,s,n)},onChangeEventOfCheckbox:function(e,t){this.$emit("EventOfCheckbox",e,t)}}},N=y,E=Object(f["a"])(N,o,r,!1,null,null,null),M=E.exports,A=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"col-md-12 p-0"},[s("div",{staticClass:"theme-primary partition"},[e.header?s("span",{staticClass:"p-name text-white"},[e._v(e._s(e.GetLocalizedValue(e.header)))]):e._e()])])},S=[],k=(s("7db0"),s("a434"),s("498a"),s("c1df")),L=s.n(k),T={props:{fields:{type:Array,required:!0},header:{type:String,required:!0},callbackfunction:{type:Function,required:!0},modulename:{type:String,required:!0}},data:function(){return{Fields:this.fields,popover:{visibility:"click"},modelConfig:{type:"string",mask:"YYYY-MM-DD"}}},watch:{fields:function(e){console.log(e),this.Fields=null!=e&&e.length>0?e:[]}},created:function(){var e=this;setTimeout((function(){e.SetScrolbar("dark-thick","","filterscroll_leftsearch")}),1500),setTimeout((function(){$('span[data-target=".multi-collapse"],a[data-target=".multi-collapse"]').unbind("click"),$(".bottom_filter_button").unbind("click")}),2e3)},methods:{isBlank:function(e){return!e||/^\s*$/.test(e)},GetLocalizedValue:function(e,t){try{if(this.isBlank(t)){var s=this.$t(String(e).toUpperCase());return s!=String(e).toUpperCase()?s:(s=this.$t(String(e)),s||1==/^\s*$/.test(s)?s:e)}s=this.$t(String(t).toUpperCase());return s!=String(t).toUpperCase()?s:(s=this.$t(String(t)),s||1==/^\s*$/.test(s)?s:t)}catch(n){console.log(n)}},ExpandCollapsedAll:function(){$('span[data-target=".multi-collapse"],a[data-target=".multi-collapse"]').hasClass("collapsed")?setTimeout((function(){$('span[data-target=".multi-collapse"],a[data-target=".multi-collapse"]').removeClass("collapsed"),$(".left-menu-tab .card").each((function(){$(this).find(".card-header h5 a").removeClass("collapsed"),$(this).find(".card-header h5 a").attr("aria-expanded","true"),$(this).find(".multi-collapse").collapse("show")}))}),500):setTimeout((function(){$('span[data-target=".multi-collapse"],a[data-target=".multi-collapse"]').addClass("collapsed"),$(".left-menu-tab .card").each((function(){$(this).find(".card-header h5 a").addClass("collapsed"),$(this).find(".card-header h5 a").attr("aria-expanded","false"),$(this).find(".multi-collapse").collapse("hide")}))}),500)},ClearFilter:function(){$.each(this.Fields,(function(e,t){t.isSearch=!1,t.value="",t.secondValue="","ddl-check"==t.fieldType&&$("#customcheckboxselectall"+e).prop("checked",!1),$(".tab-Search-btn").css("display","none")})),$(".searchcustomfilter").val(""),$(".searchcustomfilter").trigger("keyup"),this.SearchData()},CheckValueSelectedForbadge:function(e,t,s){var n=t.split(",");return!n.includes(e)||1!=s},ClearFilerForbadge:function(e,t,s){var n=t.value.split(","),i=n.indexOf(e);n.splice(i,1),t.value=n.join(",");try{"ddl-check"==t.fieldType&&(t.value.split(",").length==t.listOptions.length?$("#customcheckboxselectall"+s).prop("checked",!0):$("#customcheckboxselectall"+s).prop("checked",!1))}catch(a){}this.SearchData()},UpdateCheckedValues:function(e,t,s,n){if(1==s.target.checked)if(""!=e.value){var i=e.value.split(",");i.push(t),e.value=i.join(",")}else e.value=t;else{i=e.value.split(",");var a=i.indexOf(t);i.splice(a,1),e.value=i.join(",")}try{e.value.split(",").length==e.listOptions.length?$("#"+n).prop("checked",!0):$("#"+n).prop("checked",!1)}catch(o){}},CheckIfSelected:function(e,t){var s=e.value.split(","),n=s.indexOf(t);return n>-1},SetMinMaxValueForDatePicker:function(e,t){if("date-range"==e.fieldType)if("datefrom"==t&&null!=e.value&&""!=e.value){var s=L()(e.value,e.datePickerConfig.format);e.secondDatePickerConfig.minDate=new Date(s)}else if("dateto"==t&&null!=e.secondValue&&""!=e.secondValue){s=L()(e.secondValue,e.secondDatePickerConfig.format);e.datePickerConfig.maxDate=new Date(s)}else if("datefrom"==t&&""==e.value){var n=(new Date).getDate(),i=(new Date).getFullYear()-1,a=(new Date).getMonth()+1,o=L()(String(a+"/"+n+"/"+i),"MM/DD/YYYY").format("MM-dd-yyyy");e.secondDatePickerConfig.minDate=new Date(o),e.datePickerConfig.maxDate=new Date}},SearchData:function(){var e=this,t="";$.each(e.Fields,(function(s,n){switch(n.fieldType){case"text":if(n.value.length>0&&n.fieldSearchConditionName.length>0){t+=""!=$.trim(t)?" AND (":"(";var i="",a=n.value.replace(/'/g,"''");n.fieldSearchConditionName.forEach((function(e){i+=""!=$.trim(i)?" OR ":"(",i+=" "+e+" LIKE '%"+a+"%'"}));var o="";n.fieldSearchConditionName.length>1&&(o="/CRM/ContactListing"==e.$route.path?" OR "+n.fieldSearchConditionName.join(" %2B ' ' %2B ")+" LIKE '%"+a+"%'":" OR "+n.fieldSearchConditionName.join("+' '+")+" LIKE '%"+a+"%'"),i+=o+")",t+=i+")",n.isSearch=!0}else n.isSearch=!1;break;case"ddl-radio":case"radio":if(n.value.length>0&&n.fieldSearchConditionName.length>0){t+=""!=$.trim(t)?" AND (":"(";i="";n.fieldSearchConditionName.forEach((function(e){i+=""!=$.trim(i)?" OR ":"(",i+=" "+e+" = '"+n.value+"'"})),i+=")",t+=i+")",n.isSearch=!0}else n.isSearch=!1;break;case"ddl-check":case"checkbox":if(n.value.length>0&&n.fieldSearchConditionName.length>0){t+=""!=$.trim(t)?" AND (":"(";i="";var r=n.value.split(","),l="'"+r.join("','")+"'";n.fieldSearchConditionName.forEach((function(e){i+=""!=$.trim(i)?" OR ":"(",i+=" "+e+" in ("+l+")"})),i+=")",t+=i+")",n.isSearch=!0}else n.isSearch=!1;break;case"date":if(null!=n.value&&n.value.length>0&&n.fieldSearchConditionName.length>0){t+=""!=$.trim(t)?" AND (":"(";i="";var c=L()(n.value,n.datePickerConfig.format),u=c.format("YYYY-MM-DD");n.fieldSearchConditionName.forEach((function(e){i+=""!=$.trim(i)?" OR ":"(",i+=" CONVERT(DATE, "+e+") = '"+u+"'"})),i+=")",t+=i+")",n.isSearch=!0}else n.isSearch=!1;break;case"date-range":if((null!=n.value&&n.value.length>0||null!=n.secondValue&&n.secondValue.length>0)&&n.fieldSearchConditionName.length>0){t+=""!=$.trim(t)?" AND (":"(";i="";n.fieldSearchConditionName.forEach((function(e){i+=""!=$.trim(i)?" OR ":"(";var t=e.split("|"),s="";if(null!=n.value&&n.value.length>0){var a=L()(n.value,n.datePickerConfig.format),o=a.format("YYYY-MM-DD");s=" CONVERT(DATE, "+t[0]+") >= '"+o+"'"}if(null!=n.secondValue&&n.secondValue.length>0){var r=L()(n.secondValue,n.secondDatePickerConfig.format),l=r.format("YYYY-MM-DD");s+=""!=$.trim(s)?" AND ":"",s+=" CONVERT(DATE, "+t[1]+") <= '"+l+"'"}i+=s})),i+=")",t+=i+")",n.isSearch=!0}else n.isSearch=!1;break}})),this.$emit("SetLeftSearch",{PageNumber:1,searchCondition:t})},SearchOnEnter:function(e,t){void 0!=t.isNumeric&&1==t.isNumeric&&0==/[0-9]/.test(e.key)&&"Backspace"!=e.key&&e.preventDefault(),13==e.keyCode&&this.SearchData()},SelectAllRecords:function(e,t){if(1==t.target.checked){var s="";e.listOptions.forEach((function(e){s+=""==s?e.value:","+e.value})),e.value=s}else e.value=""}}},w=T,P=Object(f["a"])(w,A,S,!1,null,null,null),j=P.exports,x=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"talygen-card-view"},[s("div",{staticClass:"row"},[s("div",{staticClass:"col-12 mb-2"},e._l(e.legendProgress,(function(t){return s("div",{staticClass:"mr-2 d-inline-block"},[s("span",{staticClass:"colorboxsquare",class:t.class,style:{background:t.backgroundColor}}),e._v(e._s(e.$t(t.name))+" ")])})),0)]),s("div",{staticClass:"row card-view bg-border custom-box-width"},e._l(e.data,(function(t,n){return s("div",{key:n,staticClass:"col-md-12 col-lg-6 col-xl-3 mb-3 fsmaddresscontrol"},[e.customcard?e._e():s("div",{class:{"card-box":!0},staticStyle:{"border-width":"5px 2px 2px","border-style":"solid","border-color":"rgb(153 153 153)","border-image":"initial"}},[s("div",{staticClass:"mb-2"},[s("div",{staticClass:"custom-control custom-checkbox"},[s("input",{directives:[{name:"model",rawName:"v-model",value:t.isSelected,expression:"row.isSelected"}],staticClass:"chkItems",attrs:{disabled:t.isCheckBoxDisabled,type:"checkbox"},domProps:{value:t[e.identityColumn],checked:Array.isArray(t.isSelected)?e._i(t.isSelected,t[e.identityColumn])>-1:t.isSelected},on:{change:[function(s){var n=t.isSelected,i=s.target,a=!!i.checked;if(Array.isArray(n)){var o=t[e.identityColumn],r=e._i(n,o);i.checked?r<0&&e.$set(t,"isSelected",n.concat([o])):r>-1&&e.$set(t,"isSelected",n.slice(0,r).concat(n.slice(r+1)))}else e.$set(t,"isSelected",a)},function(t){return e.onChangeEventOfCheckbox(t,e.item)}]}})]),"date"!=e.columns[0].DATA_TYPE&&"datetime"!=e.columns[0].DATA_TYPE||"decimal"==e.columns[0].DATA_TYPE?e._e():s("span",[e._v(e._s(e.$options.filters.formatDate(t[e.columns[0].COLUMN_NAME])))]),"decimal"==e.columns[0].DATA_TYPE?s("span",[e._v(e._s(e.$options.filters.currency(t[e.columns[0].COLUMN_NAME])))]):e._e(),"date"!=e.columns[0].DATA_TYPE&&"datetime"!=e.columns[0].DATA_TYPE&&"decimal"!=e.columns[0].DATA_TYPE?s("span",{attrs:{title:t[e.columns[0].COLUMN_NAME]}},["undefined"!=typeof e.columns[0].settings&&null!=e.columns[0].settings&&"undefined"!=typeof e.columns[0].settings.clickEvent&&null!=e.columns[0].settings.clickEvent&&1!=e.columns[0].settings.isInSlot?s("a",{attrs:{id:"viewLeadeContent_a",href:"javascript:;"},on:{click:function(s){return e.clickEventCheck(e.columns,t)}}},[e._v(e._s("function"===typeof e.columns[0].settings.formatter?e.columns[0].settings.formatter(t,e.columns[0]):e.TruncateStr(t[e.columns[0].COLUMN_NAME],30)))]):e._e(),"undefined"==typeof e.columns[0].settings||null==e.columns[0].settings||"undefined"!==typeof e.columns[0].settings.clickEvent&&null!=e.columns[0].settings.clickEvent||1==e.columns[0].settings.isInSlot?e._e():s("span",{attrs:{title:t[e.columns[0].COLUMN_NAME]}},[e._v(e._s("function"===typeof e.columns[0].settings.formatter?e.columns[0].settings.formatter(t,e.columns[0]):e.TruncateStr(t[e.columns[0].COLUMN_NAME],30)))]),"undefined"===typeof e.columns[0].settings||null==e.columns[0].settings?s("span",{attrs:{title:t[e.columns[0].COLUMN_NAME]}},[e._v(e._s(e.TruncateStr(t[e.columns[0].COLUMN_NAME],30)))]):e._e(),"undefined"!=typeof e.columns[0].settings&&null!=e.columns[0].settings&&"undefined"!=typeof e.columns[0].settings.isInSlot&&1==e.columns[0].settings.isInSlot?e._t("slotdata",null,{data:{row:t,column:e.columns[0]}}):e._e()],2):e._e()]),s("div",{staticClass:"card-detail-main filterscrollForCardView"},e._l(e.columns,(function(n,i){return s("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowColumn(t,n)&&i>0,expression:"isShowColumn(row,key) && index > 0"}],key:i,staticClass:"card-detail"},[s("i",{class:"fa "+e.defaultIconsForColumn(n),attrs:{"data-name":n.COLUMN_NAME,"aria-hidden":"true"}}),"date"!=n.DATA_TYPE&&"datetime"!=n.DATA_TYPE||"decimal"==n.DATA_TYPE?e._e():s("span",[e._v(e._s(e.$options.filters.formatDate(t[n.COLUMN_NAME])))]),"decimal"==n.DATA_TYPE?s("span",[e._v(e._s(e.$options.filters.currency(t[n.COLUMN_NAME])))]):e._e(),"date"!=n.DATA_TYPE&&"datetime"!=n.DATA_TYPE&&"decimal"!=n.DATA_TYPE?s("span",{attrs:{title:t[n.COLUMN_NAME]}},["undefined"!=typeof n.settings&&null!=n.settings&&"undefined"!=typeof n.settings.clickEvent&&null!=n.settings.clickEvent&&1!=n.settings.isInSlot?s("a",{attrs:{id:"viewLeadeContent_a",href:"javascript:;"},on:{click:function(s){return e.clickEventCheck2(n,t)}}},[e._v(e._s("function"===typeof n.settings.formatter?n.settings.formatter(t,n):e.TruncateStr(t[n.COLUMN_NAME],30)))]):e._e(),"undefined"==typeof n.settings||null==n.settings||"undefined"!==typeof n.settings.clickEvent&&null!=n.settings.clickEvent||1==n.settings.isInSlot?e._e():s("span",{attrs:{title:t[n.COLUMN_NAME]}},[e._v(e._s("function"===typeof n.settings.formatter?n.settings.formatter(t,n):e.TruncateStr(t[n.COLUMN_NAME],30)))]),"undefined"===typeof n.settings||null==n.settings?s("span",{attrs:{title:t[n.COLUMN_NAME]}},[e._v(e._s(e.TruncateStr(t[n.COLUMN_NAME],30)))]):e._e(),"undefined"!=typeof n.settings&&null!=n.settings&&"undefined"!=typeof n.settings.isInSlot&&1==n.settings.isInSlot?e._t("slotdata",null,{data:{row:t,column:n}}):e._e()],2):e._e()])})),0),s("div",{staticClass:"bottom-action",staticStyle:{background:"none !important"}},[e._l(e.columns,(function(n){return["undefined"!==typeof n.settings&&null!=n.settings&&"undefined"!==typeof n.settings.isForTag&&1==n.settings.isForTag?s("div",{class:"px-2 text-center text-white d-block "+e.tagColor(t,n)},[e._v(" "+e._s("Active"==t[n.COLUMN_NAME]?"Draft":t[n.COLUMN_NAME])+" ")]):e._e()]})),s("div",{staticClass:"card-action my-2"},["true"==e.IsShowAction?s("RowActions",{attrs:{item:t,index:n,identityColumn:e.identityColumn,listActions:e.renderRowActionMethod(t),listType:"Card"},on:{"button-click":e.ButtonClick}}):e._e()],1)],2)]),e.customcard?[e._t("customcard",null,{data:{row:t,columnlist:e.columns,onchangecheckbox:e.onChangeEventOfCheckbox}})]:e._e()],2)})),0),s("Pager",{attrs:{numberofrecords:e.TotalRecords,CurrentPageNumber:e.CurrentPageNumber,"prev-text":"Prev","first-text":"First","last-text":"Last","next-text":"Next"},on:{SetCurrentPage:e.pagerMethod}})],1)},O=[],U={components:{Pager:v,RowActions:m},props:{data:{type:Array,required:!0},columns:{type:Array,required:!0},totalrecords:{type:Number,required:!0,deep:!0},CurrentPageNumber:{type:Number},renderRowActionMethod:{type:Function,required:!0},IsShowAction:{type:String,required:!0},identityColumn:{type:String,required:!0},subModuleCode:{type:String,required:!0},customcard:{type:Boolean,default:!1},legendProgress:null},watch:{totalrecords:function(e){this.TotalRecords=e}},data:function(){return{TotalRecords:0}},created:function(){this.TotalRecords=this.totalrecords,console.log(this.columns)},methods:{TruncateStr:function(e,t){var s=""+e;if(null!=s)return s.length<=t?e:s.substring(0,t)+"..."},pagerMethod:function(e){this.$emit("PagerMethod",e)},isShowColumn:function(e,t){return!(!e[t.COLUMN_NAME]||null==e[t.COLUMN_NAME]||""==e[t.COLUMN_NAME])&&("undefined"===typeof t.settings||null==t.settings||"undefined"===typeof t.settings.isForTag||1!=t.settings.isForTag)},tagColor:function(e,t){return e[t.COLUMN_NAME].toLowerCase().includes("open")||e[t.COLUMN_NAME].toLowerCase().includes("approve")?"btn-success":e[t.COLUMN_NAME].toLowerCase().includes("inactive")||e[t.COLUMN_NAME].toLowerCase().includes("delete")||e[t.COLUMN_NAME].toLowerCase().includes("cancel")||e[t.COLUMN_NAME].toLowerCase().includes("reject")||e[t.COLUMN_NAME].toLowerCase().includes("close")?"bg-danger":e[t.COLUMN_NAME].toLowerCase().includes("draft")||e[t.COLUMN_NAME].toLowerCase().includes("partial")?"bg-warning":e[t.COLUMN_NAME].toLowerCase().includes("active")?"bg-info":"bg-secondary"},defaultIconsForColumn:function(e){return"undefined"!=typeof e.settings&&null!=e.settings&&"undefined"!=typeof e.settings.icon?e.settings.icon:e.COLUMN_NAME.toLowerCase().includes("email")?"fa-envelope":e.COLUMN_NAME.toLowerCase().includes("subject")?"fa-tasks":e.COLUMN_NAME.toLowerCase().includes("description")?"fa-file":e.COLUMN_NAME.toLowerCase().includes("date")||e.COLUMN_NAME.toLowerCase().includes("created_at")||e.COLUMN_NAME.toLowerCase().includes("modified_at")?"fa-calendar":e.COLUMN_NAME.toLowerCase().includes("user")||e.COLUMN_NAME.toLowerCase().includes("created_by")||e.COLUMN_NAME.toLowerCase().includes("modified_by")||e.COLUMN_NAME.toLowerCase().includes("users")?"fa-user":e.COLUMN_NAME.toLowerCase().includes("client")?"fa-user-o":e.COLUMN_NAME.toLowerCase().includes("contact")?"fa-phone-square":e.COLUMN_NAME.toLowerCase().includes("country")?"fa-globe":e.COLUMN_NAME.toLowerCase().includes("count")||e.COLUMN_NAME.toLowerCase().includes("number")||e.COLUMN_NAME.toLowerCase().includes("cost")?"fa-money":e.COLUMN_NAME.toLowerCase().includes("address")||e.COLUMN_NAME.toLowerCase().includes("city")?"fa-address-card":"fa-exclamation-triangle"},ButtonClick:function(e,t,s,n){this.$emit("ButtonClick",e,t,s,n)},onChangeEventOfCheckbox:function(e,t){this.$emit("EventOfCheckbox",e,t)},clickEventCheck:function(e,t){"function"===typeof e[0].settings.clickEvent&&e[0].settings.clickEvent(t,e[0])},clickEventCheck2:function(e,t){"function"===typeof e.settings.clickEvent&&e.settings.clickEvent(t,e)}}},D=U,B=(s("7d46"),Object(f["a"])(D,x,O,!1,null,null,null)),R=B.exports,I=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"onlyd-view",staticStyle:{"min-height":"800px !important"}},[s("ul",{staticClass:"canvan-view-list kvfixhead",style:e.KanbanTags.length<6?"min-width: 1400px !important;":""},e._l(e.KanbanTags,(function(t){return s("li",{attrs:{"data-max":t.maxCount}},[s("h3",{style:"color:#FFF;background-color:"+t.color+";"},[e._v(e._s(t.maxCount)),s("br"),s("span",[e._v(e._s(t.value))])])])})),0),s("ul",{staticClass:"canvan-view-list kvlistview cardmaindiv",style:e.KanbanTags.length<6?"min-width: 1400px !important;":""},e._l(e.KanbanTags,(function(t){return s("li",{staticClass:"progres maxCount"},[s("div",{staticClass:"list-group"},[e._l(e.data,(function(n,i){return[n[e.ColumnOnWhichKanbanApplied]==t.value?s("div",{staticClass:"card list-group-item p-0 notdisable",style:"border:2px solid "+t.color+";"},[s("div",{class:{"card-body":!0}},[s("div",{staticClass:"cardhead"},[s("div",{staticClass:"custom-control custom-checkbox float-left",staticStyle:{"margin-top":"-5px"}},[s("input",{directives:[{name:"model",rawName:"v-model",value:n.isSelected,expression:"row.isSelected"}],staticClass:"chkItems",staticStyle:{display:"none"},attrs:{disabled:n.isCheckBoxDisabled,type:"checkbox"},domProps:{value:n[e.identityColumn],checked:Array.isArray(n.isSelected)?e._i(n.isSelected,n[e.identityColumn])>-1:n.isSelected},on:{change:[function(t){var s=n.isSelected,i=t.target,a=!!i.checked;if(Array.isArray(s)){var o=n[e.identityColumn],r=e._i(s,o);i.checked?r<0&&e.$set(n,"isSelected",s.concat([o])):r>-1&&e.$set(n,"isSelected",s.slice(0,r).concat(s.slice(r+1)))}else e.$set(n,"isSelected",a)},function(t){return e.onChangeEventOfCheckbox(t,e.item)}]}}),s("label",{staticClass:"custom-control-label universal-custom-control-label pt-1",attrs:{for:"chk_53"}})]),s("h5",{staticClass:"card-title"},["date"!=e.columns[0].DATA_TYPE&&"datetime"!=e.columns[0].DATA_TYPE&&"decimal"!=e.columns[0].DATA_TYPE&&"undefined"!=typeof e.columns[0].settings&&null!=e.columns[0].settings&&"undefined"!=typeof e.columns[0].settings.clickEvent&&null!=e.columns[0].settings.clickEvent&&1!=e.columns[0].settings.isInSlot?s("a",{staticClass:"nostylelink",attrs:{href:"javascript:;"},on:{click:function(t){return e.clickEventCheck(e.columns,n)}}},[e._v(" "+e._s("function"===typeof e.columns[0].settings.formatter?e.columns[0].settings.formatter(n,e.columns[0]):e.TruncateStr(n[e.columns[0].COLUMN_NAME],30)))]):e._e()])]),s("div",{staticClass:"card-detail-main filterscrollForCardView"},e._l(e.columns,(function(t,i){return s("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowColumn(n,t)&&i>0,expression:"isShowColumn(row,key) && index > 0"}],key:t,staticClass:"spac-eq card-detail"},[s("i",{class:"fa "+e.defaultIconsForColumn(t),attrs:{"data-name":t.COLUMN_NAME,"aria-hidden":"true"}}),"date"!=t.DATA_TYPE&&"datetime"!=t.DATA_TYPE||"decimal"==t.DATA_TYPE?e._e():s("span",[e._v(e._s(e.$options.filters.formatDate(n[t.COLUMN_NAME])))]),"decimal"==t.DATA_TYPE?s("span",[e._v(e._s(e.$options.filters.currency(n[t.COLUMN_NAME])))]):e._e(),"date"!=t.DATA_TYPE&&"datetime"!=t.DATA_TYPE&&"decimal"!=t.DATA_TYPE?["undefined"==typeof t.settings||null==t.settings||"undefined"!==typeof t.settings.clickEvent&&null!=t.settings.clickEvent||1==t.settings.isInSlot?e._e():s("span",{attrs:{title:n[t.COLUMN_NAME]}},[e._v(e._s("function"===typeof t.settings.formatter?t.settings.formatter(n,t):e.TruncateStr(n[t.COLUMN_NAME],30)))]),"undefined"===typeof t.settings||null==t.settings?s("span",{attrs:{title:n[t.COLUMN_NAME]}},[e._v(e._s(e.TruncateStr(n[t.COLUMN_NAME],30)))]):e._e(),"undefined"!=typeof t.settings&&null!=t.settings&&"undefined"!=typeof t.settings.isInSlot&&1==t.settings.isInSlot?e._t("slotdata",null,{data:{row:n,column:t}}):e._e()]:e._e()],2)})),0),s("div",{staticClass:"verticle-action"},[s("i",{staticClass:"fa fa-ellipsis-v action_icon_cv d-inline-block",attrs:{"aria-hidden":"true"}}),s("span",{staticClass:"action-list-box",staticStyle:{width:"200px"}},[s("span",{staticClass:"list-actions fsm-list",attrs:{id:"action-list"}},[s("div",{staticClass:"float-left"},["true"==e.IsShowAction?s("RowActions",{attrs:{item:n,index:i,identityColumn:e.identityColumn,listActions:e.renderRowActionMethod(n),listType:"Kanban"},on:{"button-click":e.ButtonClick}}):e._e()],1),s("i",{staticClass:"fa fa-times close close-action_cv",attrs:{"aria-hidden":"true"}})])])])])]):e._e()]}))],2)])})),0)])},Y=[],q={components:{RowActions:m},props:{data:{type:Array,required:!0},columns:{type:Array,required:!0},totalrecords:{type:Number,required:!0,deep:!0},renderRowActionMethod:{type:Function,required:!0},IsShowAction:{type:Boolean,required:!0},identityColumn:{type:String,required:!0},subModuleCode:{type:String,required:!0},customcard:{type:String,default:!1}},watch:{totalrecords:function(e){this.TotalRecords=e}},data:function(){return{TotalRecords:0,KanbanTags:[],ColumnOnWhichKanbanApplied:""}},mounted:function(){var e=this;e.getKanbanTagsInfo(),setTimeout((function(){e.BindActionButtonEvent()}))},methods:{TruncateStr:function(e,t){var s=""+e;if(null!=s)return s.length<=t?e:s.substring(0,t)+"..."},pagerMethod:function(e){this.$emit("PagerMethod",e)},isShowColumn:function(e,t){return!(!e[t.COLUMN_NAME]||null==e[t.COLUMN_NAME]||""==e[t.COLUMN_NAME])&&("undefined"===typeof t.settings||null==t.settings||"undefined"===typeof t.settings.isForTag||1!=t.settings.isForTag)},tagColor:function(e,t){return e[t.COLUMN_NAME].toLowerCase().includes("active")||e[t.COLUMN_NAME].toLowerCase().includes("open")||e[t.COLUMN_NAME].toLowerCase().includes("approve")?"btn-success":e[t.COLUMN_NAME].toLowerCase().includes("inactive")||e[t.COLUMN_NAME].toLowerCase().includes("delete")||e[t.COLUMN_NAME].toLowerCase().includes("cancel")||e[t.COLUMN_NAME].toLowerCase().includes("reject")||e[t.COLUMN_NAME].toLowerCase().includes("close")?"bg-danger":e[t.COLUMN_NAME].toLowerCase().includes("draft")||e[t.COLUMN_NAME].toLowerCase().includes("partial")?"bg-warning":"bg-secondary"},defaultIconsForColumn:function(e){return"undefined"!=typeof e.settings&&null!=e.settings&&"undefined"!=typeof e.settings.icon?e.settings.icon:e.COLUMN_NAME.toLowerCase().includes("email")?"fa-envelope":e.COLUMN_NAME.toLowerCase().includes("subject")?"fa-tasks":e.COLUMN_NAME.toLowerCase().includes("description")?"fa-file":e.COLUMN_NAME.toLowerCase().includes("date")||e.COLUMN_NAME.toLowerCase().includes("created_at")||e.COLUMN_NAME.toLowerCase().includes("modified_at")?"fa-calendar":e.COLUMN_NAME.toLowerCase().includes("user")||e.COLUMN_NAME.toLowerCase().includes("created_by")||e.COLUMN_NAME.toLowerCase().includes("modified_by")||e.COLUMN_NAME.toLowerCase().includes("users")?"fa-user":e.COLUMN_NAME.toLowerCase().includes("client")?"fa-user-o":e.COLUMN_NAME.toLowerCase().includes("contact")?"fa-phone-square":e.COLUMN_NAME.toLowerCase().includes("country")?"fa-globe":e.COLUMN_NAME.toLowerCase().includes("count")||e.COLUMN_NAME.toLowerCase().includes("number")||e.COLUMN_NAME.toLowerCase().includes("cost")?"fa-money":e.COLUMN_NAME.toLowerCase().includes("address")||e.COLUMN_NAME.toLowerCase().includes("city")?"fa-address-card":"fa-exclamation-triangle"},ButtonClick:function(e,t,s,n){this.$emit("ButtonClick",e,t,s,n)},onChangeEventOfCheckbox:function(e,t){this.$emit("EventOfCheckbox",e,t)},getKanbanTagsInfo:function(){var e=this;this.columns.forEach((function(t){"undefined"!=typeof t.settings&&null!=t.settings&&"undefined"!=typeof t.settings.isInSlot&&t.settings.tagInfo.length>0&&(e.KanbanTags=t.settings.tagInfo,e.ColumnOnWhichKanbanApplied=t.COLUMN_NAME)}))},BindActionButtonEvent:function(){var e=document.getElementsByClassName("action_icon_cv");e.forEach((function(e){e.addEventListener("click",(function(t){var s=document.getElementsByClassName("action_icon_cv");s.forEach((function(e){e.nextSibling.classList.remove("is-visible"),e.nextSibling.style.opacity=0,e.nextSibling.style.height=0}));var n=e.nextSibling,i=null,a=n,o=0,r=50;function l(){o>r?clearInterval(i):(o+=5,a.style.height=o+"px")}clearInterval(i),a.classList.add("is-visible"),a.getElementsByClassName("actions-onclick").forEach((function(e){r+=e.clientHeight})),i=setInterval(l,5),a.style.opacity=1})),e.nextSibling.getElementsByClassName("close-action_cv")[0].addEventListener("click",(function(t){e.nextSibling.classList.remove("is-visible"),e.nextSibling.style.opacity=0,e.nextSibling.style.height=0}))}))},clickEventCheck:function(e,t){"function"===typeof e[0].settings.clickEvent&&e[0].settings.clickEvent(t,e[0])}}},z=q,F=Object(f["a"])(z,I,Y,!1,null,null,null),V=F.exports,G=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("div",{staticClass:"theme-primary partition p-actions-expand"},[s("span",{staticClass:"p-actions float-right"},[e._l(e.icons,(function(t){return[t.isvisible&&"undefined"!=typeof t.callbackfunction?s("a",{class:{"p-action-btn text-white ":!0,disabled:t.isdisabled},attrs:{id:t.id,Key:t,title:e.$t(t.title),href:"javascript:;"},on:{click:function(s){return e.ClickEvent(t)}}},[s("em",{class:"fa "+t.iconClass}),e._v(" "),s("br"),s("span",[e._v(e._s(e.$t(t.title)))])]):e._e(),t.isvisible&&"undefined"==typeof t.callbackfunction?s("RouterLink",{class:{"p-action-btn text-white dash ":!0,disabled:t.isdisabled},attrs:{to:t.href,id:t.id,Key:t,title:e.$t(t.title),checkPrivilege:t.checkPrivilege?"yes":""}},[s("em",{class:"fa "+t.iconClass},[s("br")]),e._v(" "),s("br"),s("span",[e._v(" "+e._s(e.$t(t.title)))])]):e._e()]})),e.listType.length>1?s("select",{directives:[{name:"model",rawName:"v-model",value:e.selectedView,expression:"selectedView"}],staticClass:"form-control customized_ddl m-2",staticStyle:{width:"130px"},attrs:{id:"ddlUserCurrentStatus","asp-custom-tabindex":"1",name:"ddlUserCurrentStatus"},on:{change:[function(t){var s=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){var t="_value"in e?e._value:e.value;return t}));e.selectedView=t.target.multiple?s:s[0]},function(t){return e.ChangeViewEvent(e.selectedView)}]}},e._l(e.listType,(function(t){return s("option",{domProps:{value:t}},[e._v(e._s(t)+" View")])})),0):e._e()],2),e._m(0)])},H=[function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("span",{staticClass:"collapse-head-btns"},[s("a",{staticClass:"collapse-btns",attrs:{href:"javascript:;"}},[s("em",{staticClass:"fa fa-angle-up text-white"})])])}],K={id:"list-header-buttons",props:{icons:{type:Array,required:!0},listType:{type:Array,required:!0}},data:function(){return{selectedView:this.listType[0]}},methods:{ClickEvent:function(e){this.$emit("ButtonClick",e)},ChangeViewEvent:function(e){this.$emit("ChangeViewEvent",e)}}},W=K,J=Object(f["a"])(W,G,H,!1,null,null,null),Q=J.exports,X=s("a026"),Z={components:{DataTable:M,"list-header-buttons":Q,leftsearch:j,CardView:R,KanbanView:V},props:{listType:{type:Array,default:["List"]},ListData:{type:Array,required:!0},HeaderText:{type:String,required:!0},HeaderData:{type:Array,required:!0},IsShowAction:{type:Boolean,required:!0},SearchPosition:{type:String,required:!1},SearchFields:{type:Array,required:!0},LegendArray:{type:String,required:!0},HeaderButtons:{type:Array,required:!0},ModuleName:{type:String,required:!0},SubModuleCode:{type:String,required:!0},IdentityColumn:{type:String,required:!0},RenderRowActionMethod:{type:Function,required:!0},ListDataCallBackFunction:{type:Function,required:!0},TotalRecords:{type:Number,required:!0},IsFilterApplied:null,SortExp:null,SortBy:null,KanbanDataCallBackFunction:{type:Function,default:null},widgets:{type:Array,default:[]}},data:function(){return{ErrorText:"",TotalRecordsForPaging:0,noRecord:!1,selectedView:this.listType[0],IsShowCustomCard:!1,HeaderButtonArrayForUpdate:this.HeaderButtons,DisabledHeaderButton:[],widgetClassArray:["one_wid","two_wid","three_wid","four_wid","five_wid"]}},watch:{TotalRecords:function(e){var t=this;setTimeout((function(){t.TotalRecordsForPaging=e}),500)}},mounted:function(){var e=Object(X["useSlots"])();this.IsShowCustomCard=!!e.customcard,this.DisabledHeaderButton=this.HeaderButtons.filter((function(e){return 1==e.isdisabled}))},updated:function(){this.ListData.length>0?this.noRecord=!1:this.noRecord=!0,this.ErrorText="","undefined"===typeof this.ListData?this.ErrorText="Data is not provided to the TgList component":"object"!==Object(a["a"])(this.ListData)&&"array"!==typeof this.ListData&&(this.ErrorText="Data is not an object or array - TgList"),"undefined"===typeof this.HeaderData?this.ErrorText="Headers are not provided to the TgList component":"object"!==Object(a["a"])(this.HeaderData)&&"array"!==typeof this.HeaderData&&(this.ErrorText="Header Data is not an object or array - TgList"),"undefined"===typeof this.IdentityColumn&&(this.ErrorText="Identity Column are not provided to the TgList component"),"undefined"===typeof this.ModuleName&&(this.ErrorText="Module Name are not provided to the TgList component"),"undefined"===typeof this.SubModuleCode&&(this.ErrorText="Sub Module Code are not provided to the TgList component"),"undefined"===typeof this.RenderRowActionMethod&&"true"==this.IsShowAction&&(this.ErrorText="Render Row Action Method are not provided to the TgList component"),this.BindActionButtonEvent()},methods:{commonHeaderButtonClick:function(e){this.$emit("HeaderButtonClick",e)},leftCommonSearch:function(e){this.$emit("LeftsearchButtonClick",e)},pagerMethod:function(e){this.$emit("PagerButtonClick",e)},sortdata:function(e){this.$emit("SortdataButtonClick",e)},actionButtonClick:function(e,t,s,n){this.$emit("ActionButtonClick",e,t,s,n)},ChangeViewEvent:function(e){try{this.selectedView=e,"Kanban"==e&&null!=this.KanbanDataCallBackFunction?this.KanbanDataCallBackFunction():this.TotalRecords>0?this.$emit("PagerButtonClick",{PageNumber:1,PageSize:10}):this.ListDataCallBackFunction()}catch(t){console.log(t)}},onChangeEventOfCheckbox:function(e,t){var s=this;if(e.target.checked)this.HeaderButtonArrayForUpdate.forEach((function(e){e.isdisabled=!1}));else{var n=!0;this.ListData.forEach((function(e){e.isSelected&&(n=!1)})),n&&this.HeaderButtonArrayForUpdate.forEach((function(e){s.DisabledHeaderButton.forEach((function(t){t.title==e.title&&(e.isdisabled=!0)}))}))}},BindActionButtonEvent:function(){var e=document.getElementsByClassName("action_icon");e.forEach((function(e){e.removeEventListener("click",null),e.addEventListener("click",(function(t){var s=document.getElementsByClassName("action_icon");s.forEach((function(e){e.nextSibling.classList.remove("is-visible"),e.nextSibling.style.opacity=0,e.nextSibling.style.width=0}));var n=e.nextSibling,i=null,a=n,o=0,r=90;function l(){o>r?clearInterval(i):(o+=5,a.style.width=o+"px")}clearInterval(i),a.classList.add("is-visible"),a.getElementsByClassName("actions-onclick").forEach((function(e){r=r+e.clientWidth+10})),i=setInterval(l,5),a.style.opacity=1})),e.nextSibling.getElementsByClassName("close-action")[0].removeEventListener("click",null),e.nextSibling.getElementsByClassName("close-action")[0].addEventListener("click",(function(t){e.nextSibling.classList.remove("is-visible"),e.nextSibling.style.opacity=0,e.nextSibling.style.width=0}))}))}}},ee=Z,te=(s("92f8"),Object(f["a"])(ee,n,i,!1,null,null,null)),se=te.exports;t["default"]={install:function(e){e.component("tg-list",se)}}},c08c:function(e,t,s){}});
+//# sourceMappingURL=index.js.map