{"version":3,"sources":["webpack:///./src/@core/components/b-card-code/index.js","webpack:///./src/views/forms/form-element/form-select/FormSelect.vue?a804","webpack:///./src/views/forms/form-element/form-select/FormSelectBasic.vue?d8cb","webpack:///./src/views/forms/form-element/form-select/code.js","webpack:///src/views/forms/form-element/form-select/FormSelectBasic.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectBasic.vue?70b4","webpack:///./src/views/forms/form-element/form-select/FormSelectBasic.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectStandard.vue?7dbd","webpack:///src/views/forms/form-element/form-select/FormSelectStandard.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectStandard.vue?4c2e","webpack:///./src/views/forms/form-element/form-select/FormSelectStandard.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectSize.vue?3acc","webpack:///src/views/forms/form-element/form-select/FormSelectSize.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectSize.vue?0da0","webpack:///./src/views/forms/form-element/form-select/FormSelectSize.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectMultiple.vue?c975","webpack:///src/views/forms/form-element/form-select/FormSelectMultiple.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectMultiple.vue?5ade","webpack:///./src/views/forms/form-element/form-select/FormSelectMultiple.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectControlSize.vue?2f78","webpack:///src/views/forms/form-element/form-select/FormSelectControlSize.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectControlSize.vue?4fb1","webpack:///./src/views/forms/form-element/form-select/FormSelectControlSize.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectStates.vue?5800","webpack:///src/views/forms/form-element/form-select/FormSelectStates.vue","webpack:///./src/views/forms/form-element/form-select/FormSelectStates.vue?2db3","webpack:///./src/views/forms/form-element/form-select/FormSelectStates.vue","webpack:///src/views/forms/form-element/form-select/FormSelect.vue","webpack:///./src/views/forms/form-element/form-select/FormSelect.vue?592e","webpack:///./src/views/forms/form-element/form-select/FormSelect.vue"],"names":["BCardCode","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","scopedSlots","_u","key","fn","_v","_s","codeBasic","proxy","options","model","value","callback","$$v","selected","expression","codeControlSize","codeMultiple","codeSize","codeStandard","codeStates","components","BFormSelect","BCardText","data","text","C","disabled","component","BRow","BCol","FormSelectBasic","FormSelectStandard","FormSelectSize","FormSelectMultiple","FormSelectControlSize","FormSelectStates"],"mappings":"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","file":"js/chunk-bdf093ac.dc54a6b0.js","sourcesContent":["import BCardCode from './BCardCode.vue'\r\n\r\nexport default BCardCode\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-row',{staticClass:\"match-height\"},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-basic')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-standard')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-size')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-multiple')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-control-size')],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('form-select-states')],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('b-card-code',{attrs:{\"title\":\"BootstrapVue Select\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeBasic)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Bootstrap custom \")]),_c('code',[_vm._v(\"<select>\")]),_c('span',[_vm._v(\" using custom styles. Optionally specify options based on an array, array of objects, or an object.\")])]),_c('div',[_c('b-form-select',{attrs:{\"options\":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('b-form-select',{staticClass:\"mt-1\",attrs:{\"options\":_vm.options,\"size\":\"sm\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const codeBasic = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n    />\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      size=\"sm\"\r\n      class=\"mt-1\"\r\n    />\r\n    <div class=\"mt-1\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      options: [\r\n        { value: null, text: 'Please select an option' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Simple Option' },\r\n        { value: { C: '3PO' }, text: 'This is an option with object value' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeControlSize = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      size=\"sm\"\r\n    />\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      size=\"lg\"\r\n      class=\"mt-1\"\r\n    />\r\n    <div class=\"mt-1\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n  data: () => ({\r\n    selected: null,\r\n    options: [\r\n      { value: null, text: 'Please select an option' },\r\n      { value: 'a', text: 'This is First option' },\r\n      { value: 'b', text: 'Simple Option' },\r\n      { value: { C: '3PO' }, text: 'This is an option with object value' },\r\n      { value: 'd', text: 'This one is disabled', disabled: true },\r\n    ],\r\n  }),\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeMultiple = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      multiple\r\n      :select-size=\"4\"\r\n    />\r\n    <div class=\"mt-1\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: ['b'],\r\n      options: [\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n        { value: 'e', text: 'This is option e' },\r\n        { value: 'f', text: 'This is option f' },\r\n        { value: 'g', text: 'This is option g' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeSize = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      :select-size=\"4\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </b-card-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n data() {\r\n    return {\r\n      selected: null,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is option a' },\r\n        { value: 'b', text: 'Default Selected Option b' },\r\n        { value: 'c', text: 'This is option c' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n        { value: 'e', text: 'This is option e' },\r\n        { value: 'e', text: 'This is option f' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeStandard = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </b-card-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n\r\nexport const codeStates = `\r\n<template>\r\n  <div>\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      :state=\"selected === null ? false : true\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </b-card-text>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { BFormSelect } from 'bootstrap-vue'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n`\r\n","<template>\r\n  <b-card-code title=\"BootstrapVue Select\">\r\n    <b-card-text>\r\n      <span>Bootstrap custom </span>\r\n      <code>&lt;select&gt;</code>\r\n      <span> using custom styles. Optionally specify options based on an array, array of objects, or an object.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n      />\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n        size=\"sm\"\r\n        class=\"mt-1\"\r\n      />\r\n      <div class=\"mt-1\">\r\n        Selected: <strong>{{ selected }}</strong>\r\n      </div>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeBasic }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeBasic } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      options: [\r\n        { value: null, text: 'Please select an option' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Simple Option' },\r\n        { value: { C: '3PO' }, text: 'This is an option with object value' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n      codeBasic,\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectBasic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectBasic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectBasic.vue?vue&type=template&id=6c58d790&\"\nimport script from \"./FormSelectBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectBasic.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Standard (single) select\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeStandard)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"In non \")]),_c('code',[_vm._v(\"multiple\")]),_c('span',[_vm._v(\" mode, \")]),_c('code',[_vm._v(\"<b-form-select>\")]),_c('span',[_vm._v(\" returns the a single \")]),_c('code',[_vm._v(\"value\")]),_c('span',[_vm._v(\" of the currently selected option. \")])]),_c('div',[_c('b-form-select',{attrs:{\"options\":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('b-card-text',{staticClass:\"mt-1 mb-0\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Standard (single) select\">\r\n    <b-card-text>\r\n      <span>In non </span>\r\n      <code>multiple</code>\r\n      <span> mode, </span>\r\n      <code>&lt;b-form-select&gt;</code>\r\n      <span> returns the a single </span>\r\n      <code>value</code>\r\n      <span> of the currently selected option. </span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n      />\r\n      <b-card-text class=\"mt-1 mb-0\">\r\n        Selected: <strong>{{ selected }}</strong>\r\n      </b-card-text>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeStandard }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeStandard } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      codeStandard,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectStandard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectStandard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectStandard.vue?vue&type=template&id=6e973a25&\"\nimport script from \"./FormSelectStandard.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectStandard.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Select sizing (displayed rows)\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeSize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"You can use the \")]),_c('code',[_vm._v(\"select-size\")]),_c('span',[_vm._v(\" prop to switch the custom select into a select list-box, rather than a dropdown. Set the \")]),_c('code',[_vm._v(\"select-size\")]),_c('span',[_vm._v(\" prop to a numerical value greater than 1 to control how many rows of options are visible.\")])]),_c('div',[_c('b-form-select',{attrs:{\"options\":_vm.options,\"select-size\":4},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('b-card-text',{staticClass:\"mt-1 mb-0\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Select sizing (displayed rows)\">\r\n    <b-card-text>\r\n      <span>You can use the </span>\r\n      <code>select-size</code>\r\n      <span> prop to switch the custom select into a select list-box, rather than a dropdown. Set the </span>\r\n      <code>select-size</code>\r\n      <span> prop to a numerical value greater than 1 to control how many rows of options are visible.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n        :select-size=\"4\"\r\n      />\r\n      <b-card-text class=\"mt-1 mb-0\">\r\n        Selected: <strong>{{ selected }}</strong>\r\n      </b-card-text>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeSize }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      codeSize,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is option a' },\r\n        { value: 'b', text: 'Default Selected Option b' },\r\n        { value: 'c', text: 'This is option c' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n        { value: 'e', text: 'This is option e' },\r\n        { value: 'e', text: 'This is option f' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectSize.vue?vue&type=template&id=2c0817c0&\"\nimport script from \"./FormSelectSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectSize.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Multiple select support\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeMultiple)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Enable multiple select mode by setting the prop \")]),_c('code',[_vm._v(\"multiple\")]),_c('span',[_vm._v(\", and control how many rows are displayed in the multiple select list-box by setting \")]),_c('code',[_vm._v(\"select-size\")]),_c('span',[_vm._v(\" to the number of rows to display. The default is to let the browser use its default (typically 4). \")])]),_c('b-form-select',{attrs:{\"options\":_vm.options,\"multiple\":\"\",\"select-size\":4},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code title=\"Multiple select support\">\r\n    <b-card-text>\r\n      <span>Enable multiple select mode by setting the prop </span>\r\n      <code>multiple</code>\r\n      <span>, and control how many rows are displayed in the multiple select list-box by setting </span>\r\n      <code>select-size</code>\r\n      <span> to the number of rows to display. The default is to let the browser use its default (typically 4). </span>\r\n    </b-card-text>\r\n\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      multiple\r\n      :select-size=\"4\"\r\n    />\r\n    <div class=\"mt-1\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeMultiple }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeMultiple } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: ['b'],\r\n      codeMultiple,\r\n      options: [\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n        { value: 'e', text: 'This is option e' },\r\n        { value: 'f', text: 'This is option f' },\r\n        { value: 'g', text: 'This is option g' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectMultiple.vue?vue&type=template&id=ae70eca4&\"\nimport script from \"./FormSelectMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectMultiple.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Control sizing\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeControlSize)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Set the form-control text size using the \")]),_c('code',[_vm._v(\"size\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"sm\")]),_c('span',[_vm._v(\" or \")]),_c('code',[_vm._v(\"lg\")]),_c('span',[_vm._v(\" for small or large respectively.\")])]),_c('div',[_c('b-form-select',{attrs:{\"options\":_vm.options,\"size\":\"sm\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('b-form-select',{staticClass:\"mt-1\",attrs:{\"options\":_vm.options,\"size\":\"lg\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('div',{staticClass:\"mt-1\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Control sizing\"\r\n  >\r\n    <b-card-text>\r\n      <span>Set the form-control text size using the </span>\r\n      <code>size</code>\r\n      <span> prop to </span>\r\n\r\n      <code>sm</code>\r\n      <span> or </span>\r\n      <code>lg</code>\r\n      <span> for small or large respectively.</span>\r\n    </b-card-text>\r\n\r\n    <div>\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n        size=\"sm\"\r\n      />\r\n      <b-form-select\r\n        v-model=\"selected\"\r\n        :options=\"options\"\r\n        size=\"lg\"\r\n        class=\"mt-1\"\r\n      />\r\n      <div class=\"mt-1\">\r\n        Selected: <strong>{{ selected }}</strong>\r\n      </div>\r\n    </div>\r\n\r\n    <template #code>\r\n      {{ codeControlSize }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeControlSize } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BCardText,\r\n    BFormSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      codeControlSize,\r\n      options: [\r\n        { value: null, text: 'Please select an option' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Simple Option' },\r\n        { value: { C: '3PO' }, text: 'This is an option with object value' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectControlSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectControlSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectControlSize.vue?vue&type=template&id=3e504f0c&\"\nimport script from \"./FormSelectControlSize.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectControlSize.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card-code',{attrs:{\"title\":\"Contextual states\"},scopedSlots:_vm._u([{key:\"code\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.codeStates)+\" \")]},proxy:true}])},[_c('b-card-text',[_c('span',[_vm._v(\"Bootstrap includes validation styles for \")]),_c('code',[_vm._v(\"valid\")]),_c('span',[_vm._v(\" and \")]),_c('code',[_vm._v(\"invalid\")]),_c('span',[_vm._v(\" states on most form controls.\")])]),_c('b-card-text',[_c('span',[_vm._v(\"To apply one of the contextual state icons on \")]),_c('code',[_vm._v(\"<b-form-select>\")]),_c('span',[_vm._v(\", set the \")]),_c('code',[_vm._v(\"state\")]),_c('span',[_vm._v(\" prop to \")]),_c('code',[_vm._v(\"false\")]),_c('span',[_vm._v(\" (for invalid), \")]),_c('code',[_vm._v(\"true\")]),_c('span',[_vm._v(\" (for valid), or \")]),_c('code',[_vm._v(\"null\")]),_c('span',[_vm._v(\" (no validation state).\")])]),_c('b-form-select',{attrs:{\"options\":_vm.options,\"state\":_vm.selected === null ? false : true},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}}),_c('b-card-text',{staticClass:\"mt-1 mb-0\"},[_vm._v(\" Selected: \"),_c('strong',[_vm._v(_vm._s(_vm.selected))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-code\r\n    title=\"Contextual states\"\r\n  >\r\n    <b-card-text>\r\n      <span>Bootstrap includes validation styles for </span>\r\n      <code>valid</code>\r\n      <span> and </span>\r\n      <code>invalid</code>\r\n      <span> states on most form controls.</span>\r\n    </b-card-text>\r\n\r\n    <b-card-text>\r\n      <span>To apply one of the contextual state icons on </span>\r\n      <code>&lt;b-form-select&gt;</code>\r\n      <span>, set the </span>\r\n      <code>state</code>\r\n      <span> prop to </span>\r\n      <code>false</code>\r\n      <span> (for invalid), </span>\r\n      <code>true</code>\r\n      <span> (for valid), or </span>\r\n      <code>null</code>\r\n      <span> (no validation state).</span>\r\n    </b-card-text>\r\n\r\n    <b-form-select\r\n      v-model=\"selected\"\r\n      :options=\"options\"\r\n      :state=\"selected === null ? false : true\"\r\n    />\r\n    <b-card-text class=\"mt-1 mb-0\">\r\n      Selected: <strong>{{ selected }}</strong>\r\n    </b-card-text>\r\n\r\n    <template #code>\r\n      {{ codeStates }}\r\n    </template>\r\n  </b-card-code>\r\n</template>\r\n\r\n<script>\r\nimport BCardCode from '@core/components/b-card-code'\r\nimport { BFormSelect, BCardText } from 'bootstrap-vue'\r\nimport { codeStates } from './code'\r\n\r\nexport default {\r\n  components: {\r\n    BCardCode,\r\n    BFormSelect,\r\n    BCardText,\r\n  },\r\n  data() {\r\n    return {\r\n      selected: null,\r\n      codeStates,\r\n      options: [\r\n        { value: null, text: 'Please select some item' },\r\n        { value: 'a', text: 'This is First option' },\r\n        { value: 'b', text: 'Default Selected Option' },\r\n        { value: 'c', text: 'This is another option' },\r\n        { value: 'd', text: 'This one is disabled', disabled: true },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectStates.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelectStates.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelectStates.vue?vue&type=template&id=3de8b7e8&\"\nimport script from \"./FormSelectStates.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelectStates.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","<template>\r\n  <b-row class=\"match-height\">\r\n    <b-col md=\"6\">\r\n      <form-select-basic />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-select-standard />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-select-size />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-select-multiple />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-select-control-size />\r\n    </b-col>\r\n    <b-col md=\"6\">\r\n      <form-select-states />\r\n    </b-col>\r\n  </b-row>\r\n</template>\r\n\r\n<script>\r\nimport { BRow, BCol } from 'bootstrap-vue'\r\n\r\nimport FormSelectBasic from './FormSelectBasic.vue'\r\nimport FormSelectStandard from './FormSelectStandard.vue'\r\nimport FormSelectSize from './FormSelectSize.vue'\r\nimport FormSelectMultiple from './FormSelectMultiple.vue'\r\nimport FormSelectControlSize from './FormSelectControlSize.vue'\r\nimport FormSelectStates from './FormSelectStates.vue'\r\n\r\nexport default {\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n\r\n    FormSelectBasic,\r\n    FormSelectStandard,\r\n    FormSelectSize,\r\n    FormSelectMultiple,\r\n    FormSelectControlSize,\r\n    FormSelectStates,\r\n  },\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormSelect.vue?vue&type=template&id=9c9b458e&\"\nimport script from \"./FormSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./FormSelect.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":""}