{"version":3,"sources":["webpack:///./src/components/molecules/Slick/Slick.vue?1ee5","webpack:///./src/components/molecules/Slick/Slick.vue?a69b","webpack:///src/components/molecules/Slick/Slick.vue","webpack:///./src/components/molecules/Slick/Slick.vue?45b3","webpack:///./src/components/molecules/Slick/Slick.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","onSelected","model","value","callback","$$v","lists","expression","_l","item","index","key","_v","_s","changeLanguage","directives","name","rawName","staticRenderFns","component"],"mappings":"2IAAA,yBAA0mB,EAAG,G,2CCA7mB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,eAAgB,EAAK,SAAW,SAAS,SAAW,KAAKC,GAAG,CAAC,WAAWR,EAAIS,YAAYC,MAAM,CAACC,MAAOX,EAAS,MAAEY,SAAS,SAAUC,GAAMb,EAAIc,MAAMD,GAAKE,WAAW,UAAUf,EAAIgB,GAAIhB,EAAS,OAAE,SAASiB,EAAKC,GAAO,OAAOd,EAAG,YAAY,CAACe,IAAID,EAAMZ,YAAY,cAAcC,MAAM,CAAC,MAAQW,IAAQ,CAACd,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIoB,GAAGpB,EAAIqB,GAAGrB,EAAIsB,eAAeL,SAAYb,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,SAASC,QAAQ,aAAanB,YAAY,qBAAqB,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAsB,IAAI,IACtrBoB,EAAkB,G,iCCuBtB,GACE,WAAF,CACI,UAAJ,eACI,UAAJ,gBAEE,WAAF,CAAI,OAAJ,sBACE,MAAF,CACI,eAAJ,CACM,KAAN,OACM,QAAN,WACQ,MAAR,MAIE,KAdF,WAeI,MAAJ,CACM,MAAN,6BAGE,QAAF,CACI,eADJ,SACA,GACM,GAAN,oCAoBQ,OAAR,EAnBQ,OAAR,GACU,IAAV,OACY,MAAZ,SACU,IAAV,QACY,MAAZ,OACU,IAAV,UACY,MAAZ,QACU,IAAV,OACY,MAAZ,QACU,IAAV,SACY,MAAZ,SACU,IAAV,QACY,MAAZ,aACU,IAAV,UACY,MAAZ,UACU,QACE,OAAZ,IAMI,WAzBJ,SAyBA,GACM,KAAN,uBAAQ,IAAR,sCAAQ,KAAR,cCrE6W,I,wBCQzWC,EAAY,eACd,EACA5B,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-539c144e.d806cfad.js","sourcesContent":["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!./Slick.vue?vue&type=style&index=0&id=d4f6b7e2&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!./Slick.vue?vue&type=style&index=0&id=d4f6b7e2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"slick\"},[_c('SlickList',{attrs:{\"useDragHandle\":true,\"appendTo\":\".slick\",\"lockAxis\":\"y\"},on:{\"sort-end\":_vm.onSelected},model:{value:(_vm.lists),callback:function ($$v) {_vm.lists=$$v},expression:\"lists\"}},_vm._l((_vm.lists),function(item,index){return _c('SlickItem',{key:index,staticClass:\"slick__item\",attrs:{\"index\":index}},[_c('div',{staticClass:\"col-name\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.changeLanguage(item)))])]),_c('div',{directives:[{name:\"handle\",rawName:\"v-handle\"}],staticClass:\"col-action handle\"},[_c('i',{staticClass:\"fas fa-bars\"})])])}),1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"slick\">\n        <SlickList\n          :useDragHandle=\"true\"\n          appendTo=\".slick\"\n          @sort-end=\"onSelected\"\n          lockAxis=\"y\"\n          v-model=\"lists\"\n        >\n          <SlickItem class=\"slick__item\" v-for=\"(item, index) in lists\" :key=\"index\" :index=\"index\">\n            <div class=\"col-name\">\n              <span class=\"name\">{{ changeLanguage(item) }}</span>\n            </div>\n            <div class=\"col-action handle\" v-handle>\n              <i class=\"fas fa-bars\"></i>\n            </div>\n          </SlickItem>\n        </SlickList>\n    </div>\n</template>\n\n<script>\nimport _move from \"lodash-move\"\nimport { SlickList, SlickItem, HandleDirective } from \"vue-slicksort\"\nexport default {\n    components: {\n      SlickList,\n      SlickItem,\n    },\n    directives: { handle: HandleDirective },\n    props: {\n      objUserSetting: {\n        type: Object,\n        default: function() {\n          return []\n        }\n      }\n    },\n    data() {\n      return {\n        lists: this.objUserSetting.assets\n      }\n    },\n    methods: {\n      changeLanguage(value) {\n        if (this.objUserSetting.language === \"TH\") {\n          switch (value) {\n            case \"fund\":\n              return \"กองทุน\"\n            case \"stock\":\n              return \"หุ้น\"\n            case \"indices\":\n              return \"ดัชนี\"\n            case \"gold\":\n              return \"ทองคำ\"\n            case \"crypto\":\n              return \"คริปโต\"\n            case \"lotto\":\n              return \"สลากออมสิน\"\n            case \"savings\":\n              return \"เงินออม\"\n            default:\n              return value\n          }\n        } else {\n          return value\n        }\n      },\n      onSelected(e) {\n        this.$emit(\"callback-func\", { val: _move(this.lists, e.oldIndex, e.newIndex), type: \"assets\" })\n      }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n    .slick {\n      @include finCol(12, 12, 0px, middle, true, true);\n      @include responsive(tablet) {\n        @include finCol(6, 12, 0px, middle, true, true);\n      }\n      @include responsive(desktop) {\n        @include finCol(8, 12, 0px, middle, true, true);\n      }\n      &__item {\n        @include responsive(tablet) {\n          font-size: 18px;\n        }\n        background: var(--color-surface);\n\n        margin: 8px 0;\n        padding: 0 16px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        border: 1px solid var(--color-outline);\n        height: 48px;\n        border-radius: 4px;\n        .col-name,\n        .col-action {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          .name {\n            height: 22px;\n          }\n        }\n        .col-name {\n          width: 80%;\n          .name {\n            @include responsive(tablet) {\n              font-size: 18px;\n            }\n            @extend %font-size-s;\n            font-weight: bold;\n            color: var(--color-header-text);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            text-transform: capitalize;\n          }\n        }\n        .col-action {\n          width: 20%;\n          i {\n            text-align: right;\n            font-size: 16px;\n            color: $color-light-grey-2;\n          }\n        }\n      }\n    }\n</style>\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!./Slick.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!./Slick.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Slick.vue?vue&type=template&id=d4f6b7e2&scoped=true&\"\nimport script from \"./Slick.vue?vue&type=script&lang=js&\"\nexport * from \"./Slick.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Slick.vue?vue&type=style&index=0&id=d4f6b7e2&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  \"d4f6b7e2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}