{"version":3,"sources":["webpack:///./src/components/ui/dropdowns/Dropdowns.vue","webpack:///src/components/ui/dropdowns/Dropdowns.vue","webpack:///./src/components/ui/dropdowns/Dropdowns.vue?9180","webpack:///./src/components/ui/dropdowns/Dropdowns.vue?95cb"],"names":["render","_vm","this","_c","_self","staticClass","attrs","$t","_l","dropdowns","dropdown","index","key","slot","_v","_s","text","position","model","value","callback","$$v","$set","expression","links","link","staticRenderFns","name","data","placements","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,iBAAiB,CAACG,MAAM,CAAC,WAAaL,EAAIM,GAAG,sBAAsB,CAACJ,EAAG,MAAM,CAACE,YAAY,yBAAyBJ,EAAIO,GAAIP,EAAIQ,WAAW,SAASC,EAASC,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAMN,YAAY,wCAAwC,CAACF,EAAG,SAAS,CAACE,YAAY,+CAA+CC,MAAM,CAAC,KAAO,WAAW,KAAO,UAAUO,KAAK,YAAY,CAACZ,EAAIa,GAAG,mBAAmBb,EAAIc,GAAGL,EAASM,MAAM,oBAAoBb,EAAG,IAAI,CAACE,YAAY,kCAAkCF,EAAG,mBAAmB,CAACG,MAAM,CAAC,SAAWI,EAASO,UAAUC,MAAM,CAACC,MAAOT,EAASS,MAAOC,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKZ,EAAU,QAASW,IAAME,WAAW,mBAAmB,CAACpB,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACJ,EAAIO,GAAIP,EAAIuB,OAAO,SAASC,EAAKd,GAAO,OAAOR,EAAG,IAAI,CAACS,IAAID,EAAMN,YAAY,gBAAgBC,MAAM,CAAC,KAAO,MAAM,CAACL,EAAIa,GAAGb,EAAIc,GAAGU,SAAWtB,EAAG,MAAM,CAACE,YAAY,cAAc,MAAM,QAAO,MAAM,QAEtkCqB,EAAkB,GCwCP,GACfC,iBACAC,gBACA,OACAC,YACA,MACA,QACA,SACA,QAEAL,OACA,SACA,iBACA,uBAEAf,WACA,CACAO,WACAG,SACAF,gBAEA,CACAD,aACAG,SACAF,kBAEA,CACAD,cACAG,SACAF,mBAEA,CACAD,YACAG,SACAF,qBC5EiX,I,YCO7Wa,EAAY,eACd,EACA9B,EACA0B,GACA,EACA,KACA,KACA,MAIa,aAAAI,E","file":"js/chunk-2d0d799d.92676bbe.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dropdowns-page\"},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{attrs:{\"headerText\":_vm.$t('dropdown.default')}},[_c('div',{staticClass:\"va-row btn-margin-row\"},_vm._l((_vm.dropdowns),function(dropdown,index){return _c('div',{key:index,staticClass:\"flex sm6 lg6 xl3 mb4 justify--center\"},[_c('button',{staticClass:\"btn btn-primary dropdown-toggle theme-toggle\",attrs:{\"slot\":\"actuator\",\"type\":\"button\"},slot:\"actuator\"},[_vm._v(\"\\n              \"+_vm._s(dropdown.text)+\"\\n              \"),_c('i',{staticClass:\"ion-ios-arrow-down arrow-down\"}),_c('vuestic-dropdown',{attrs:{\"position\":dropdown.position},model:{value:(dropdown.value),callback:function ($$v) {_vm.$set(dropdown, \"value\", $$v)},expression:\"dropdown.value\"}},[_c('div',{staticClass:\"q-popover__container\"},[_vm._l((_vm.links),function(link,index){return _c('a',{key:index,staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(link))])}),_c('div',{staticClass:\"flex lg6\"})],2)])],1)])}),0)])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"dropdowns-page\">\n    <div class=\"va-row\">\n      <div class=\"flex md12\">\n        <vuestic-widget :headerText=\"$t('dropdown.default')\">\n          <div class=\"va-row btn-margin-row\">\n            <div\n              class=\"flex sm6 lg6 xl3 mb4 justify--center\"\n              v-for=\"(dropdown, index) in dropdowns\"\n              :key=\"index\"\n            >\n              <button\n                type=\"button\"\n                class=\"btn btn-primary dropdown-toggle theme-toggle\"\n                slot=\"actuator\"\n              >\n                {{ dropdown.text }}\n                <i class=\"ion-ios-arrow-down arrow-down\"></i>\n                <vuestic-dropdown\n                  v-model=\"dropdown.value\"\n                  :position=\"dropdown.position\"\n                >\n                  <div class=\"q-popover__container\">\n                    <a\n                      class=\"dropdown-item\"\n                      href=\"#\"\n                      v-for=\"(link, index) in links\"\n                      :key=\"index\"\n                    >{{ link }}</a>\n                    <div class=\"flex lg6\"></div>\n                  </div>\n                </vuestic-dropdown>\n              </button>\n            </div>\n          </div>\n        </vuestic-widget>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'dropdowns',\n  data () {\n    return {\n      placements: [\n        'top',\n        'right',\n        'bottom',\n        'left',\n      ],\n      links: [\n        'Action',\n        'Another action',\n        'Something else here',\n      ],\n      dropdowns: [\n        {\n          text: 'top',\n          value: false,\n          position: 'top',\n        },\n        {\n          text: 'right',\n          value: false,\n          position: 'right',\n        },\n        {\n          text: 'bottom',\n          value: false,\n          position: 'bottom',\n        },\n        {\n          text: 'left',\n          value: false,\n          position: 'left',\n        },\n      ],\n    }\n  },\n}\n</script>\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!./Dropdowns.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!./Dropdowns.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Dropdowns.vue?vue&type=template&id=5e4d39cf&\"\nimport script from \"./Dropdowns.vue?vue&type=script&lang=js&\"\nexport * from \"./Dropdowns.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}