{"version":3,"sources":["webpack:///./src/pages/miniapp/market/fund/Index.vue?4a6d","webpack:///./src/components/miniapp/global/CheckBox.vue?427c","webpack:///src/components/miniapp/global/CheckBox.vue","webpack:///./src/components/miniapp/global/CheckBox.vue?9df1","webpack:///./src/components/miniapp/global/CheckBox.vue","webpack:///src/pages/miniapp/market/fund/Index.vue","webpack:///./src/pages/miniapp/market/fund/Index.vue?9b27","webpack:///./src/pages/miniapp/market/fund/Index.vue","webpack:///./src/pages/miniapp/market/fund/Index.vue?17e2","webpack:///./src/components/miniapp/global/CheckBox.vue?fd9c"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","toggleFilter","slot","staticClass","_v","getFundCategories","length","defaultCategory","prepareQs","_e","getFundAmc","defaultAmc","type","defaultType","dividend","defaultDividend","submitFilter","insertQs","class","filterTagsShow","amc","_l","item","index","key","_s","title","generateText","resetFilter","shouldStick","arrPeriod","defaultPeriod","getFundFilter","staticRenderFns","directives","name","rawName","value","expression","checked","domProps","Array","isArray","_i","$event","$$a","$$el","target","$$c","$$v","$$i","$set","concat","slice","toggleCheck","data","arrVal","props","arrItems","default","defaultItem","alias","String","str","watch","methods","$emit","applyQueryByParams","map","generateCheckbox","_this","e","i","findItem","component","components","PeriodNavigation","Dropdown","ModalSlideUp","Checkbox","ListMarket","mixins","arrFilterTags","objQuery","prepareObjQuery","arrDropdown","label","isFilter","computed","$route","immediate","handler","from","path","genQuery","destroyed","window","removeEventListener","handleScroll","currentScrollPosition","txt","val","category","arrDividend","push","arrType","query","period","toUpperCase","size","mixins_global_getFundFilter"],"mappings":"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","file":"js/chunk-8ba62a68.31df36de.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('article',{attrs:{\"id\":\"article-fund-ranking\",\"sticky-container\":\"\"}},[(_vm.isFilter)?_c('modal-slide-up',{on:{\"close-modal\":_vm.toggleFilter}},[_c('h3',{attrs:{\"slot\":\"header\"},slot:\"header\"}),_c('div',{attrs:{\"slot\":\"body\"},slot:\"body\"},[_c('div',{staticClass:\"filter-body\"},[_c('h2',[_vm._v(\"ตัวกรองการค้นหา\")]),_c('div',{staticClass:\"filter-row\"},[(_vm.getFundCategories && _vm.getFundCategories.length > 0)?_c('dropdown',{attrs:{\"arrDropdown\":_vm.getFundCategories,\"alias\":\"category\",\"defaultItem\":_vm.defaultCategory,\"placeholder\":\"All Category\",\"data-action\":\"filter_fund_category\",\"enableFade\":true},on:{\"select-data\":_vm.prepareQs}}):_vm._e()],1),_c('div',{staticClass:\"filter-row\"},[(_vm.getFundAmc && _vm.getFundAmc.length > 0)?_c('dropdown',{attrs:{\"arrDropdown\":_vm.getFundAmc,\"alias\":\"amc\",\"data-action\":\"filter_fund_amc\",\"defaultItem\":_vm.defaultAmc,\"placeholder\":\"บลจ. ทั้งหมด\",\"enableFade\":true},on:{\"select-data\":_vm.prepareQs}}):_vm._e()],1),_c('div',{staticClass:\"filter-row\"},[_c('h4',[_vm._v(\"ประเภท\")]),_c('checkbox',{attrs:{\"arrItems\":_vm.type,\"str\":'ประเภท',\"defaultItem\":_vm.defaultType,\"alias\":'type'},on:{\"select-data\":_vm.prepareQs}})],1),_c('div',{staticClass:\"filter-row\"},[_c('h4',[_vm._v(\"เงินปันผล\")]),_c('checkbox',{attrs:{\"arrItems\":_vm.dividend,\"defaultItem\":_vm.defaultDividend,\"alias\":'dividend'},on:{\"select-data\":_vm.prepareQs}})],1),_c('div',{staticClass:\"filter-submit\"},[_c('a',{staticClass:\"ctn-filter\",attrs:{\"href\":\"javascript:;\",\"data-action\":\"apply_fund_filter\"},on:{\"click\":_vm.submitFilter}},[_vm._v(\"Apply\")])])])])]):_vm._e(),_c('section',{attrs:{\"id\":\"section-filter-fund\"}},[_c('div',{staticClass:\"filter-left\"},[(_vm.getFundCategories && _vm.getFundCategories.length > 0)?_c('dropdown',{attrs:{\"data-action\":\"filter_fund_category\",\"arrDropdown\":_vm.getFundCategories,\"alias\":\"category\",\"placeholder\":\"All Category\",\"defaultItem\":_vm.defaultCategory},on:{\"select-data\":_vm.insertQs}}):_vm._e()],1),_c('div',{staticClass:\"filter-right\"},[_c('a',{staticClass:\"filter-ctn\",attrs:{\"data-action\":\"open_modal_fund_filter\",\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleFilter}},[_c('i',{staticClass:\"fas fa-filter\",class:[_vm.filterTagsShow.amc && _vm.filterTagsShow.amc.length > 0 || _vm.filterTagsShow.type && _vm.filterTagsShow.type.length > 0 || _vm.filterTagsShow.dividend && _vm.filterTagsShow.dividend.length > 0 ? 'filtered' : '']})])])]),(_vm.filterTagsShow.amc && _vm.filterTagsShow.amc.length > 0 || _vm.filterTagsShow.type && _vm.filterTagsShow.type.length > 0 || _vm.filterTagsShow.dividend && _vm.filterTagsShow.dividend.length > 0)?_c('section',{attrs:{\"id\":\"section-filter-tags\"}},[_c('div',{staticClass:\"filter-tags-box\",on:{\"click\":_vm.toggleFilter}},[_c('span',{staticClass:\"tags-label\"},[_vm._v(\"Filter:\")]),_c('ul',{staticClass:\"tags-list\"},[_vm._l((_vm.filterTagsShow.amc),function(item,index){return _c('li',{key:\"amc\"+index,staticClass:\"tags-item\"},[_vm._v(_vm._s(item.title))])}),_vm._l((_vm.filterTagsShow.type),function(item,index){return _c('li',{key:\"type\"+index,staticClass:\"tags-item\"},[_vm._v(_vm._s(_vm.generateText(item)))])}),_vm._l((_vm.filterTagsShow.dividend),function(item,index){return _c('li',{key:\"dividend\"+index,staticClass:\"tags-item\"},[_vm._v(_vm._s(_vm.generateText(item)))])})],2)]),_c('a',{staticClass:\"reset-filter\",attrs:{\"href\":\"javascript:;\",\"data-action\":\"reset_fund_filter\"},on:{\"click\":_vm.resetFilter}},[_c('i',{staticClass:\"fas fa-times-circle\"})])]):_vm._e(),_c('div',{class:[ _vm.shouldStick ? 'period-sticky-top' : 'period-remove-sticky-top']},[_c('div',{staticClass:\"select-period-row\"},[_c('period-navigation',{attrs:{\"data-action\":\"change_fund_period\",\"arrPeriod\":_vm.arrPeriod,\"alias\":\"period\",\"defaultItem\":_vm.defaultPeriod,\"slidePerPage\":10},on:{\"select-data\":_vm.insertQs}})],1)]),_c('section',{attrs:{\"id\":\"list-fund\"}},[(_vm.getFundFilter.length)?_c('list-market',{attrs:{\"data-action\":\"open_fund\",\"data-list\":\"market_fund\",\"items\":_vm.getFundFilter,\"type\":'fund',\"wantLoaing\":true},on:{\"select-data\":_vm.insertQs}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-checkbox-list\"},_vm._l((_vm.arrItems),function(item,index){return _c('div',{key:index,staticClass:\"filter-checkbox-item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(item.checked),expression:\"item.checked\"}],staticClass:\"do-filter\",attrs:{\"type\":\"checkbox\",\"data-action\":item.checked ? 'remove_filter_fund' : 'add_filter_fund',\"data-fundfiltertype\":item.value},domProps:{\"value\":item.value,\"checked\":Array.isArray(item.checked)?_vm._i(item.checked,item.value)>-1:(item.checked)},on:{\"change\":[function($event){var $$a=item.checked,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=item.value,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(item, \"checked\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(item, \"checked\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(item, \"checked\", $$c)}},function($event){return _vm.toggleCheck($event)}]}}),_c('span',{staticClass:\"checkmark\"}),_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(item.title))])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"filter-checkbox-list\">\n    <div class=\"filter-checkbox-item\" :key=\"index\" v-for=\"(item, index) in arrItems\">\n      <input\n        class=\"do-filter\"\n        type=\"checkbox\"\n        :data-action=\"item.checked ? 'remove_filter_fund' : 'add_filter_fund'\"\n        :data-fundfiltertype=\"item.value\"\n        :value=\"item.value\"\n        v-model=\"item.checked\"\n        @change=\"toggleCheck($event)\"\n      />\n      <span class=\"checkmark\"></span>\n      <label for>{{ item.title }}</label>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      arrVal: []\n    };\n  },\n  props: {\n    arrItems: {\n      type: Array,\n      default: []\n    },\n    defaultItem: {\n      type: Array,\n      default: []\n    },\n    alias: {\n      type: String,\n      default: \"\"\n    },\n    str: {\n      type: String,\n      default: \"\"\n    }\n  },\n  watch: {\n    async defaultItem(arr) {\n      await this.generateCheckbox();\n    }\n  },\n  async mounted() {\n    await this.generateCheckbox();\n    await this.applyQueryByParams();\n  },\n  methods: {\n    toggleCheck(e) {\n      this.$emit(\"select-data\", this.arrItems, this.alias);\n    },\n    applyQueryByParams() {\n      let type = [...this.$route.query.type];\n      if (type.length && this.str === \"ประเภท\") {\n        type.map(item => {\n          this.$emit(\"select-data\", this.arrItems, this.alias);\n        });\n      }\n    },\n    generateCheckbox() {\n      var _this = this;\n      if (this.defaultItem && this.defaultItem.length > 0) {\n        for (let i = 0; i <= this.arrItems.length - 1; i++) {\n          let findItem = this.defaultItem.find(function(e) {\n            return e == _this.arrItems[i].value;\n          });\n          if (findItem) {\n            _this.arrItems[i].checked = true;\n          } else {\n            _this.arrItems[i].checked = false;\n          }\n        }\n      }\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.filter-checkbox-list {\n  display: inline-block;\n  padding-top: 7px;\n\n  height: 35px;\n  box-sizing: border-box;\n  .filter-checkbox-item {\n    display: inline-block;\n    margin-right: 24px;\n    position: relative;\n    label {\n      margin-left: 28px;\n      @extend %font-size-s;\n    }\n  }\n}\n\ninput {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 17px;\n  width: 17px;\n}\n\n.checkmark {\n  position: absolute;\n  top: 4px;\n  left: 0;\n  height: 17px;\n  width: 17px;\n  border: 2px solid #cccccc;\n  box-sizing: border-box;\n}\n\ninput ~ .checkmark {\n  background-color: #ffffff;\n  border-radius: 4px;\n  pointer-events: none;\n}\n\ninput:checked ~ .checkmark {\n  background-color: $base-yellow;\n  border: 2px solid $base-yellow;\n  border-radius: 4px;\n  pointer-events: none;\n}\n\n.checkmark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n\ninput:checked ~ .checkmark:after {\n  display: block;\n}\n\n.checkmark:after {\n  left: 4px;\n  top: -2px;\n  width: 4px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 1.5px 1.5px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n</style>\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckBox.vue?vue&type=template&id=45a23dad&scoped=true&\"\nimport script from \"./CheckBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckBox.vue?vue&type=style&index=0&id=45a23dad&lang=scss&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  \"45a23dad\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <article id=\"article-fund-ranking\" sticky-container>\n    <modal-slide-up v-if=\"isFilter\" @close-modal=\"toggleFilter\">\n      <h3 slot=\"header\"></h3>\n      <div slot=\"body\">\n        <div class=\"filter-body\">\n          <h2>ตัวกรองการค้นหา</h2>\n          <div class=\"filter-row\">\n            <dropdown\n              v-if=\"getFundCategories && getFundCategories.length > 0\"\n              :arrDropdown=\"getFundCategories\"\n              :alias=\"`category`\"\n              :defaultItem=\"defaultCategory\"\n              :placeholder=\"`All Category`\"\n              data-action=\"filter_fund_category\"\n              @select-data=\"prepareQs\"\n              :enableFade=\"true\"\n            />\n          </div>\n          <div class=\"filter-row\">\n            <dropdown\n              v-if=\"getFundAmc && getFundAmc.length > 0\"\n              :arrDropdown=\"getFundAmc\"\n              :alias=\"`amc`\"\n              data-action=\"filter_fund_amc\"\n              :defaultItem=\"defaultAmc\"\n              :placeholder=\"`บลจ. ทั้งหมด`\"\n              @select-data=\"prepareQs\"\n              :enableFade=\"true\"\n            />\n          </div>\n          <div class=\"filter-row\">\n            <h4>ประเภท</h4>\n            <checkbox\n              :arrItems=\"type\"\n              :str=\"'ประเภท'\"\n              :defaultItem=\"defaultType\"\n              :alias=\"'type'\"\n              @select-data=\"prepareQs\"\n            />\n          </div>\n          <div class=\"filter-row\">\n            <h4>เงินปันผล</h4>\n            <checkbox :arrItems=\"dividend\" :defaultItem=\"defaultDividend\" :alias=\"'dividend'\" @select-data=\"prepareQs\" />\n          </div>\n          <div class=\"filter-submit\">\n            <a href=\"javascript:;\" data-action=\"apply_fund_filter\" class=\"ctn-filter\" @click=\"submitFilter\">Apply</a>\n          </div>\n        </div>\n      </div>\n    </modal-slide-up>\n    <section id=\"section-filter-fund\">\n      <div class=\"filter-left\">\n        <dropdown\n          data-action=\"filter_fund_category\"\n          v-if=\"getFundCategories && getFundCategories.length > 0\"\n          :arrDropdown=\"getFundCategories\"\n          :alias=\"`category`\"\n          :placeholder=\"`All Category`\"\n          :defaultItem=\"defaultCategory\"\n          @select-data=\"insertQs\"\n        />\n      </div>\n      <div class=\"filter-right\">\n        <a data-action=\"open_modal_fund_filter\" class=\"filter-ctn\" href=\"javascript:;\" @click=\"toggleFilter\">\n          <i\n            class=\"fas fa-filter\"\n            :class=\"[filterTagsShow.amc && filterTagsShow.amc.length > 0 || filterTagsShow.type && filterTagsShow.type.length > 0 || filterTagsShow.dividend && filterTagsShow.dividend.length > 0 ? 'filtered' : '']\"\n          ></i>\n        </a>\n      </div>\n    </section>\n    <section\n      id=\"section-filter-tags\"\n      v-if=\"filterTagsShow.amc && filterTagsShow.amc.length > 0 || filterTagsShow.type && filterTagsShow.type.length > 0 || filterTagsShow.dividend && filterTagsShow.dividend.length > 0\"\n    >\n      <div class=\"filter-tags-box\" @click=\"toggleFilter\">\n        <span class=\"tags-label\">Filter:</span>\n        <ul class=\"tags-list\">\n          <li class=\"tags-item\" :key=\"`amc`+index\" v-for=\"(item, index) in filterTagsShow.amc\">{{ item.title }}</li>\n          <li\n            class=\"tags-item\"\n            :key=\"`type`+index\"\n            v-for=\"(item, index) in filterTagsShow.type\"\n          >{{ generateText(item) }}</li>\n          <li\n            class=\"tags-item\"\n            :key=\"`dividend`+index\"\n            v-for=\"(item, index) in filterTagsShow.dividend\"\n          >{{ generateText(item) }}</li>\n        </ul>\n      </div>\n      <a href=\"javascript:;\" data-action=\"reset_fund_filter\" class=\"reset-filter\" @click=\"resetFilter\">\n        <i class=\"fas fa-times-circle\"></i>\n      </a>\n    </section>\n    <div :class=\"[ shouldStick ? 'period-sticky-top' : 'period-remove-sticky-top']\">\n      <div class=\"select-period-row\">\n        <period-navigation\n          data-action=\"change_fund_period\"\n          :arrPeriod=\"arrPeriod\"\n          :alias=\"`period`\"\n          @select-data=\"insertQs\"\n          :defaultItem=\"defaultPeriod\"\n          :slidePerPage=\"10\"\n        />\n      </div>\n    </div>\n    <section id=\"list-fund\">\n      <list-market\n        data-action=\"open_fund\"\n        data-list=\"market_fund\"\n        :items=\"getFundFilter\"\n        v-if=\"getFundFilter.length\"\n        :type=\"'fund'\"\n        @select-data=\"insertQs\"\n        :wantLoaing=\"true\"\n      />\n    </section>\n  </article>\n</template>\n<script>\nimport GlobalMarketFunc from \"../../../../components/mixins/global-market-functions\"\nimport PeriodNavigation from \"../../../../components/miniapp/global/PeriodNavigation.vue\"\nimport Dropdown from \"../../../../components/miniapp/global/Dropdown.vue\"\nimport ModalSlideUp from \"../../../../components/miniapp/global/ModalSlideUp.vue\"\nimport Checkbox from \"../../../../components/miniapp/global/CheckBox.vue\"\nimport ListMarket from \"../../../../components/miniapp/market/List\"\n\nimport { mapGetters, mapActions } from \"vuex\"\nexport default {\n  components: {\n    PeriodNavigation,\n    Dropdown,\n    ModalSlideUp,\n    Checkbox,\n    ListMarket\n  },\n  mixins: [GlobalMarketFunc],\n  data() {\n    return {\n      arrFilterTags: {},\n      filterTagsShow: {},\n      shouldStick: false,\n      objQuery: {},\n      prepareObjQuery: {},\n      arrDropdown: {\n        label: \"All Category\",\n        default: 0,\n        data: [\n          {\n            name: \"Category1\",\n            value: \"0\"\n          },\n          {\n            name: \"Category2\",\n            value: \"0\"\n          }\n        ]\n      },\n      defaultCategory: \"\",\n      defaultPeriod: \"1Y\",\n      defaultAmc: \"\",\n      arrPeriod: [\"1D\", \"1W\", \"1M\", \"3M\", \"6M\", \"YTD\", \"1Y\", \"3Y\", \"5Y\", \"10Y\", \"20Y\"],\n      defaultType: [\"general\", \"LTF\", \"RMF\"],\n      type: [\n        {\n          value: \"general\",\n          title: \"ทั่วไป\",\n          checked: true\n        },\n        {\n          value: \"LTF\",\n          title: \"LTF\",\n          checked: true\n        },\n        {\n          value: \"RMF\",\n          title: \"RMF\",\n          checked: true\n        }\n      ],\n      defaultDividend: [\"paid\", \"unpaid\"],\n      dividend: [\n        {\n          value: \"paid\",\n          title: \"จ่าย\",\n          checked: true\n        },\n        {\n          value: \"unpaid\",\n          title: \"ไม่จ่าย\",\n          checked: true\n        }\n      ],\n      isFilter: false\n    }\n  },\n  computed: {\n    ...mapGetters(\"fund\", [\"getFundCategories\", \"getFundAmc\", \"getFundFilter\"])\n  },\n  watch: {\n    $route: {\n      immediate: true,\n      handler(to, from) {\n        if (from && from.path === \"/miniapp/ltf-rmf\") {\n          this.objQuery = {}\n          this.defaultCategory = \"\"\n        }\n        if (from && from.path === \"/miniapp/market/gold\") {\n          this.objQuery = {}\n          this.defaultCategory = \"\"\n        }\n        this.genQuery()\n      }\n    }\n  },\n  async created() {\n    window.addEventListener(\"scroll\", this.handleScroll)\n    window.scroll(0, 0)\n    await this.findFundAmc()\n    await this.findFundCategories()\n    this.genQuery()\n  },\n  destroyed() {\n    window.removeEventListener(\"scroll\", this.handleScroll)\n  },\n  methods: {\n    ...mapActions(\"fund\", [\"findFundAmc\", \"findFundCategories\"]),\n    handleScroll() {\n      const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop\n      currentScrollPosition > 73 ? (this.shouldStick = true) : (this.shouldStick = false)\n      this.$emit(\"current-scroll\", currentScrollPosition)\n    },\n    async resetFilter() {\n      this.arrFilterTags = {}\n      this.filterTagsShow = {}\n      delete this.objQuery.category\n      delete this.objQuery.amc\n      delete this.objQuery.dividend\n      delete this.objQuery.type\n\n      this.prepareObjQuery = {}\n      this.defaultCategory = \"\"\n      this.defaultAmc = \"\"\n      this.defaultDividend = [\"paid\", \"unpaid\"]\n      this.defaultType = [\"general\", \"LTF\", \"RMF\"]\n\n      await this.mixins_global_getFundFilter(this.objQuery)\n      this.$router.replace({ name: \"miniapp-market-fund\" })\n    },\n    generateText(txt) {\n      switch (txt) {\n        case \"general\":\n          return \"ทั่วไป\"\n        case \"LTF\":\n          return \"LTF\"\n        case \"RMF\":\n          return \"RMF\"\n        case \"paid\":\n          return \"จ่ายปันผล\"\n        case \"unpaid\":\n          return \"ไม่จ่ายปันผล\"\n        default:\n          return \"\"\n      }\n    },\n    async submitFilter() {\n      document.documentElement.style.overflow = \"auto\"\n      this.filterTagsShow = this.arrFilterTags\n      this.objQuery = this.prepareObjQuery\n      await this.mixins_global_getFundFilter(this.objQuery)\n      this.toggleFilter()\n    },\n    prepareQs(val, alias) {\n      if (alias == \"category\") {\n        if (val) {\n          this.prepareObjQuery.category = val.value\n        } else {\n          delete this.prepareObjQuery.category\n        }\n        this.defaultCategory = val.value\n      } else if (alias == \"amc\") {\n        if (val) {\n          this.prepareObjQuery.amc = val.value\n          this.arrFilterTags.amc = [\n            {\n              title: val.title,\n              value: val.value\n            }\n          ]\n        } else {\n          delete this.prepareObjQuery.amc\n          delete this.arrFilterTags.amc\n        }\n        this.defaultAmc = val.value\n      } else if (alias == \"dividend\") {\n        if (val && val.length > 0) {\n          const arrDividend = []\n          for (let i = 0; i <= val.length - 1; i++) {\n            if (val[i].checked == true) {\n              arrDividend.push(val[i].value)\n            }\n          }\n          if (arrDividend.length == 0) {\n            this.prepareObjQuery.dividend = false\n            delete this.arrFilterTags.dividend\n          } else if (arrDividend.length == val.length) {\n            delete this.prepareObjQuery.dividend\n            delete this.arrFilterTags.dividend\n          } else {\n            this.prepareObjQuery.dividend = arrDividend\n            this.arrFilterTags.dividend = this.prepareObjQuery.dividend\n          }\n\n          if (this.prepareObjQuery.dividend) {\n            this.defaultDividend = this.prepareObjQuery.dividend\n          } else {\n            this.defaultDividend = []\n          }\n        }\n      } else if (alias == \"type\") {\n        if (val && val.length > 0) {\n          const arrType = []\n          for (let i = 0; i <= val.length - 1; i++) {\n            if (val[i].checked == true) {\n              arrType.push(val[i].value)\n            }\n          }\n          if (arrType.length == 0) {\n            this.prepareObjQuery.type = false\n            delete this.arrFilterTags.type\n          } else if (arrType.length == val.length) {\n            delete this.prepareObjQuery.type\n            delete this.arrFilterTags.type\n          } else {\n            this.prepareObjQuery.type = arrType\n            this.arrFilterTags.type = this.prepareObjQuery.type\n          }\n\n          if (this.prepareObjQuery.type) {\n            this.defaultType = this.objQuery.type\n          } else {\n            this.defaultType = []\n          }\n        }\n      }\n    },\n    async insertQs(val, alias) {\n      if (alias == \"category\") {\n        if (val) {\n          this.objQuery.category = val.value\n        } else {\n          delete this.objQuery.category\n        }\n        this.defaultCategory = val.value\n      } else if (alias == \"amc\") {\n        if (val) {\n          this.objQuery.amc = val.value\n        } else {\n          delete this.objQuery.amc\n        }\n        this.defaultAmc = val.value\n      } else if (alias == \"dividend\") {\n        if (val && val.length > 0) {\n          const arrDividend = []\n          for (let i = 0; i <= val.length - 1; i++) {\n            if (val[i].checked == true) {\n              arrDividend.push(val[i].value)\n            }\n          }\n          if (arrDividend.length == 0) {\n            this.objQuery.dividend = false\n          } else if (arrDividend.length == val.length) {\n            delete this.objQuery.dividend\n          } else {\n            this.objQuery.dividend = arrDividend\n          }\n\n          if (this.objQuery.dividend) {\n            this.defaultDividend = this.objQuery.dividend\n          } else {\n            this.defaultDividend = []\n          }\n        }\n      } else if (alias == \"page\") {\n        this.objQuery.page = val\n      } else if (alias == \"period\") {\n        this.objQuery.period = val\n        this.defaultPeriod = val\n      } else if (alias == \"page\") {\n        this.objQuery.page = val\n      } else if (alias == \"size\") {\n        this.objQuery.size = val\n      } else if (alias == \"type\") {\n        if (val && val.length > 0) {\n          const arrType = []\n          for (let i = 0; i <= val.length - 1; i++) {\n            if (val[i].checked == true) {\n              arrType.push(val[i].value)\n            }\n          }\n          if (arrType.length == 0) this.objQuery.type = false\n          else if (arrType.length == val.length) {\n            delete this.objQuery.type\n          } else this.objQuery.type = arrType\n\n          if (this.objQuery.type) {\n            this.defaultType = this.objQuery.type\n          } else {\n            this.defaultType = []\n          }\n        }\n      }\n      await this.mixins_global_getFundFilter(this.objQuery)\n    },\n    genQuery() {\n      if (this.$route.query.period) {\n        this.objQuery.period = this.$route.query.period.toUpperCase()\n        this.defaultPeriod = this.$route.query.period.toUpperCase()\n      }\n      if (this.$route.query.type) {\n        if (!Array.isArray(this.$route.query.type)) {\n          this.objQuery.type = [this.$route.query.type]\n          this.defaultType = [this.$route.query.type]\n          this.arrFilterTags.type = [this.$route.query.type]\n          this.filterTagsShow.type = [this.$route.query.type]\n        } else {\n          this.objQuery.type = this.$route.query.type\n          this.defaultType = this.$route.query.type\n          this.arrFilterTags.type = this.$route.query.type\n          this.filterTagsShow.type = this.$route.query.type\n        }\n      }\n\n      if (this.$route.query.amc) {\n        this.objQuery.amc = this.$route.query.amc\n        this.defaultAmc = this.$route.query.amc\n        this.arrFilterTags.amc = this.$route.query.amc\n        this.filterTagsShow.amc = this.$route.query.amc\n      }\n\n      if (this.$route.query.dividend) {\n        if (!Array.isArray(this.$route.query.dividend)) {\n          this.objQuery.dividend = [this.$route.query.dividend]\n          this.defaultDividend = [this.$route.query.dividend]\n          this.arrFilterTags.dividend = [this.$route.query.dividend]\n          this.filterTagsShow.dividend = [this.$route.query.dividend]\n        } else {\n          this.objQuery.dividend = this.$route.query.dividend\n          this.defaultDividend = this.$route.query.dividend\n          this.arrFilterTags.dividend = this.$route.query.dividend\n          this.filterTagsShow.dividend = this.$route.query.dividend\n        }\n      }\n\n      if (this.$route.query.category) {\n        this.objQuery.category = this.$route.query.category\n        this.defaultCategory = this.$route.query.category\n      }\n\n      this.objQuery.size = 20\n      this.mixins_global_getFundFilter(this.objQuery)\n    },\n    toggleFilter() {\n      if (this.isFilter) {\n        this.isFilter = false\n      } else {\n        this.isFilter = true\n      }\n    }\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n#article-fund-ranking {\n  position: relative;\n  h2 {\n    @extend %font-size-m;\n    font-weight: bold;\n    margin-bottom: 10px;\n    color: $color-normal-text;\n  }\n  #section-filter-fund {\n    margin: 12px 15px;\n    .filter-left {\n      @include finCol(10, 12, 8px, middle, true, false);\n    }\n    .filter-right {\n      @include finCol(2, 12, 8px, middle, false, true);\n    }\n    .filter-ctn {\n      border-radius: 6px;\n      background-color: #efefef;\n      padding: 13.5px 16px;\n      display: block;\n      text-align: center;\n      color: $color-normal-text;\n      font-size: 12px;\n      box-shadow: 0 0 4px 0 #f9f9f9;\n      @media screen and (min-width: 480px) {\n        min-height: 53px;\n      }\n      .filtered {\n        color: $color-orange-finno;\n      }\n    }\n  }\n  #section-filter-tags {\n    position: relative;\n    margin-bottom: 12px;\n    .filter-tags-box {\n      display: flex;\n      align-items: center;\n      border-radius: 21.5px;\n      background-color: #f9f9f9;\n      padding: 4px 48px 4px 16px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      .tags-label {\n        display: inline-block;\n        @extend %font-size-s;\n        font-weight: bold;\n        margin-right: 10px;\n      }\n      .tags-list {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n        .tags-item {\n          display: inline;\n          @extend %font-size-s;\n          color: $color-normal-text;\n          &:not(:last-child) {\n            &:after {\n              content: \",\";\n              width: 5px;\n              height: 5px;\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    }\n    .reset-filter {\n      position: absolute;\n      right: 25px;\n      top: 5px;\n      i {\n        pointer-events: none;\n        color: $color-light-grey-2;\n      }\n    }\n  }\n  #list-fund {\n    padding-right: 0px;\n    padding-left: 0px;\n  }\n}\n.select-period-row {\n  padding-left: 0;\n  padding-right: 0;\n}\n.top-sticky {\n  left: 0 !important;\n  width: 100% !important;\n  .select-period-row {\n    padding-top: 49px;\n  }\n}\n.filter-row {\n  display: inline-block;\n  margin: 12px 0;\n  width: 100%;\n  h4 {\n    @extend %font-size-m;\n    font-weight: bold;\n  }\n}\n.filter-submit {\n  margin-top: 48px;\n  text-align: center;\n  .ctn-filter {\n    border-radius: 4px;\n    padding: 11px 45px;\n    text-decoration: none;\n    font-weight: bold;\n    @include finRippleBtn(#f4f4f4, #f4f4f4, $color-normal-text);\n  }\n}\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=35899300&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=35899300&lang=scss&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  \"35899300\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=35899300&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=35899300&lang=scss&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBox.vue?vue&type=style&index=0&id=45a23dad&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckBox.vue?vue&type=style&index=0&id=45a23dad&lang=scss&scoped=true&\""],"sourceRoot":""}