{"version":3,"file":"fund-search-DZw-My3r.js","sources":["../../../app/javascript/components/funds/fund-search.vue"],"sourcesContent":["<template>\n  <div class='fund-search bg-white shadow p-2 pb-8 rounded w-full'>\n    <form id=\"fund_search\" action=\"/funds\" accept-charset=\"UTF-8\" method=\"get\">\n\n      <h2 class='text-2xl font-semibold mb-4 text-gray-700'>Filter Funds</h2>\n\n      <div class='flex flex-wrap md:flex-nowrap flex-row md:flex-col'>\n\n        <div class='mb-8 px-4 w-full'>\n          <p class='font-semibold mb-2 flex justify-between'>\n            <span>Fund Name:</span>\n          </p>\n          <input type='text' class='form-text' name='q[name_or_symbol_cont]' v-model='search.name_or_symbol_cont' />\n        </div>\n\n        <div class='flex w-full flex-col md:flex-row lg:flex-col'>\n          <div class='mb-8 px-4 w-full md:w-1/2 lg:w-full'>\n            <p class='font-semibold mb-2 flex justify-between'>\n              <span class='flex items-center'>\n                <span>FI Score:</span>\n                <a href='/glossary/fi-score'>\n                  <minicon icon='question-solid' size='2' class='ml-1'></minicon>\n                </a>\n              </span>\n              <span class='bg-gray-200 rounded text-gray-600 py-1 px-2'>\n                {{fiScore[0]}} - {{fiScore[1]}}\n              </span>\n            </p>\n            <input type='hidden' name='q[fi_score_gteq]' v-model=\"fiScore[0]\" />\n            <input type='hidden' name='q[fi_score_lteq]' v-model=\"fiScore[1]\" />\n            <vue-slider class='w-full' v-model='fiScore' :min='0' :max='100' :min-range='5' :silent=\"true\" :interval=\"1\" :marks='fiScoreMarks'></vue-slider>\n          </div>\n\n          <div class='mb-8 px-4 w-full md:w-1/2 lg:w-full'>\n            <p class='font-semibold mb-2 flex justify-between'>\n              <span>Expense Ratio:</span>\n              <span class='bg-gray-200 rounded text-gray-600 py-1 px-2'>\n                {{expenseRange[0]}}% - {{(expenseRange[1] == 2) ? '2%+' : `${expenseRange[1]}%`}}\n              </span>\n            </p>\n            <input type='hidden' name='q[expense_ratio_gteq]' v-model=\"expenseRange[0]\" />\n            <input type='hidden' name='q[expense_ratio_lteq]' v-model=\"expenseRange[1]\" />\n            <vue-slider class='w-full' v-model='expenseRange' :min='0' :max='2' :min-range='0.25' :silent=\"true\" :interval=\"0.25\"\n            :marks=\"expenseRangeMarks\"></vue-slider>\n          </div>\n        </div>\n\n        <div class='flex w-full flex-row lg:flex-col'>\n          <div class='my-8 px-4 w-1/3 lg:w-full'>\n            <p class='font-semibold mb-2'>\n              <span>Fund Type:</span>\n              <ul class='text-gray-700 ml-2'>\n                <li>\n                  <label>\n                    <input type='checkbox' name='q[issue_type_in][]' value='ETF' :checked='isChecked(search.issue_type_in, \"ETF\")' />\n                    ETF\n                  </label>\n                </li>\n                <li>\n                  <label>\n                    <input type='checkbox' name='q[issue_type_in][]' value='Mutual Fund' :checked='isChecked(search.issue_type_in, \"Mutual Fund\")' />\n                    Mutual Fund\n                  </label>\n                </li>\n              </ul>\n            </p>\n          </div>\n\n          <div class='mb-8 px-2 lg:px-4 w-2/3 lg:w-full'>\n            <p class='font-semibold mb-2'>\n              <span>Market:</span>\n            </p>\n            <ul class='text-gray-700 ml-2 flex flex-wrap'>\n              <li v-for='(categories, market) in markets' :key='market' class='w-full md:w-1/2 lg:w-full'>\n                <label>\n                  <input type='checkbox' name='q[market_in][]' :value='market' v-model='selectedMarkets' :checked='isChecked(search.market_in, market)' />\n                  {{market}}\n                </label>\n\n                <ul class='ml-2' v-show='isChecked(selectedMarkets, market)'>\n                  <li v-for='category in categories' :key='category'>\n                    <label>\n                      <input type='checkbox' name='q[category_in][]' :value='category' :checked='isChecked(search.market_in, market) && isChecked(search.category_in, category)' />\n                      {{category}}\n                    </label>\n                  </li>\n                </ul>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n\n      <button type='submit' class='button button-flex button-blue flex items-center justify-center'>\n        <minicon icon='search-regular' size='4' class='text-white mr-2'></minicon>\n        <span>Filter Funds</span>\n      </button>\n    </form>\n  </div>\n</template>\n\n\n<script>\nimport VueSlider from 'vue-slider-component'\nimport 'vue-slider-component/theme/default.css'\nimport Minicon from '~/components/utils/minicon.vue'\n\nexport default {\n  inject: ['params'],\n  components: {\n    VueSlider,\n    Minicon\n  },\n  computed: {\n    search() {\n      return this.params.q || {}\n    },\n    markets() {\n      return this.params.markets || []\n    }\n  },\n  data() {\n    return {\n      fiScore: [0,100],\n      expenseRange: [0,2],\n      selectedMarkets: [],\n      morningstarMarks: val => val % 1 === 0 ? ({\n        label: val,\n        labelStyle: {\n          color: '#cbd5e0'\n        },\n        labelActiveStyle: {\n          color: '#718096'\n        }\n      }) : false,\n      fiScoreMarks: val => val % 25 === 0 ? ({\n        label: val,\n        labelStyle: {\n          color: '#cbd5e0'\n        },\n        labelActiveStyle: {\n          color: '#718096'\n        }\n      }) : false,\n      expenseRangeMarks: val => val*100 % 50 === 0 ? ({\n        label: (val == 2) ? `${val}%+` : `${val}%`,\n        labelStyle: {\n          color: '#cbd5e0'\n        },\n        labelActiveStyle: {\n          color: '#718096'\n        }\n      }) : false\n    }\n  },\n  created() {\n    this.fiScore[0] = this.search['fi_score_gteq'] ? +this.search['fi_score_gteq'] : 0\n    this.fiScore[1] = this.search['fi_score_lteq'] ? +this.search['fi_score_lteq'] : 100\n\n    this.expenseRange[0] = this.search['expense_ratio_gteq'] ? +this.search['expense_ratio_gteq'] : 0\n    this.expenseRange[1] = this.search['expense_ratio_lteq'] ? +this.search['expense_ratio_lteq'] : 2\n\n    this.search['issue_type_in'] = this.search['issue_type_in'] || []\n    this.search['market_in'] = this.search['market_in'] || []\n    this.selectedMarkets = this.search['market_in']\n    this.search['category_in'] = this.search['category_in'] || []\n  },\n  methods: {\n    isChecked(field, value) {\n      return field.indexOf(value) !== -1\n    }\n  }\n}\n</script>\n"],"names":["_sfc_main","VueSlider","Minicon","val","field","value","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_cache","$event","$options","_vModelText","_createVNode","_component_minicon","_toDisplayString","$data","_component_vue_slider","_createTextVNode","_Fragment","_renderList","categories","market","_withDirectives","category","_hoisted_25"],"mappings":"gLA2GA,MAAKA,EAAU,CACb,OAAQ,CAAC,QAAQ,EACjB,WAAY,CACV,UAAAC,EACA,QAAAC,CACD,EACD,SAAU,CACR,QAAS,CACP,OAAO,KAAK,OAAO,GAAK,CAAA,CACzB,EACD,SAAU,CACR,OAAO,KAAK,OAAO,SAAW,CAAA,CAChC,CACD,EACD,MAAO,CACL,MAAO,CACL,QAAS,CAAC,EAAE,GAAG,EACf,aAAc,CAAC,EAAE,CAAC,EAClB,gBAAiB,CAAE,EACnB,iBAAkBC,GAAOA,EAAM,IAAM,EAAK,CACxC,MAAOA,EACP,WAAY,CACV,MAAO,SACR,EACD,iBAAkB,CAChB,MAAO,SACT,CACF,EAAK,GACL,aAAcA,GAAOA,EAAM,KAAO,EAAK,CACrC,MAAOA,EACP,WAAY,CACV,MAAO,SACR,EACD,iBAAkB,CAChB,MAAO,SACT,CACF,EAAK,GACL,kBAAmBA,GAAOA,EAAI,IAAM,KAAO,EAAK,CAC9C,MAAQA,GAAO,EAAK,GAAGA,CAAG,KAAO,GAAGA,CAAG,IACvC,WAAY,CACV,MAAO,SACR,EACD,iBAAkB,CAChB,MAAO,SACT,CACF,EAAK,EACP,CACD,EACD,SAAU,CACR,KAAK,QAAQ,CAAC,EAAI,KAAK,OAAO,cAAmB,CAAC,KAAK,OAAO,cAAmB,EACjF,KAAK,QAAQ,CAAC,EAAI,KAAK,OAAO,cAAmB,CAAC,KAAK,OAAO,cAAmB,IAEjF,KAAK,aAAa,CAAC,EAAI,KAAK,OAAO,mBAAwB,CAAC,KAAK,OAAO,mBAAwB,EAChG,KAAK,aAAa,CAAC,EAAI,KAAK,OAAO,mBAAwB,CAAC,KAAK,OAAO,mBAAwB,EAEhG,KAAK,OAAO,cAAmB,KAAK,OAAO,eAAoB,CAAA,EAC/D,KAAK,OAAO,UAAe,KAAK,OAAO,WAAgB,CAAA,EACvD,KAAK,gBAAkB,KAAK,OAAO,UACnC,KAAK,OAAO,YAAiB,KAAK,OAAO,aAAkB,CAAA,CAC5D,EACD,QAAS,CACP,UAAUC,EAAOC,EAAO,CACtB,OAAOD,EAAM,QAAQC,CAAK,IAAM,EAClC,CACF,CACF,EA3KOC,EAAA,CAAA,MAAM,qDAAqD,KACxD,GAAG,cAAc,OAAO,SAAS,iBAAe,QAAQ,OAAO,OAI9DC,EAAA,CAAA,MAAM,oDAAoD,EAExDC,EAAA,CAAA,MAAM,kBAAkB,EAOxBC,EAAA,CAAA,MAAM,8CAA8C,EAClDC,EAAA,CAAA,MAAM,qCAAqC,EAC3CC,EAAA,CAAA,MAAM,yCAAyC,EAC1CC,EAAA,CAAA,MAAM,mBAAmB,EAE1BC,EAAA,CAAA,KAAK,oBAAoB,EAIxBC,EAAA,CAAA,MAAM,6CAA6C,EASxDC,EAAA,CAAA,MAAM,qCAAqC,EAC3CC,EAAA,CAAA,MAAM,yCAAyC,EAE1CC,EAAA,CAAA,MAAM,6CAA6C,EAW1DC,EAAA,CAAA,MAAM,kCAAkC,EACtCC,EAAA,CAAA,MAAM,2BAA2B,EACjCC,EAAA,CAAA,MAAM,oBAAoB,EAEvBC,EAAA,CAAA,MAAM,oBAAoB,EAnD5CC,EAAA,CAAA,SAAA,EAAAC,EAAA,CAAA,SAAA,EAoEeC,EAAA,CAAA,MAAM,mCAAmC,EAIxCC,EAAA,CAAA,MAAM,mCAAmC,EAxEzDC,EAAA,CAAA,QAAA,SAAA,EA+EoBC,EAAA,CAAA,MAAM,MAAM,EA/EhCC,EAAA,CAAA,QAAA,SAAA,KA6Fc,KAAK,SAAS,MAAM,kIA5FhC,OAAAC,EAAA,EAAAC,EAiGM,MAjGNxB,EAiGM,CAhGJyB,EA+FO,OA/FPC,EA+FO,CA7FLC,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAuE,KAAnE,CAAA,MAAM,2CAA2C,EAAC,eAAY,EAAA,GAElEA,EAqFM,MArFNxB,EAqFM,CAnFJwB,EAKM,MALNvB,EAKM,aAJJuB,EAEI,IAAA,CAFD,MAAM,2CAAyC,CAChDA,EAAuB,YAAjB,YAAU,UAElBA,EAA0G,QAAA,CAAnG,KAAK,OAAO,MAAM,YAAY,KAAK,yBAZpD,sBAYsFE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAAC,EAAA,OAAO,oBAAmBD,eAA1B,CAAAE,EAAAD,EAAA,OAAO,mBAAmB,MAGxGJ,EA8BM,MA9BNtB,EA8BM,CA7BJsB,EAeM,MAfNrB,EAeM,CAdJqB,EAUI,IAVJpB,EAUI,CATFoB,EAKO,OALPnB,EAKO,CAJLqB,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAF,EAAsB,YAAhB,YAAS,EAAA,GACfA,EAEI,IAFJlB,EAEI,CADFwB,EAA+DC,EAAA,CAAtD,KAAK,iBAAiB,KAAK,IAAI,MAAM,aAGlDP,EAEO,OAFPjB,EAEOyB,EADHC,UAAY,CAAA,CAAA,EAAA,QAAKA,EAAO,QAAA,CAAA,CAAA,EAAA,CAAA,MAG9BT,EAAoE,QAAA,CAA7D,KAAK,SAAS,KAAK,mBA5BtC,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA4BkEM,EAAO,QAAA,CAAA,EAAAN,kBAAPM,EAAO,QAAA,CAAA,CAAA,MAC7DT,EAAoE,QAAA,CAA7D,KAAK,SAAS,KAAK,mBA7BtC,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA6BkEM,EAAO,QAAA,CAAA,EAAAN,kBAAPM,EAAO,QAAA,CAAA,CAAA,IAC7DH,EAAgJI,EAAA,CAApI,MAAM,SA9B9B,WA8BgDD,EAAO,QA9BvD,sBAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA8BgDM,EAAO,QAAAN,GAAG,IAAK,EAAI,IAAK,IAAM,YAAW,EAAI,OAAQ,GAAO,SAAU,EAAI,MAAOM,EAAY,+CAGnIT,EAWM,MAXNhB,EAWM,CAVJgB,EAKI,IALJf,EAKI,CAJFiB,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAA2B,YAArB,iBAAc,EAAA,GACpBA,EAEO,OAFPd,EACIsB,EAAAC,EAAA,iBAAiB,OAAID,EAAGC,EAAY,aAAA,CAAA,GAAA,EAAA,MAAA,GAAuBA,EAAY,aAAA,CAAA,CAAA,GAAA,EAAA,CAAA,MAG7ET,EAA8E,QAAA,CAAvE,KAAK,SAAS,KAAK,wBAxCtC,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAwCuEM,EAAY,aAAA,CAAA,EAAAN,kBAAZM,EAAY,aAAA,CAAA,CAAA,MACvET,EAA8E,QAAA,CAAvE,KAAK,SAAS,KAAK,wBAzCtC,sBAAAE,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAyCuEM,EAAY,aAAA,CAAA,EAAAN,kBAAZM,EAAY,aAAA,CAAA,CAAA,IACvEH,EACwCI,EAAA,CAD5B,MAAM,SA1C9B,WA0CgDD,EAAY,aA1C5D,sBAAAP,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA0CgDM,EAAY,aAAAN,GAAG,IAAK,EAAI,IAAK,EAAI,YAAW,IAAO,OAAQ,GAAO,SAAU,IAC/G,MAAOM,EAAiB,sDAI7BT,EA2CM,MA3CNb,EA2CM,CA1CJa,EAkBM,MAlBNZ,EAkBM,CAjBJY,EAgBI,IAhBJX,EAgBI,CAfFa,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAuB,YAAjB,aAAU,EAAA,GAChBA,EAaK,KAbLV,EAaK,CAZHU,EAKK,KAAA,KAAA,CAJHA,EAGQ,QAAA,KAAA,CAFNA,EAAiH,QAAA,CAA1G,KAAK,WAAW,KAAK,qBAAqB,MAAM,MAAO,QAASI,EAAA,UAAUA,EAAA,OAAO,cAAa,KAAA,CAtDzH,EAAA,KAAA,EAAAb,CAAA,EAAAW,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAS,EAsDqI,OAEnH,OAEFX,EAKK,KAAA,KAAA,CAJHA,EAGQ,QAAA,KAAA,CAFNA,EAAiI,QAAA,CAA1H,KAAK,WAAW,KAAK,qBAAqB,MAAM,cAAe,QAASI,EAAA,UAAUA,EAAA,OAAO,cAAa,aAAA,CA5DjI,EAAA,KAAA,EAAAZ,CAAA,EAAAU,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAS,EA4DqJ,eAEnI,aAMRX,EAqBM,MArBNP,EAqBM,eApBJO,EAEI,IAAA,CAFD,MAAM,sBAAoB,CAC3BA,EAAoB,YAAd,SAAO,QAEfA,EAgBK,KAhBLN,EAgBK,EAfHI,EAAA,EAAA,EAAAC,EAcKa,OAvFnBC,EAyEiDT,EAAA,QAzEjD,CAyE0BU,EAAYC,SAAxBhB,EAcK,KAAA,CAdwC,IAAKgB,EAAQ,MAAM,8BAC9Df,EAGQ,QAAA,KAAA,GAFNA,EAAwI,QAAA,CAAjI,KAAK,WAAW,KAAK,iBAAkB,MAAOe,EA3EvE,sBAAAb,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GA2EwFM,EAAe,gBAAAN,GAAG,QAASC,EAAS,UAACA,SAAO,UAAWW,CAAM,CA3ErJ,EAAA,KAAA,EAAApB,CAAA,EAAA,IA2EwFc,EAAe,eAAA,IA3EvGE,EA2E0J,MACtII,CAAM,EAAA,CAAA,IAGVC,EAAAhB,EAOK,KAPLJ,EAOK,EANHE,EAAA,EAAA,EAAAC,EAKKa,EArFvB,KAAAC,EAgFyCC,EAAZG,QAAXlB,EAKK,KAAA,CAL+B,IAAKkB,GAAQ,CAC/CjB,EAGQ,QAAA,KAAA,CAFNA,EAA6J,QAAA,CAAtJ,KAAK,WAAW,KAAK,mBAAoB,MAAOiB,EAAW,QAASb,EAAA,UAAUA,EAAA,OAAO,UAAWW,CAAM,GAAKX,YAAUA,EAAA,OAAO,YAAaa,CAAQ,CAlF9K,EAAA,KAAA,EAAApB,CAAA,EAAAc,EAkFmL,MAC3JM,CAAQ,EAAA,CAAA,wBAJSb,EAAS,UAACK,EAAe,gBAAEM,CAAM,CAAA,sBAcpEf,EAGS,SAHTkB,EAGS,CAFPZ,EAA0EC,EAAA,CAAjE,KAAK,iBAAiB,KAAK,IAAI,MAAM,oBAC9CL,EAAA,EAAA,IAAAA,EAAA,EAAA,EAAAF,EAAyB,YAAnB,eAAY,EAAA"}