{"version":3,"sources":["webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.vue?6e9f","webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.ts","webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.vue?f005","webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.vue?5227","webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.vue","webpack:///./src/commoncomponents/smartTableComponents/displayColumnFilter/DisplayColumnFilter.less?8a84"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","removeClass","expression","class","componentName","attrs","on","$event","type","indexOf","_k","keyCode","key","staticClass","showSettings","_v","_s","onDropdownOpen","hoverState","domProps","Array","isArray","displayAll","_i","toggleAllColumns","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","_l","column","index","display","$set","checkAllColumns","staticRenderFns","DisplayColumnFilter","allColumns","activeIndex","dropdownElementList","activeIndexLetter","counter","activeIndexElement","callToggle","tabPress","enterPress","displayColumn","isSelected","length","forEach","$emit","event","eventName","preventDefault","e","stopPropagation","document","querySelector","dropdownMenuListItems","children","input","String","fromCharCode","selectAllElement","classList","add","drop","remove","scrollIntoView","elem","getElementById","scrollTo","test","iterationCount","i","val","innerText","charAt","toLowerCase","inp","dropdownMenuItems","Vue","tslib_1","Prop","Watch","deep","immediate","Component","components","component"],"mappings":"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","file":"js/chunk-cdbe69fc.21ef7f1370a7561062e7.1732066582532.min.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(function () {_vm.removeClass()}),expression:\"() => {removeClass()}\"}],class:_vm.componentName=='team-roster' ? 'team-roaster-checkbox' : 'statusChange-dropdown',attrs:{\"id\":\"reset-scroll\"},on:{\"mouseout\":function () {_vm.removeClass()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }return _vm.removeClass()}}},[_c('div',{staticClass:\"dropdown-title\",on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"])){ return null; }_vm.showSettings=false}}},[_vm._v(_vm._s(\"Display Columns\"))]),_c('div',{staticClass:\"displayAll\",attrs:{\"id\":\"select-all-div\"},on:{\"keydown\":function($event){return _vm.onDropdownOpen($event)},\"mouseover\":function($event){return _vm.hoverState('selectAll',-1)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.displayAll),expression:\"displayAll\"}],attrs:{\"type\":\"checkbox\",\"name\":\"display-all\",\"id\":\"display-all\"},domProps:{\"checked\":Array.isArray(_vm.displayAll)?_vm._i(_vm.displayAll,null)>-1:(_vm.displayAll)},on:{\"click\":function($event){return _vm.toggleAllColumns($event,'click')},\"keydown\":function($event){return _vm.toggleAllColumns($event)},\"change\":function($event){var $$a=_vm.displayAll,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.displayAll=$$a.concat([$$v]))}else{$$i>-1&&(_vm.displayAll=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.displayAll=$$c}}}}),_c('span',{staticClass:\"display-all\",on:{\"click\":function($event){return _vm.toggleAllColumns($event,'click')},\"keydown\":function($event){return _vm.toggleAllColumns($event)}}},[_vm._v(_vm._s(\"Display All\"))])]),_c('ul',[_c('div',{attrs:{\"id\":\"dropdown-menu-list\"}},_vm._l((_vm.displayColumn),function(column,index){return _c('li',{key:index,on:{\"keydown\":function($event){return _vm.onDropdownOpen($event,column)},\"mouseover\":function($event){return _vm.hoverState('listItem',index)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(column.display),expression:\"column.display\"}],attrs:{\"type\":\"checkbox\",\"name\":\"\",\"id\":index},domProps:{\"checked\":Array.isArray(column.display)?_vm._i(column.display,null)>-1:(column.display)},on:{\"change\":[function($event){var $$a=column.display,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(column, \"display\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(column, \"display\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(column, \"display\", $$c)}},function($event){return _vm.checkAllColumns(column)}]}}),_c('span',{on:{\"click\":function($event){column.display = !column.display; _vm.checkAllColumns(column)}}},[_vm._v(_vm._s(column.name))])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Component, Prop, Vue, Watch } from 'vue-property-decorator';\n\n@Component({\n  components: {\n  }\n})\nexport default class DisplayColumnFilter extends Vue {\n\n   @Prop()\n   displayColumn!: any;\n\n   @Prop()\n   componentName!: string;\n\n   @Prop()\n   showSettings!: boolean;\n\n   public displayAll: boolean = true;\n   public allColumns: any = [];\n   public activeIndex: number = -1;\n   public dropdownElementList: any = {};\n   public activeIndexLetter: string = '';\n   public counter: number = 0;\n   public activeIndexElement: string = '';\n   public callToggle: boolean = false;\n   public tabPress: boolean = false;\n   public enterPress: boolean = false;\n\n   @Watch('displayColumn', { deep: true, immediate: true })\n   displayedColumn(value:any) {\n     if (value) {\n       this.displayColumn = value;\n     }\n     let isSelected = true;\n     this.displayColumn && this.displayColumn.length && this.displayColumn.forEach((column: any) => {\n       if (!column.display) {\n         isSelected = false;\n       }\n     });\n     this.displayAll = isSelected;\n   }\n\n   checkAllColumns(column:any) {\n     this.$emit('filterColumns', this.displayColumn);\n     this.$emit('filterDisplayColumn',column);\n   }\n\n   toggleAllColumns(event:any,eventName?:string) {\n     if (event && event.keyCode == 32 && this.callToggle || eventName && eventName == 'click') {\n       if (this.displayAll) {\n         this.displayColumn && this.displayColumn.forEach((column:any) => {\n           column.display = false;\n         });\n         this.displayAll = false;\n       }\n       else {\n         this.displayColumn && this.displayColumn.forEach((column:any) => {\n           column.display = true;\n         });\n         this.displayAll = true;\n       }\n       this.$emit('filterColumns', this.displayColumn);\n     }\n     else {\n       return event.preventDefault();\n     }\n   }\n\n   onDropdownOpen(e:any,column?:any) {\n     e.preventDefault();\n     if (e.keyCode == 9) {\n       this.tabPress = true;\n       this.removeClass();\n       this.$emit('tab',this.tabPress);\n     }\n     else if (e.keyCode == 13) {\n       this.enterPress = true;\n       this.removeClass();\n       this.$emit('enter',this.enterPress);\n     }\n     e.stopPropagation();\n     this.dropdownElementList = document.querySelector('#dropdown-menu-list');\n     const dropdownMenuListItems = this.dropdownElementList && this.dropdownElementList.children;\n     if (this.showSettings) {\n       const input = String.fromCharCode(e.keyCode);\n       const selectAllElement = document.querySelector('#select-all-div');\n       if (e.keyCode == 40) {\n         e.preventDefault();\n         if (this.activeIndex == -1 && this.counter == 0) {\n           selectAllElement && selectAllElement.classList.add('dropbtn-selected');\n           this.counter++;\n         }\n         else if (this.activeIndex < this.dropdownElementList.children.length - 1) {\n           this.activeIndex = this.activeIndex+1;\n           dropdownMenuListItems[this.activeIndex].classList.add('dropbtn-selected');\n           dropdownMenuListItems.forEach((drop:any,index: number)=>{\n             if (index!=this.activeIndex) {\n               dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n             }\n           });\n           selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n           dropdownMenuListItems[this.activeIndex].scrollIntoView(false);\n         }\n       }\n       else if (e.keyCode == 38) {\n         e.preventDefault();\n         if (this.activeIndex == -1 && this.counter == 0) {\n           selectAllElement && selectAllElement.classList.add('dropbtn-selected');\n           this.counter++;\n         }\n         else if (this.activeIndex > 0) {\n           this.activeIndex--;\n           if (this.activeIndex != -1) {\n             dropdownMenuListItems[this.activeIndex].classList.add('dropbtn-selected');\n             dropdownMenuListItems.forEach((drop:any,index: number)=>{\n               if (index!=this.activeIndex) {\n                 dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n               }\n             });\n             selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n             dropdownMenuListItems[this.activeIndex].scrollIntoView(false);\n           }\n         }\n         else if (this.activeIndex == 0) {\n           this.activeIndex = -1;\n           selectAllElement && selectAllElement.classList.add('dropbtn-selected');\n           dropdownMenuListItems.forEach((drop: any, index: number) => {\n             if (index != this.activeIndex) {\n               dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n             }\n           });\n           selectAllElement && selectAllElement.scrollIntoView(false);\n           const elem:any  = document.getElementById('reset-scroll') as HTMLElement ;\n           elem.scrollTo(0,0);\n         }\n       }\n       else if (/[a-zA-Z0-9]/.test(input)) {\n         let iterationCount:number = 1;\n         let i:number = this.activeIndex;\n         selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n         while (iterationCount!=this.dropdownElementList.children.length) {\n           if (++i==this.dropdownElementList.children.length) {\n             i=0;\n           }\n           const val = dropdownMenuListItems[i].innerText.charAt(0).toLowerCase();\n           const inp = input.toLowerCase();\n           if (val == inp) {\n             const dropdownMenuItems = this.dropdownElementList.children;\n             this.activeIndex = i;\n             dropdownMenuItems[this.activeIndex].classList.add('dropbtn-selected');\n             dropdownMenuItems.forEach((drop: any, index: number) => {\n               if (index != this.activeIndex) {\n                 dropdownMenuItems[index].classList.remove('dropbtn-selected');\n               }\n             });\n             dropdownMenuItems[this.activeIndex].scrollIntoView(false);\n             break;\n           }\n           iterationCount++;\n         }\n       }\n       if (e.keyCode == 32) {\n         e.preventDefault();\n         if (this.activeIndex && this.activeIndex == 0) {\n           this.displayColumn[this.activeIndex].display = !this.displayColumn[this.activeIndex].display;\n           this.checkAllColumns(this.displayColumn[this.activeIndex]);\n         }\n         else if (this.activeIndex && this.activeIndex > -1) {\n           this.displayColumn[this.activeIndex].display = !this.displayColumn[this.activeIndex].display;\n           this.checkAllColumns(this.displayColumn[this.activeIndex]);\n         }\n         else if (this.activeIndex == -1 || this.activeIndex == -2) {\n           this.activeIndex = this.activeIndex == -2\n             ? -1\n             : -1;\n           this.callToggle = true;\n           this.toggleAllColumns(e);\n           this.callToggle=false;\n         }\n       }\n     }\n   }\n\n   hoverState(type:string, index:number) {\n     this.dropdownElementList = document.querySelector('#dropdown-menu-list');\n     const selectAllElement = document.querySelector('#select-all-div');\n     if (type == 'listItem') {\n       const dropdownMenuListItems = this.dropdownElementList && this.dropdownElementList.children;\n       this.activeIndex = index;\n       if (this.activeIndex==0) {\n         dropdownMenuListItems && dropdownMenuListItems[this.activeIndex].classList.add('dropbtn-selected');\n         dropdownMenuListItems && dropdownMenuListItems.forEach((drop: any, index: number) => {\n           if (index != this.activeIndex) {\n             dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n           }\n         });\n         selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n       }\n       else if (this.activeIndex && this.activeIndex>-1) {\n         dropdownMenuListItems && dropdownMenuListItems[this.activeIndex].classList.add('dropbtn-selected');\n         dropdownMenuListItems && dropdownMenuListItems.forEach((drop: any, index: number) => {\n           if (index != this.activeIndex) {\n             dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n           }\n         });\n         selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n       }\n     }\n     else if (type == 'selectAll') {\n       selectAllElement && selectAllElement.classList.add('dropbtn-selected');\n       const dropdownMenuListItems = this.dropdownElementList.children;\n       this.activeIndex = index;\n       dropdownMenuListItems.forEach((drop: any, index: number) => {\n         dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n       });\n     }\n   }\n\n   removeClass() {\n     this.activeIndex = -1;\n     this.counter =  0;\n     const selectAllElement = document.querySelector('#select-all-div');\n     const dropdownMenuListItems = this.dropdownElementList && this.dropdownElementList.children;\n     dropdownMenuListItems && dropdownMenuListItems.forEach((drop: any, index: number) => {\n       if (index != this.activeIndex) {\n         dropdownMenuListItems[index].classList.remove('dropbtn-selected');\n       }\n     });\n     selectAllElement && selectAllElement.classList.remove('dropbtn-selected');\n   }\n\n}","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport DisplayColumnFilter from './DisplayColumnFilter';\nexport default DisplayColumnFilter;\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/ts-loader/index.js??ref--13-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DisplayColumnFilter.vue?vue&type=script&lang=ts&\"; 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/ts-loader/index.js??ref--13-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DisplayColumnFilter.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DisplayColumnFilter.vue?vue&type=template&id=869053e4&scoped=true&\"\nimport script from \"./DisplayColumnFilter.vue?vue&type=script&lang=ts&\"\nexport * from \"./DisplayColumnFilter.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./DisplayColumnFilter.less?vue&type=style&index=0&id=869053e4&lang=less&scoped=true&\"\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  \"869053e4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!./DisplayColumnFilter.less?vue&type=style&index=0&id=869053e4&lang=less&scoped=true&\""],"sourceRoot":""}