{"version":3,"sources":["webpack:///./node_modules/lodash/maxBy.js","webpack:///./src/components/miniapp/following/FollowingList.vue?f375","webpack:///src/components/miniapp/following/FollowingList.vue","webpack:///./src/components/miniapp/following/FollowingList.vue?5dd7","webpack:///./src/components/miniapp/following/FollowingList.vue","webpack:///./node_modules/lodash/_baseGt.js","webpack:///./node_modules/lodash/_baseExtremum.js","webpack:///./src/components/miniapp/following/FollowingList.vue?fb67"],"names":["baseExtremum","baseGt","baseIteratee","maxBy","array","iteratee","length","undefined","module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","class","isSticky","staticClass","_l","item","key","title","currentTab","action","dataTab","on","$event","isSelectTab","_v","_s","_e","watchlist","isEditing","discardEdit","saveEdit","toggleEdit","value","itemChanged","nameTab","toggleToast","toastStatus","toastType","options","closeToast","confirmToast","staticRenderFns","components","Result","ResultNotfound","ResultEdit","Toast","EmptyResult","data","selectedTab","indices","stocks","funds","gold","dialog","body","toast","duration","saveTab","menuList","computed","get","set","getStockWatchlist","getIndiceWatchlist","getGoldWatchlist","getFundWatchlist","watchListCount","watch","$route","immediate","methods","tab","bool","val","component","other","isSymbol","comparator","index","current","result"],"mappings":"mGAAA,IAAIA,EAAe,EAAQ,QACvBC,EAAS,EAAQ,QACjBC,EAAe,EAAQ,QAyB3B,SAASC,EAAMC,EAAOC,GACpB,OAAQD,GAASA,EAAME,OACnBN,EAAaI,EAAOF,EAAaG,EAAU,GAAIJ,QAC/CM,EAGNC,EAAOC,QAAUN,G,yCCjCjB,IAAIO,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,2BAA2B,CAAEN,EAAkB,eAAEI,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,gBAAgB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAEP,EAAIQ,SAAW,aAAe,sBAAsB,CAACJ,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,KAAK,CAACK,YAAY,YAAYT,EAAIU,GAAIV,EAAY,UAAE,SAASW,GAAM,OAAOP,EAAG,KAAK,CAACQ,IAAID,EAAKE,OAAO,CAACT,EAAG,IAAI,CAACG,MAAM,CAAEP,EAAIc,YAAcH,EAAKI,OAAS,SAAU,IAAIT,MAAM,CAAC,cAAc,WAAW,qBAAqB,iBAAiB,WAAWK,EAAKK,QAAQ,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,YAAYR,EAAKI,WAAW,CAACf,EAAIoB,GAAGpB,EAAIqB,GAAGV,EAAKE,eAAc,KAAMb,EAAY,SAAEI,EAAG,MAAM,CAACK,YAAY,gBAAgBT,EAAIsB,OAAOlB,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,SAAS,CAACT,EAAIoB,GAAGpB,EAAIqB,GAAGrB,EAAIa,UAAWb,EAAIuB,UAAgB,OAAEnB,EAAG,MAAM,CAACK,YAAY,UAAU,CAAGT,EAAIwB,UAA0PpB,EAAG,MAAM,CAACK,YAAY,cAAc,CAACL,EAAG,IAAI,CAACK,YAAY,SAASH,MAAM,CAAC,KAAO,eAAe,cAAc,yBAAyB,qBAAqB,kBAAkBW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAIyB,iBAAiB,CAACzB,EAAIoB,GAAG,YAAYhB,EAAG,IAAI,CAACK,YAAY,OAAOH,MAAM,CAAC,KAAO,eAAe,cAAc,yBAAyB,qBAAqB,kBAAkBW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAI0B,cAAc,CAAC1B,EAAIoB,GAAG,YAA7qBhB,EAAG,IAAI,CAACK,YAAY,OAAOH,MAAM,CAAC,cAAc,kBAAkB,qBAAqB,iBAAiB,KAAO,gBAAgBW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAI2B,gBAAgB,CAACvB,EAAG,IAAI,CAACK,YAAY,gBAAgBT,EAAIoB,GAAG,cAAwdpB,EAAIsB,OAAStB,EAAIwB,UAAkGpB,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQN,EAAIuB,UAAU,KAAOvB,EAAIc,YAAYG,GAAG,CAAC,YAAc,SAAUW,GAAS,OAAO5B,EAAI6B,YAAcD,MAA1NxB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQN,EAAIuB,UAAU,KAAOvB,EAAIc,WAAW,aAAc,KAA0Jd,EAAIuB,UAAU5B,OAAoGK,EAAIsB,KAAhGlB,EAAG,cAAc,CAACE,MAAM,CAAC,YAAcN,EAAI8B,QAAQ9B,EAAIc,YAAY,KAAOd,EAAIc,eAAwB,GAAGV,EAAG,kBAAmBJ,EAAe,YAAEI,EAAG,QAAQ,CAACE,MAAM,CAAC,YAAcN,EAAI+B,YAAY,OAAS/B,EAAIgC,YAAY,UAAYhC,EAAIiC,UAAU,QAAUjC,EAAIkC,SAASjB,GAAG,CAAC,cAAcjB,EAAImC,WAAW,gBAAgBnC,EAAIoC,gBAAgBpC,EAAIsB,MAAM,IACrtEe,EAAkB,G,urBCqEtB,yEACA,qEACA,qEACA,0GAGA,GACEC,WAAY,CACVC,OAAJ,EACIC,eAAJ,EACIC,WAAJ,EACIC,MAAJ,aACIC,YAAJ,GAEEC,KARF,WASI,MAAO,CACLpC,UAAU,EACVgB,WAAW,EACXK,YAAa,KACbgB,YAAa,KACbf,QAAS,CACPgB,QAAS,QACTC,OAAQ,OACRC,MAAO,SACPC,KAAM,SAERf,QAAS,CACPgB,OAAQ,CACNrC,MAAO,GACPsC,KAAM,sDACNpC,OAAQ,CAClB,CACY,QAAZ,gBACY,QAAZ,aAIQqC,MAAO,CACLvC,MAAO,CACjB,CACY,QAAZ,qBACY,UAAZ,0BAGUwC,SAAU,IAGdrB,aAAa,EACbD,aAAa,EACbE,UAAW,KACXqB,QAAS,KACTC,SAAU,CAChB,CACQ,MAAR,QACQ,QAAR,iBACQ,OAAR,SAEA,CACQ,MAAR,SACQ,QAAR,kBACQ,OAAR,UAEA,CACQ,MAAR,UACQ,QAAR,kBACQ,OAAR,WAEA,CACQ,MAAR,OACQ,QAAR,iBACQ,OAAR,WAKEC,SAAU,EAAZ,GACA,4BACA,mBACA,oBACA,mBACA,qBACA,wBANA,CAQI1C,WAAY,CACV2C,IADN,WAEQ,GAAIxD,KAAK4C,YAAa,OAAO5C,KAAK4C,YAClC,IAAR,GACA,CAAU,KAAV,QAAU,MAAV,8BACA,CAAU,KAAV,SAAU,MAAV,+BACA,CAAU,KAAV,UAAU,MAAV,gCACA,CAAU,KAAV,OAAU,MAAV,+BAEQ,OAAO,IAAf,iBAEMa,IAXN,SAWA,GACQzD,KAAK4C,YAAcjB,IAIvBL,UAxBJ,WAyBM,OAAQtB,KAAKa,YACX,IAAK,SACH,OAAOb,KAAK0D,kBACd,IAAK,UACH,OAAO1D,KAAK2D,mBACd,IAAK,OACH,OAAO3D,KAAK4D,iBACd,QACE,OAAO5D,KAAK6D,mBAGlBC,eApCJ,WAqCM,OACN,8BACA,+BACA,6BACA,8BAGIlD,MA5CJ,WA6CM,OAAQZ,KAAKa,YACX,IAAK,SACH,MAAO,SACT,IAAK,UACH,MAAO,UACT,IAAK,OACH,MAAO,OACT,QACE,MAAO,mBAIfkD,MAAO,CACLC,OAAQ,CACNC,WAAW,EACX,QAFN,0JAGA,wCAHA,gCAIA,2BAJA,uBAKA,4BALA,uBAMA,2BANA,0GAWEC,QAAS,EAAX,GACA,gEADA,CAEIhD,YAFJ,SAEA,GAEUlB,KAAKuB,WACPvB,KAAKqD,QAAUc,EACfnE,KAAKgC,UAAY,eACjBhC,KAAK8B,aAAc,GAEnB9B,KAAK4C,YAAcuB,GAGvBzC,WAZJ,WAaM1B,KAAK4C,YAAc5C,KAAKa,WACxBb,KAAKuB,WAAavB,KAAKuB,WAEzB,SAhBJ,0KAiBA,iBAjBA,uBAkBA,GACA,eACA,eAGA,sCACA,2BAGA,yBACA,qBAGA,2BACA,sBACA,6CACA,wBACA,0BAIA,4BACA,sBACA,4CACA,wBACA,0BAIA,0BACA,qBACA,2CACA,UACA,2BACA,uBACA,sBACA,iBACA,gBACA,uBAxDA,SA4DA,sBACA,0BACA,wBACA,+BA/DA,OA4DA,EA5DA,OAiEA,sBAGA,uBACA,oBACA,mBACA,mBACA,KAxEA,OA0EA,+BA1EA,yGA4EIW,WA5EJ,SA4EA,GACMlC,KAAK8B,YAAcsC,GAErBjC,aA/EJ,SA+EA,GACUkC,IACFrE,KAAK4C,YAAc5C,KAAKqD,QACxBrD,KAAKuB,WAAY,EACjBvB,KAAK4B,YAAc,MAErB5B,KAAK8B,aAAc,GAErBN,YAvFJ,WAwFMxB,KAAKuB,WAAavB,KAAKuB,UACvBvB,KAAK4B,YAAc,SC/S4V,I,wBCQjX0C,EAAY,eACd,EACAxE,EACAsC,GACA,EACA,KACA,WACA,MAIa,aAAAkC,E,8BCVf,SAASjF,EAAOsC,EAAO4C,GACrB,OAAO5C,EAAQ4C,EAGjB3E,EAAOC,QAAUR,G,uBCbjB,IAAImF,EAAW,EAAQ,QAYvB,SAASpF,EAAaI,EAAOC,EAAUgF,GACrC,IAAIC,GAAS,EACThF,EAASF,EAAME,OAEnB,QAASgF,EAAQhF,EAAQ,CACvB,IAAIiC,EAAQnC,EAAMkF,GACdC,EAAUlF,EAASkC,GAEvB,GAAe,MAAXgD,SAAiChF,IAAb4D,EACfoB,IAAYA,IAAYH,EAASG,GAClCF,EAAWE,EAASpB,IAE1B,IAAIA,EAAWoB,EACXC,EAASjD,EAGjB,OAAOiD,EAGThF,EAAOC,QAAUT,G,oCC/BjB,yBAAknB,EAAG,G","file":"js/chunk-5e45c326.2d4bd126.js","sourcesContent":["var baseExtremum = require('./_baseExtremum'),\n    baseGt = require('./_baseGt'),\n    baseIteratee = require('./_baseIteratee');\n\n/**\n * This method is like `_.max` except that it accepts `iteratee` which is\n * invoked for each element in `array` to generate the criterion by which\n * the value is ranked. The iteratee is invoked with one argument: (value).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Math\n * @param {Array} array The array to iterate over.\n * @param {Function} [iteratee=_.identity] The iteratee invoked per element.\n * @returns {*} Returns the maximum value.\n * @example\n *\n * var objects = [{ 'n': 1 }, { 'n': 2 }];\n *\n * _.maxBy(objects, function(o) { return o.n; });\n * // => { 'n': 2 }\n *\n * // The `_.property` iteratee shorthand.\n * _.maxBy(objects, 'n');\n * // => { 'n': 2 }\n */\nfunction maxBy(array, iteratee) {\n  return (array && array.length)\n    ? baseExtremum(array, baseIteratee(iteratee, 2), baseGt)\n    : undefined;\n}\n\nmodule.exports = maxBy;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{attrs:{\"id\":\"section-following-list\"}},[(_vm.watchListCount)?_c('div',{attrs:{\"id\":\"result-list\"}},[_c('div',{class:[ _vm.isSticky ? 'sticky-top' : 'remove-sticky-top']},[_c('nav',{staticClass:\"nav-result\"},[_c('ul',{staticClass:\"nav-list\"},_vm._l((_vm.menuList),function(item){return _c('li',{key:item.title},[_c('a',{class:[ _vm.currentTab == item.action ? 'active': ''],attrs:{\"data-action\":\"open_tab\",\"data-eventcategory\":\"following_flow\",\"data-tab\":item.dataTab,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.isSelectTab(item.action)}}},[_vm._v(_vm._s(item.title))])])}),0)]),(_vm.isSticky)?_c('div',{staticClass:\"bottom-line\"}):_vm._e()]),_c('div',{attrs:{\"id\":\"header\"}},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),(_vm.watchlist.length)?_c('div',{staticClass:\"action\"},[(!_vm.isEditing)?_c('a',{staticClass:\"edit\",attrs:{\"data-action\":\"edit_watch_list\",\"data-eventcategory\":\"following_flow\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.toggleEdit()}}},[_c('i',{staticClass:\"fas fa-edit\"}),_vm._v(\" Edit \")]):_c('div',{staticClass:\"sub-action\"},[_c('a',{staticClass:\"cancel\",attrs:{\"href\":\"javascript:;\",\"data-action\":\"finish_edit_watch_list\",\"data-eventcategory\":\"following_flow\"},on:{\"click\":function($event){return _vm.discardEdit()}}},[_vm._v(\"Cancel\")]),_c('a',{staticClass:\"done\",attrs:{\"href\":\"javascript:;\",\"data-action\":\"finish_edit_watch_list\",\"data-eventcategory\":\"following_flow\"},on:{\"click\":function($event){return _vm.saveEdit()}}},[_vm._v(\"Done\")])])]):_vm._e()]),(!_vm.isEditing)?_c('Result',{attrs:{\"items\":_vm.watchlist,\"type\":_vm.currentTab,\"wantLoading\":false}}):_c('ResultEdit',{attrs:{\"items\":_vm.watchlist,\"type\":_vm.currentTab},on:{\"itemChanged\":function (value) { return _vm.itemChanged = value; }}}),(!_vm.watchlist.length)?_c('EmptyResult',{attrs:{\"nameThaiTab\":_vm.nameTab[_vm.currentTab],\"type\":_vm.currentTab}}):_vm._e()],1):_c('ResultNotfound'),(_vm.toggleToast)?_c('toast',{attrs:{\"toggleToast\":_vm.toggleToast,\"status\":_vm.toastStatus,\"toastType\":_vm.toastType,\"options\":_vm.options},on:{\"close-toast\":_vm.closeToast,\"confirm-toast\":_vm.confirmToast}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section id=\"section-following-list\">\n    <div v-if=\"watchListCount\" id=\"result-list\">\n      <div :class=\"[ isSticky ? 'sticky-top' : 'remove-sticky-top']\">\n        <nav class=\"nav-result\">\n          <ul class=\"nav-list\">\n            <li v-for=\"item in menuList\" :key=\"item.title\">\n              <a\n                data-action=\"open_tab\"\n                data-eventcategory=\"following_flow\"\n                :data-tab=\"item.dataTab\"\n                href=\"javascript:;\"\n                :class=\"[ currentTab == item.action ? 'active': '']\"\n                @click=\"isSelectTab(item.action)\"\n              >{{ item.title }}</a>\n            </li>\n          </ul>\n        </nav>\n        <div v-if=\"isSticky\" class=\"bottom-line\"></div>\n      </div>\n      <div id=\"header\">\n        <div class=\"title\">{{title}}</div>\n        <div v-if=\"watchlist.length\" class=\"action\">\n          <a\n            v-if=\"!isEditing\"\n            class=\"edit\"\n            data-action=\"edit_watch_list\"\n            data-eventcategory=\"following_flow\"\n            href=\"javascript:;\"\n            @click=\"toggleEdit()\"\n          >\n            <i class=\"fas fa-edit\"></i> Edit\n          </a>\n          <div v-else class=\"sub-action\">\n            <a\n              class=\"cancel\"\n              href=\"javascript:;\"\n              @click=\"discardEdit()\"\n              data-action=\"finish_edit_watch_list\"\n              data-eventcategory=\"following_flow\"\n            >Cancel</a>\n            <a\n              class=\"done\"\n              href=\"javascript:;\"\n              @click=\"saveEdit()\"\n              data-action=\"finish_edit_watch_list\"\n              data-eventcategory=\"following_flow\"\n            >Done</a>\n          </div>\n        </div>\n      </div>\n      <Result v-if=\"!isEditing\" :items=\"watchlist\" :type=\"currentTab\" :wantLoading=\"false\" />\n      <ResultEdit v-else @itemChanged=\"value => itemChanged = value\" :items=\"watchlist\" :type=\"currentTab\" />\n      <EmptyResult v-if=\"!watchlist.length\" :nameThaiTab=\"nameTab[currentTab]\" :type=\"currentTab\" />\n    </div>\n    <ResultNotfound v-else />\n    <toast\n      v-if=\"toggleToast\"\n      :toggleToast=\"toggleToast\"\n      :status=\"toastStatus\"\n      :toastType=\"toastType\"\n      :options=\"options\"\n      @close-toast=\"closeToast\"\n      @confirm-toast=\"confirmToast\"\n    ></toast>\n  </section>\n</template>\n\n<script>\nimport _ from \"lodash/maxBy\"\nconst ResultNotfound = () => import(\"../following/ResultNotfound\")\nconst Result = () => import(\"../following/Result\")\nconst EmptyResult = () => import(\"../following/EmptyResult\")\nconst ResultEdit = () => import(\"../following/ResultEdit\")\nimport { mapGetters, mapActions } from \"vuex\"\nimport Toast from \"../../../components/miniapp/global/Toast.vue\"\nexport default {\n  components: {\n    Result,\n    ResultNotfound,\n    ResultEdit,\n    Toast,\n    EmptyResult\n  },\n  data() {\n    return {\n      isSticky: false,\n      isEditing: false,\n      itemChanged: null,\n      selectedTab: null,\n      nameTab: {\n        indices: \"ดัชนี\",\n        stocks: \"หุ้น\",\n        funds: \"กองทุน\",\n        gold: \"ทองคำ\"\n      },\n      options: {\n        dialog: {\n          title: \"\",\n          body: \"คุณต้องการออกจากหน้านี้โดยไม่บันทึกข้อมูลใช่หรือไม่\",\n          action: [\n            {\n              action1: \"ออกจากหน้านี้\",\n              action2: \"อยู่ต่อ\"\n            }\n          ]\n        },\n        toast: {\n          title: [\n            {\n              success: \"บันทึกข้อมูลสำเร็จ\",\n              unsuccess: \"บันทึกข้อมูลไม่สำเร็จ\"\n            }\n          ],\n          duration: 2\n        }\n      },\n      toastStatus: false,\n      toggleToast: false,\n      toastType: null,\n      saveTab: null,\n      menuList: [\n        {\n          title: \"Funds\",\n          dataTab: \"following_fund\",\n          action: \"funds\"\n        },\n        {\n          title: \"Stocks\",\n          dataTab: \"following_stock\",\n          action: \"stocks\"\n        },\n        {\n          title: \"Indices\",\n          dataTab: \"following_index\",\n          action: \"indices\"\n        },\n        {\n          title: \"Gold\",\n          dataTab: \"following_gold\",\n          action: \"gold\"\n        }\n      ]\n    }\n  },\n  computed: {\n    ...mapGetters(\"watchlist\", [\n      \"getGoldWatchlist\",\n      \"getStockWatchlist\",\n      \"getFundWatchlist\",\n      \"getIndiceWatchlist\",\n      \"getLoadingWatchlist\"\n    ]),\n    currentTab: {\n      get() {\n        if (this.selectedTab) return this.selectedTab\n        let obj = [\n          { name: \"funds\", score: this.getFundWatchlist.length },\n          { name: \"stocks\", score: this.getStockWatchlist.length },\n          { name: \"indices\", score: this.getIndiceWatchlist.length },\n          { name: \"gold\", score: this.getGoldWatchlist.length }\n        ]\n        return _(obj, \"score\").name\n      },\n      set(value) {\n        this.selectedTab = value\n      }\n    },\n\n    watchlist() {\n      switch (this.currentTab) {\n        case \"stocks\":\n          return this.getStockWatchlist\n        case \"indices\":\n          return this.getIndiceWatchlist\n        case \"gold\":\n          return this.getGoldWatchlist\n        default:\n          return this.getFundWatchlist\n      }\n    },\n    watchListCount() {\n      return (\n        this.getStockWatchlist.length +\n        this.getIndiceWatchlist.length +\n        this.getFundWatchlist.length +\n        this.getGoldWatchlist.length\n      )\n    },\n    title() {\n      switch (this.currentTab) {\n        case \"stocks\":\n          return \"STOCKS\"\n        case \"indices\":\n          return \"INDICES\"\n        case \"gold\":\n          return \"GOLD\"\n        default:\n          return \"MUTUAL FUNDS\"\n      }\n    }\n  },\n  watch: {\n    $route: {\n      immediate: true,\n      async handler() {\n        if (this.$route.name === \"miniapp-watch-list\") {\n          await this.findWatchlist('fund')\n          await this.findWatchlist('stock')\n          await this.findWatchlist('gold')\n        }\n      }\n    }\n  },\n  methods: {\n    ...mapActions(\"watchlist\", [\"adjustWatchlist\", \"findWatchlist\"]),\n    isSelectTab(tab) {\n      // if(this.isEditing) return alert('Please save editing')\n      if (this.isEditing) {\n        this.saveTab = tab\n        this.toastType = \"confirmation\"\n        this.toggleToast = true\n      } else {\n        this.selectedTab = tab\n      }\n    },\n    toggleEdit() {\n      this.selectedTab = this.currentTab\n      this.isEditing = !this.isEditing\n    },\n    async saveEdit() {\n      if (this.itemChanged) {\n        const data = {\n          subjectType: \"\",\n          subjectIDs: []\n        }\n        // map new data change\n        this.itemChanged.forEach(item => {\n          data.subjectIDs.push(item.id)\n        })\n        // map new fund watchlist\n        if (this.currentTab == \"funds\") {\n          data.subjectType = \"fund\"\n        }\n        // map indice watchlist\n        else if (this.currentTab == \"stocks\") {\n          data.subjectType = \"stock\"\n          this.getIndiceWatchlist.forEach(indice => {\n            data.subjectIDs.push(indice.id)\n            this.itemChanged.push(indice)\n          })\n        }\n        // map stock watchlist\n        else if (this.currentTab == \"indices\") {\n          data.subjectType = \"stock\"\n          this.getStockWatchlist.forEach(stock => {\n            data.subjectIDs.push(stock.id)\n            this.itemChanged.push(stock)\n          })\n        }\n        // map new gold watchlist\n        else if (this.currentTab == \"gold\") {\n          data.subjectType = \"gold\"\n          data.subjectIDs = data.subjectIDs.map(gold => {\n            switch (gold) {\n              case 'gold-trader-ornament':\n                return 'gold_ornaments'\n              case 'gold-trader-bar':\n                return 'gold_bar'\n              case 'gold-spot':\n                return 'gold_spot'\n            }\n          })\n        }\n        const adjustResult = await this.adjustWatchlist({\n          subjectType: data.subjectType,\n          subjectIDs: data.subjectIDs,\n          itemChanged: this.itemChanged\n        }) // update watchlist !!\n        this.itemChanged = null // clear data change state after update to watchlist\n\n        // show toast alert\n        setTimeout(() => {\n          this.toastType = \"alert\"\n          this.toastStatus = adjustResult == true\n          this.toggleToast = true\n        }, 500)\n      }\n      this.isEditing = !this.isEditing\n    },\n    closeToast(bool) {\n      this.toggleToast = bool\n    },\n    confirmToast(val) {\n      if (val) {\n        this.selectedTab = this.saveTab\n        this.isEditing = false\n        this.itemChanged = null\n      }\n      this.toggleToast = false\n    },\n    discardEdit() {\n      this.isEditing = !this.isEditing\n      this.itemChanged = null\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#section-following-list {\n  .test-fin-col {\n    width: 100%;\n    background-color: red;\n    .left {\n      height: 50px;\n      text-align: center;\n      @include finCol(6, 12, 0px, middle, true, true);\n    }\n    .right {\n      height: 50px;\n      text-align: center;\n      @include finCol(6, 12, 0px, middle, true, true);\n    }\n  }\n  #result-list {\n    #header {\n      padding: 16px;\n      border-bottom: 1px solid $color-line-grey;\n      .title {\n        font-weight: bold;\n        color: $color-normal-text;\n        @extend %font-size-m;\n        @include finCol(6, 12, 0px, middle, true, true);\n      }\n      .action {\n        text-align: right;\n        @include finCol(6, 12, 0px, middle, true, true);\n        .edit {\n          padding: 4px;\n          font-weight: normal;\n          color: $color-secondary-text;\n          @extend %font-size-ss;\n          text-decoration: none;\n          i {\n            color: $color-secondary-text;\n            text-align: center;\n            pointer-events: none;\n          }\n        }\n        .cancel {\n          text-align: right;\n          @include finRippleBtn($color-white, $color-primary-finno, $color-normal-text);\n          @extend %font-size-ss;\n          padding: 2px 9px;\n          margin-right: 6px;\n          text-decoration: none;\n          font-weight: bold;\n          border-radius: 14px;\n          display: inline-block;\n        }\n        .done {\n          text-align: right;\n          @include finRippleBtn($color-primary-finno, $color-primary-finno, $color-normal-text);\n          @extend %font-size-ss;\n          padding: 2px 14px;\n          text-decoration: none;\n          font-weight: bold;\n          border-radius: 14px;\n          display: inline-block;\n        }\n      }\n    }\n    .nav-result {\n      @extend %container-style;\n      margin: 20px 0;\n      display: inline-block;\n      .nav-list {\n        margin: 0;\n        padding: 0;\n        li {\n          display: inline-block;\n          margin-right: 12px;\n          a {\n            text-transform: uppercase;\n            border-radius: 16px;\n            background-color: $color-line-grey;\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            font-stretch: normal;\n            line-height: normal;\n            letter-spacing: normal;\n            text-align: center;\n            color: $color-normal-text;\n            text-decoration: none;\n            padding: 5px 10px;\n            width: 100%;\n            max-width: 72px;\n            min-width: 72px;\n            display: inline-block;\n            @include finRippleBtn($color-line-grey, $color-line-grey, $color-secondary-text);\n          }\n          .active {\n            background-color: $color-normal-text;\n            color: $color-white;\n            font-weight: bold;\n            @include finRippleBtn($color-normal-text, $color-normal-text, $color-white);\n          }\n        }\n      }\n    }\n    // .content-list {\n    //   text-align: center;\n    //   margin: 18px 0;\n    // }\n    .button-list {\n      @include finRippleBtn(#f9f9f9, #f9f9f9, $color-normal-text);\n      @extend %font-size-ss;\n      padding: 11px 25px;\n      text-decoration: none;\n      font-weight: bold;\n      border-radius: 4px;\n      display: inline-block;\n      i {\n        pointer-events: none;\n        margin-right: 10px;\n      }\n    }\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!./FollowingList.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!./FollowingList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FollowingList.vue?vue&type=template&id=4ab1940a&scoped=true&\"\nimport script from \"./FollowingList.vue?vue&type=script&lang=js&\"\nexport * from \"./FollowingList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FollowingList.vue?vue&type=style&index=0&id=4ab1940a&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  \"4ab1940a\",\n  null\n  \n)\n\nexport default component.exports","/**\n * The base implementation of `_.gt` which doesn't coerce arguments.\n *\n * @private\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if `value` is greater than `other`,\n *  else `false`.\n */\nfunction baseGt(value, other) {\n  return value > other;\n}\n\nmodule.exports = baseGt;\n","var isSymbol = require('./isSymbol');\n\n/**\n * The base implementation of methods like `_.max` and `_.min` which accepts a\n * `comparator` to determine the extremum value.\n *\n * @private\n * @param {Array} array The array to iterate over.\n * @param {Function} iteratee The iteratee invoked per iteration.\n * @param {Function} comparator The comparator used to compare values.\n * @returns {*} Returns the extremum value.\n */\nfunction baseExtremum(array, iteratee, comparator) {\n  var index = -1,\n      length = array.length;\n\n  while (++index < length) {\n    var value = array[index],\n        current = iteratee(value);\n\n    if (current != null && (computed === undefined\n          ? (current === current && !isSymbol(current))\n          : comparator(current, computed)\n        )) {\n      var computed = current,\n          result = value;\n    }\n  }\n  return result;\n}\n\nmodule.exports = baseExtremum;\n","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!./FollowingList.vue?vue&type=style&index=0&id=4ab1940a&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!./FollowingList.vue?vue&type=style&index=0&id=4ab1940a&lang=scss&scoped=true&\""],"sourceRoot":""}