{"version":3,"sources":["webpack:///./src/mixins/shared/alertable/alertableMixin.js","webpack:///./src/design/components/alert/alertModel.js","webpack:///./src/mixins/shared/reactive/reactiveMixin.js","webpack:///./src/components/shared/core/dialogs/ReportDialog.vue?b21d","webpack:///./src/components/shared/core/dialogs/ReportDialog.vue","webpack:///src/components/shared/core/dialogs/ReportDialog.vue","webpack:///./src/components/shared/core/dialogs/ReportDialog.vue?6f15","webpack:///./src/components/shared/core/dialogs/ReportDialog.vue?7e8f"],"names":["alertableMixin","components","BaseAlert","data","internalAlert","undefined","alertTypeName","alertType","computed","showAlert","get","this","visibleAlert","set","value","message","$emit","eventNames","alertVisibilityChanged","_this$internalAlert","isEmpty","currentAlertType","_this$internalAlert2","info","type","alertMessage","_this$internalAlert3","isAlertDismissible","_this$internalAlert$d","_this$internalAlert4","dismissible","methods","createAlert","createAlertError","error","createAlertWarning","warning","createAlertInfo","createAlertSuccess","success","formatAlertError","action","clearAlert","Object","freeze","alertTypes","border","top","right","bottom","left","borders","reactiveMixin","visibleOnMdAndUp","$vuetify","breakpoint","mdAndUp","visibleOnSmAndUp","smAndUp","visibleOnSmAndDown","smAndDown","attrs","scopedSlots","fn","proxy","key","model","callback","expression","staticStyle","staticClass","index","tableHeaders","_vm","sortKey","customSort","handleClick","$event","closeDialog","staticRenderFns","name","mixins","baseComponentMixin","recordBannerAble","reportableMixin","props","recordList","Array","default","searchHeaders","showDetails","Function","reportModule","String","selectedHeaders","tableModel","sortDesc","iconDelete","iconTrash","dialogIcon","iconReport","dialogTitle","getReportModuleTitle","currentDate","Date","items","moduleNames","Folder","getItemCategory","item","_item$categoryId","findCategoryType","categoryId","getStatusText","_item$status","findProjectState","status","onSelectedHeaderChange","headers","updateSearchHeaders","itemTypes","map","obj","text","updatedHeaders","header","includes","visible","filter","el","sort","a","b","headerText","actions","e","console","sortedItems","slice","sortVal","firstSortValue","getFieldValue","secondSortValue","watch","newValue","component"],"mappings":"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","file":"js/chunk-4fbc7c12.d7bd8396.js","sourcesContent":["// design\r\nimport {\r\n  alertType,\r\n  createAlert,\r\n  formatAlertError\r\n} from \"@/design/components/alert/alertModel\";\r\n\r\n// utils\r\nimport { isEmpty } from \"@/utils\";\r\n\r\n// model\r\nimport { eventNames } from \"@/model/common/events/eventConst\";\r\n\r\nexport const alertableMixin = {\r\n  components: {\r\n    BaseAlert: () => import(\"@/components/shared/base/BaseAlert\")\r\n  },\r\n  data() {\r\n    return {\r\n      /**\r\n       * internal alert to be displayed\r\n       * @type {{type: string, message: string, dismissible : boolean}}\r\n       */\r\n      internalAlert: undefined,\r\n\r\n      /**\r\n       * alert Type name enum\r\n       * @type {{success: string, warning: string, error: string, info: string}}\r\n       */\r\n      alertTypeName: alertType\r\n    };\r\n  },\r\n  computed: {\r\n    showAlert: {\r\n      get() {\r\n        return this.visibleAlert;\r\n      },\r\n      set(value) {\r\n        if (!value) {\r\n          if (this.internalAlert) {\r\n            this.internalAlert.message = undefined;\r\n          }\r\n        }\r\n        this.$emit(eventNames.alertVisibilityChanged, value);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * determines whether alert should be visible\r\n     * @return {boolean} true if alert should be visible\r\n     */\r\n    visibleAlert() {\r\n      return !isEmpty(this.internalAlert?.message);\r\n    },\r\n\r\n    /**\r\n     * current Alert Type\r\n     * @return {string|undefined} current Alert Type\r\n     */\r\n    currentAlertType() {\r\n      return isEmpty(this.internalAlert?.message)\r\n        ? alertType.info\r\n        : this.internalAlert.type;\r\n    },\r\n\r\n    /**\r\n     * alert Message\r\n     * @return {string|undefined}\r\n     */\r\n    alertMessage() {\r\n      return this.internalAlert?.message;\r\n    },\r\n\r\n    /**\r\n     * compute whether Alert should be Dismissible\r\n     * @return {boolean} if true Alert should be Dismissible\r\n     */\r\n    isAlertDismissible() {\r\n      return this.internalAlert?.dismissible ?? false;\r\n    }\r\n  },\r\n  methods: {\r\n    /**\r\n     * create Alert\r\n     * @param {string} type Alert type\r\n     * @param {string} message Alert message\r\n     * @param {boolean} dismissible Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlert(type, message, dismissible = false) {\r\n      return createAlert(type, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Error type Alert\r\n     * @param {string} message Error Alert message\r\n     * @param {boolean} dismissible Error Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertError(message, dismissible = false) {\r\n      return createAlert(alertType.error, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Warning type Alert\r\n     * @param {string} message Warning Alert message\r\n     * @param {boolean} dismissible Warning Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertWarning(message, dismissible = false) {\r\n      return createAlert(alertType.warning, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Info type Alert\r\n     * @param {string} message Info Alert message\r\n     * @param {boolean} dismissible Info Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertInfo(message, dismissible = false) {\r\n      return createAlert(alertType.info, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * create Success type Alert\r\n     * @param {string} message Success Alert message\r\n     * @param {boolean} dismissible Success Alert dismissible\r\n     * @return {{type: string, message: string, dismissible: boolean}}\r\n     */\r\n    createAlertSuccess(message, dismissible = false) {\r\n      return createAlert(alertType.success, message, dismissible);\r\n    },\r\n\r\n    /**\r\n     * format Alert Error\r\n     * @param {String} action\r\n     * @param {String} error\r\n     * @return {string} formatted Alert Error\r\n     */\r\n    formatAlertError(action, error) {\r\n      return formatAlertError(action, error);\r\n    },\r\n\r\n    /**\r\n     * clear current Alert\r\n     */\r\n    clearAlert() {\r\n      this.internalAlert = undefined;\r\n    }\r\n  }\r\n};\r\n","/**\r\n * Alert Type (map to vuetify Alert types)\r\n * @type {{success: string, warning: string, error: string, info: string}}\r\n */\r\nconst alertType = Object.freeze({\r\n  success: \"success\",\r\n  info: \"info\",\r\n  warning: \"warning\",\r\n  error: \"error\"\r\n});\r\n\r\n/**\r\n * Get the list of available Alert Types\r\n * @type {(string)[]}\r\n */\r\nconst alertTypes = Object.freeze([\r\n  alertType.success,\r\n  alertType.info,\r\n  alertType.warning,\r\n  alertType.error\r\n]);\r\n\r\n/**\r\n * Alert border\r\n * @type {Readonly<{top: string, left: string, bottom: string, right: string}>}\r\n */\r\nconst border = Object.freeze({\r\n  top: \"top \",\r\n  right: \"right \",\r\n  bottom: \"bottom \",\r\n  left: \"left\"\r\n});\r\n\r\n/**\r\n * Alert borders\r\n * @type {(string)[]}\r\n */\r\nconst borders = Object.freeze([\r\n  border.top,\r\n  border.right,\r\n  border.bottom,\r\n  border.left\r\n]);\r\n\r\n/**\r\n * create Alert\r\n * @param {string} type Alert type\r\n * @param {string} message Alert message\r\n * @param {boolean} dismissible dismissible Alert\r\n * @return {{type : string, message : string, dismissible : boolean}}\r\n */\r\nconst createAlert = (type, message, dismissible = false) => {\r\n  return {\r\n    type: type,\r\n    message: message,\r\n    dismissible: dismissible\r\n  };\r\n};\r\n\r\n/**\r\n * format Alert Error\r\n * @param action full operation action\r\n * @param error error message\r\n * @return {`Couldn't ${string}. ${string}`}\r\n */\r\nconst formatAlertError = (action, error) => {\r\n  return `Couldn't ${action}. ${error}`;\r\n};\r\n\r\nexport {\r\n  alertType,\r\n  alertTypes,\r\n  border,\r\n  borders,\r\n  createAlert,\r\n  formatAlertError\r\n};\r\n","/**\r\n * Reactive Mixin used by components that needs to be reactive\r\n * @type {{computed: {visibleOnMdAndUp(): reactiveMixin.computed.$vuetify.breakpoint.mdAndUp}}}\r\n */\r\nexport const reactiveMixin = {\r\n  computed: {\r\n    /**\r\n     * Get breakpoint mdAndUp\r\n     * @return {boolean}\r\n     */\r\n    visibleOnMdAndUp() {\r\n      return this.$vuetify.breakpoint.mdAndUp;\r\n    },\r\n    /**\r\n     * Get breakpoint smAndUp\r\n     * @returns {boolean}\r\n     */\r\n    visibleOnSmAndUp() {\r\n      return this.$vuetify.breakpoint.smAndUp;\r\n    },\r\n    /**\r\n     * Get breakpoint smAndDown\r\n     * @returns {boolean}\r\n     */\r\n    visibleOnSmAndDown() {\r\n      return this.$vuetify.breakpoint.smAndDown;\r\n    }\r\n  }\r\n};\r\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportDialog.vue?vue&type=style&index=0&id=7fb7381a&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('dialog-outline',{attrs:{\"max-width\":\"100%\"},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.dialogIcon)+\" \")]},proxy:true},{key:\"icon-cross\",fn:function(){return [_c('base-tooltip-button',{on:{\"click\":_vm.closeDialog},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconCloseDialog)+\" \")]},proxy:true},{key:\"toolTip\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.closeDialogTooltip)+\" \")]},proxy:true}])})]},proxy:true},{key:\"pre-context\",fn:function(){return [_c('base-alert',{attrs:{\"dismissible\":_vm.isAlertDismissible,\"type\":_vm.currentAlertType},model:{value:(_vm.showAlert),callback:function ($$v) {_vm.showAlert=$$v},expression:\"showAlert\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.alertMessage)}})])]},proxy:true},{key:\"context\",fn:function(){return [_c('reporting-card',{attrs:{\"report-module\":_vm.reportModule},on:{\"download-report\":_vm.onReportDownload},scopedSlots:_vm._u([{key:\"rightToolbar\",fn:function(){return [_c('div',{staticStyle:{\"width\":\"350px\"}},[_c('v-select',{staticClass:\"mt-1\",attrs:{\"items\":_vm.selectedHeaders,\"item-text\":_vm.selectedHeaders.text,\"item-value\":_vm.selectedHeaders.visible,\"label\":\"Table Headers\",\"multiple\":\"\",\"persistent-hint\":\"\",\"return-object\":\"\",\"outlined\":\"\",\"dense\":\"\",\"hide-details\":\"\"},on:{\"change\":_vm.onSelectedHeaderChange},scopedSlots:_vm._u([{key:\"selection\",fn:function({ item, index }){return [(index < 2)?_c('v-chip',[_c('span',[_vm._v(_vm._s(item.text))])]):_vm._e(),(index === 2)?_c('span',{staticClass:\"text-grey text-caption align-self-center\"},[_vm._v(\" (+\"+_vm._s(_vm.tableHeaders.length - 2)+\" others) \")]):_vm._e()]}}]),model:{value:(_vm.tableHeaders),callback:function ($$v) {_vm.tableHeaders=$$v},expression:\"tableHeaders\"}})],1)]},proxy:true}])}),_c('v-data-table',{ref:\"table\",staticStyle:{\"cursor\":\"pointer\"},attrs:{\"headers\":_vm.tableHeaders,\"items\":_vm.items,\"hide-default-footer\":true,\"disable-pagination\":\"\",\"sort-by\":_vm.sortKey,\"sort-desc\":_vm.sortDesc,\"custom-sort\":_vm.customSort},on:{\"click:row\":_vm.handleClick,\"update:sortBy\":function($event){_vm.sortKey=$event},\"update:sort-by\":function($event){_vm.sortKey=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"item.category\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm.getItemCategory(item))+\" \")]}},{key:\"item.status\",fn:function({ item }){return [_vm._v(\" \"+_vm._s(_vm.getStatusText(item))+\" \")]}},{key:\"item.actions\",fn:function({ item }){return [_c('base-button',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.onDelete(item)}},scopedSlots:_vm._u([{key:\"icon-name\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.iconDelete)+\" \")]},proxy:true}],null,true)})]}}])})]},proxy:true},{key:\"actionCancel\",fn:function(){return [_c('base-button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.closeDialog()}},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.dialogCancelCommandLabel)+\" \")]},proxy:true}])})]},proxy:true}]),model:{value:(_vm.showDialog),callback:function ($$v) {_vm.showDialog=$$v},expression:\"showDialog\"}},[_vm._v(\" \"+_vm._s(_vm.dialogTitle)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <dialog-outline v-model=\"showDialog\" max-width=\"100%\">\r\n    {{ dialogTitle }}\r\n    <template v-slot:icon-name>\r\n      {{ dialogIcon }}\r\n    </template>\r\n\r\n    <!-- Close Dialog icon -->\r\n    <template v-slot:icon-cross>\r\n      <base-tooltip-button @click=\"closeDialog\">\r\n        <template v-slot:icon-name>\r\n          {{ iconCloseDialog }}\r\n        </template>\r\n        <template v-slot:toolTip>\r\n          {{ closeDialogTooltip }}\r\n        </template>\r\n      </base-tooltip-button>\r\n    </template>\r\n\r\n    <template v-slot:pre-context>\r\n      <!-- display error -->\r\n      <base-alert\r\n        v-model=\"showAlert\"\r\n        :dismissible=\"isAlertDismissible\"\r\n        :type=\"currentAlertType\"\r\n      >\r\n        <span v-html=\"alertMessage\"></span>\r\n      </base-alert>\r\n    </template>\r\n\r\n    <!-- context -->\r\n    <template v-slot:context>\r\n      <!-- Report Header -->\r\n      <reporting-card\r\n        :report-module=\"reportModule\"\r\n        @download-report=\"onReportDownload\"\r\n      >\r\n        <template v-slot:rightToolbar>\r\n          <div style=\"width: 350px;\">\r\n            <v-select\r\n              class=\"mt-1\"\r\n              v-model=\"tableHeaders\"\r\n              :items=\"selectedHeaders\"\r\n              :item-text=\"selectedHeaders.text\"\r\n              :item-value=\"selectedHeaders.visible\"\r\n              label=\"Table Headers\"\r\n              multiple\r\n              persistent-hint\r\n              return-object\r\n              @change=\"onSelectedHeaderChange\"\r\n              outlined\r\n              dense\r\n              hide-details\r\n            >\r\n              <template v-slot:selection=\"{ item, index }\">\r\n                <v-chip v-if=\"index < 2\">\r\n                  <span>{{ item.text }}</span>\r\n                </v-chip>\r\n                <span\r\n                  v-if=\"index === 2\"\r\n                  class=\"text-grey text-caption align-self-center\"\r\n                >\r\n                  (+{{ tableHeaders.length - 2 }} others)\r\n                </span>\r\n              </template>\r\n            </v-select>\r\n          </div>\r\n        </template>\r\n      </reporting-card>\r\n\r\n      <!-- Report Context -->\r\n      <v-data-table\r\n        :headers=\"tableHeaders\"\r\n        :items=\"items\"\r\n        :hide-default-footer=\"true\"\r\n        disable-pagination\r\n        ref=\"table\"\r\n        @click:row=\"handleClick\"\r\n        style=\"cursor: pointer\"\r\n        :sort-by.sync=\"sortKey\"\r\n        :sort-desc.sync=\"sortDesc\"\r\n        :custom-sort=\"customSort\"\r\n      >\r\n        <template v-slot:item.category=\"{ item }\">\r\n          {{ getItemCategory(item) }}\r\n        </template>\r\n\r\n        <template v-slot:item.status=\"{ item }\">\r\n          {{ getStatusText(item) }}\r\n        </template>\r\n\r\n        <template v-slot:item.actions=\"{ item }\">\r\n          <base-button icon @click=\"onDelete(item)\">\r\n            <template v-slot:icon-name>\r\n              {{ iconDelete }}\r\n            </template>\r\n          </base-button>\r\n        </template>\r\n      </v-data-table>\r\n    </template>\r\n\r\n    <!-- Cancel Action -->\r\n    <template v-slot:actionCancel>\r\n      <base-button @click.stop=\"closeDialog()\">\r\n        <template v-slot:default>\r\n          {{ dialogCancelCommandLabel }}\r\n        </template>\r\n      </base-button>\r\n    </template>\r\n  </dialog-outline>\r\n</template>\r\n\r\n<script>\r\n// mixins\r\nimport { baseComponentMixin } from \"@/mixins/shared/base/component/baseComponentMixin\";\r\nimport { recordBannerAble } from \"@/mixins/shared/bannerAble/recordBannerAble\";\r\nimport { reportableMixin } from \"@/mixins/shared/report/reportableMixin\";\r\n\r\n//model\r\nimport { findCategoryType } from \"@/model/category/categoryModel\";\r\nimport { headerText } from \"@/model/common/dataTable/dataTableConst\";\r\nimport { iconTrash } from \"@/design/icon/iconConst\";\r\nimport {moduleNames} from \"@/model/solution/moduleModel\";\r\nimport {findProjectState} from \"@/model/workflow/project/projectModel\";\r\n\r\nexport default {\r\n  name: \"ReportDialog\",\r\n  mixins: [baseComponentMixin, recordBannerAble, reportableMixin],\r\n  props: {\r\n    recordList: {\r\n      type: Array,\r\n      default: undefined\r\n    },\r\n    searchHeaders: {\r\n      type: Array,\r\n      default: undefined\r\n    },\r\n    showDetails: {\r\n      type: Function,\r\n      default: undefined\r\n    },\r\n    reportModule: {\r\n      type: String,\r\n      default: \"Folder\"\r\n    }\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      selectedHeaders: this.searchHeaders,\r\n      tableHeaders: this.searchHeaders,\r\n      tableModel: undefined,\r\n      sortKey: \"\",\r\n      sortDesc: \"\",\r\n      iconDelete: iconTrash\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    /**\r\n     * dialog Icon\r\n     * @return {string} Icon name\r\n     */\r\n    dialogIcon() {\r\n      return this.iconReport;\r\n    },\r\n\r\n    /**\r\n     * Get Move Page Dialog title\r\n     * @return {string} Move Page Dialog title\r\n     */\r\n    dialogTitle() {\r\n      return `Detailed ${this.getReportModuleTitle} View`;\r\n    },\r\n\r\n    /**\r\n     * Get Current Date\r\n     * @return {Date}\r\n     */\r\n    currentDate() {\r\n      return new Date();\r\n    },\r\n\r\n    /**\r\n     * Get Table Record List\r\n     * @return {*[]}\r\n     */\r\n    items() {\r\n      return this.recordList;\r\n    },\r\n\r\n    /**\r\n     * Get Report Module Title\r\n     * @return {String|string}\r\n     */\r\n    getReportModuleTitle() {\r\n      if (this.reportModule === moduleNames.Folder) return \"Records\";\r\n      return this.reportModule;\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    /**\r\n     * Get Category Name\r\n     * @param item - Record\r\n     * @return {string}\r\n     */\r\n    getItemCategory(item) {\r\n      return findCategoryType(item?.categoryId ?? -1).name;\r\n    },\r\n\r\n    /**\r\n     * Get Project Status Text\r\n     * @param item - Project\r\n     * @return {string}\r\n     */\r\n    getStatusText(item) {\r\n      return findProjectState(item?.status ?? -1).name;\r\n    },\r\n\r\n    /**\r\n     * OnChange Selected Headers\r\n     * @param headers\r\n     */\r\n    onSelectedHeaderChange(headers) {\r\n      this.updateSearchHeaders(headers);\r\n    },\r\n\r\n    /**\r\n     * Update Search Headers\r\n     * @param items\r\n     */\r\n    updateSearchHeaders(items) {\r\n      try {\r\n        const itemTypes = items.map(obj => obj.text);\r\n\r\n        // Set header visibility based upon user selection\r\n        const updatedHeaders = this.tableHeaders.map(header => {\r\n          if (!itemTypes.includes(header.text)) {\r\n            return { ...header, visible: false };\r\n          } else {\r\n            return header;\r\n          }\r\n        });\r\n\r\n        // Get and set Headers that are visible\r\n        this.tableHeaders = updatedHeaders.filter(el => !!el.visible);\r\n\r\n        // Sort Headers with the Action Header at end pattern\r\n        this.tableHeaders.sort(function(a, b) {\r\n          if (a.text === headerText.actions) {\r\n            return 1; // Move a to the end of the array\r\n          } else if (b.text === headerText.actions) {\r\n            return -1; // Move b to the end of the array\r\n          } else {\r\n            return 0; // Keep the order of other objects\r\n          }\r\n        });\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * Sort the items array based of header selection (sorting)\r\n     * @return {*[]}\r\n     */\r\n    sortedItems() {\r\n      try {\r\n        return this.items.slice().sort((a, b) => {\r\n          const sortVal = this.sortDesc ? -1 : 1;\r\n          const firstSortValue =\r\n            a[this.sortKey] || this.getFieldValue(a, this.sortKey);\r\n          const secondSortValue =\r\n            b[this.sortKey] || this.getFieldValue(b, this.sortKey);\r\n\r\n          return firstSortValue === null && secondSortValue === null\r\n            ? 0\r\n            : firstSortValue === null\r\n            ? sortVal * -1\r\n            : secondSortValue === null\r\n            ? sortVal\r\n            : firstSortValue < secondSortValue\r\n            ? sortVal * -1\r\n            : firstSortValue > secondSortValue\r\n            ? sortVal\r\n            : 0;\r\n        });\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    },\r\n\r\n    /**\r\n     * Event to Handle Click Operation on Table Row\r\n     * Opens Record Detail Dialog\r\n     * @param item - Record\r\n     */\r\n    handleClick(item) {\r\n      try {\r\n        if (this.showDetails) this.showDetails(item);\r\n      } catch (e) {\r\n        console.error(e);\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    searchHeaders(newValue) {\r\n      this.tableHeaders = newValue;\r\n      this.selectedHeaders = newValue;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n::v-deep .v-data-table-header {\r\n  background-color: lightskyblue;\r\n}\r\n\r\n.selected {\r\n  background-color: red;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportDialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ReportDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ReportDialog.vue?vue&type=template&id=7fb7381a&scoped=true\"\nimport script from \"./ReportDialog.vue?vue&type=script&lang=js\"\nexport * from \"./ReportDialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./ReportDialog.vue?vue&type=style&index=0&id=7fb7381a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7fb7381a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}