{"version":3,"sources":["webpack:///./src/views/base/Collapses.vue?dc94","webpack:///src/views/base/Collapses.vue","webpack:///./src/views/base/Collapses.vue?17b5","webpack:///./src/views/base/Collapses.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","_v","directives","name","rawName","modifiers","value","expression","class","showCollapse","on","$event","model","callback","$$v","_s","text","staticRenderFns","data","component"],"mappings":"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","file":"js/chunk-2d0ae943.67e344c0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"animated fadeIn\"},[_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Bootstrap Collapse \")]),_c('div',{staticClass:\"card-header-actions\"},[_c('a',{staticClass:\"card-header-action\",attrs:{\"href\":\"https://bootstrap-vue.js.org/docs/components/collapse\",\"rel\":\"noreferrer noopener\",\"target\":\"_blank\"}},[_c('small',{staticClass:\"text-muted\"},[_vm._v(\"docs\")])])])]),_c('div',[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse1\",modifiers:{\"collapse1\":true}}],attrs:{\"variant\":\"primary\"}},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse1\"}},[_c('b-card',[_c('p',{staticClass:\"card-text\"},[_vm._v(\"Collapse contents Here\")]),_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse1_inner\",modifiers:{\"collapse1_inner\":true}}],attrs:{\"size\":\"sm\"}},[_vm._v(\"Toggle Inner Collapse\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse1_inner\"}},[_c('b-card',[_vm._v(\"Hello!\")])],1)],1)],1)],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Collapse \")]),_c('small',[_vm._v(\"with \"),_c('code',[_vm._v(\"v-b-toggle\")]),_vm._v(\" directive\")])]),_c('div',[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse2\",modifiers:{\"collapse2\":true}}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('collapse2'),expression:\"'collapse2'\"}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{attrs:{\"id\":\"collapse2\"}},[_c('b-card',[_vm._v(\"\\n                I am collapsible content!\\n              \")])],1)],1)])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Collapse \")]),_c('small',[_vm._v(\"with \"),_c('code',[_vm._v(\"visibility\")])])]),_c('div',[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse3\",modifiers:{\"collapse3\":true}}],staticClass:\"m-1\"},[_vm._v(\"Toggle Collapse\")]),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"collapse3\"}},[_c('b-card',[_vm._v(\"\\n                I should start open!\\n              \")])],1)],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Collapse \")]),_c('small',[_vm._v(\"with \"),_c('code',[_vm._v(\"v-model\")])])]),_c('div',[_c('b-btn',{class:_vm.showCollapse ? 'collapsed' : null,attrs:{\"aria-controls\":\"collapse4\",\"aria-expanded\":_vm.showCollapse ? 'true' : 'false'},on:{\"click\":function($event){_vm.showCollapse = !_vm.showCollapse}}},[_vm._v(\"\\n              Toggle Collapse\\n            \")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse4\"},model:{value:(_vm.showCollapse),callback:function ($$v) {_vm.showCollapse=$$v},expression:\"showCollapse\"}},[_c('b-card',[_vm._v(\"\\n                I should start open!\\n              \")])],1)],1)])],1)],1),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Collapse \")]),_c('small',[_vm._v(\"multiple elements\")])]),_c('div',[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapseA.collapseB\",modifiers:{\"collapseA\":true,\"collapseB\":true}}]},[_vm._v(\"Toggle Both Collapse A and B\")]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapseA\"}},[_c('b-card',[_vm._v(\"\\n                I am collapsable content A!\\n              \")])],1),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapseB\"}},[_c('b-card',[_vm._v(\"\\n                I am collapsable content B!\\n              \")])],1)],1)])],1),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('b-card',{attrs:{\"header-tag\":\"header\",\"footer-tag\":\"footer\"}},[_c('div',{attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('i',{staticClass:\"fa fa-align-justify\"}),_c('strong',[_vm._v(\" Collapse \")]),_c('small',[_c('code',[_vm._v(\"accordion\")]),_vm._v(\" support\")])]),_c('div',{attrs:{\"role\":\"tablist\"}},[_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion1\",modifiers:{\"accordion1\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 1\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion1\",\"visible\":\"\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('p',{staticClass:\"card-text\"},[_vm._v(\"\\n                    I start opened because \"),_c('code',[_vm._v(\"visible\")]),_vm._v(\" is \"),_c('code',[_vm._v(\"true\")])]),_c('p',{staticClass:\"card-text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.text)+\"\\n                  \")])])],1)],1),_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion2\",modifiers:{\"accordion2\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 2\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion2\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('p',{staticClass:\"card-text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.text)+\"\\n                  \")])])],1)],1),_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('b-btn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.accordion3\",modifiers:{\"accordion3\":true}}],attrs:{\"block\":\"\",\"href\":\"#\",\"variant\":\"info\"}},[_vm._v(\"Accordion 3\")])],1),_c('b-collapse',{attrs:{\"id\":\"accordion3\",\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('p',{staticClass:\"card-text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.text)+\"\\n                  \")])])],1)],1)],1)])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper\">\n    <div class=\"animated fadeIn\">\n      <b-row>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Bootstrap Collapse </strong>\n              <div class=\"card-header-actions\">\n                <a href=\"https://bootstrap-vue.js.org/docs/components/collapse\" class=\"card-header-action\" rel=\"noreferrer noopener\" target=\"_blank\">\n                  <small class=\"text-muted\">docs</small>\n                </a>\n              </div>\n            </div>\n            <div>\n              <b-btn v-b-toggle.collapse1 variant=\"primary\">Toggle Collapse</b-btn>\n              <b-collapse id=\"collapse1\" class=\"mt-2\">\n                <b-card>\n                  <p class=\"card-text\">Collapse contents Here</p>\n                  <b-btn v-b-toggle.collapse1_inner size=\"sm\">Toggle Inner Collapse</b-btn>\n                  <b-collapse id=collapse1_inner class=\"mt-2\">\n                    <b-card>Hello!</b-card>\n                  </b-collapse>\n                </b-card>\n              </b-collapse>\n            </div>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Collapse </strong> <small>with <code>v-b-toggle</code> directive</small>\n            </div>\n            <div>\n              <!-- Using modifiers -->\n              <b-btn v-b-toggle.collapse2 class=\"m-1\">Toggle Collapse</b-btn>\n\n              <!-- Using value -->\n              <b-btn v-b-toggle=\"'collapse2'\" class=\"m-1\">Toggle Collapse</b-btn>\n\n              <!-- element to collapse -->\n              <b-collapse id=\"collapse2\">\n                <b-card>\n                  I am collapsible content!\n                </b-card>\n              </b-collapse>\n            </div>\n          </b-card>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Collapse </strong> <small>with <code>visibility</code></small>\n            </div>\n            <div>\n              <b-btn v-b-toggle.collapse3 class=\"m-1\">Toggle Collapse</b-btn>\n              <b-collapse visible id=\"collapse3\">\n                <b-card>\n                  I should start open!\n                </b-card>\n              </b-collapse>\n            </div>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Collapse </strong> <small>with <code>v-model</code></small>\n            </div>\n            <div>\n              <b-btn @click=\"showCollapse = !showCollapse\"\n                     :class=\"showCollapse ? 'collapsed' : null\"\n                     aria-controls=\"collapse4\"\n                     :aria-expanded=\"showCollapse ? 'true' : 'false'\">\n                Toggle Collapse\n              </b-btn>\n              <b-collapse class=\"mt-2\" v-model=\"showCollapse\" id=\"collapse4\">\n                <b-card>\n                  I should start open!\n                </b-card>\n              </b-collapse>\n            </div>\n          </b-card>\n        </b-col>\n      </b-row>\n      <b-row>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Collapse </strong> <small>multiple elements</small>\n            </div>\n            <div>\n              <!-- Single button triggers two b-collapse components -->\n              <b-btn v-b-toggle.collapseA.collapseB>Toggle Both Collapse A and B</b-btn>\n\n              <!-- elements to collapse -->\n              <b-collapse id=\"collapseA\" class=\"mt-2\">\n                <b-card>\n                  I am collapsable content A!\n                </b-card>\n              </b-collapse>\n              <b-collapse id=\"collapseB\" class=\"mt-2\">\n                <b-card>\n                  I am collapsable content B!\n                </b-card>\n              </b-collapse>\n            </div>\n          </b-card>\n        </b-col>\n        <b-col cols=\"12\" md=\"6\">\n          <b-card\n            header-tag=\"header\"\n            footer-tag=\"footer\">\n            <div slot=\"header\">\n              <i class=\"fa fa-align-justify\"></i><strong> Collapse </strong> <small><code>accordion</code> support</small>\n            </div>\n            <div role=\"tablist\">\n              <b-card no-body class=\"mb-1\">\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\n                  <b-btn block href=\"#\" v-b-toggle.accordion1 variant=\"info\">Accordion 1</b-btn>\n                </b-card-header>\n                <b-collapse id=\"accordion1\" visible accordion=\"my-accordion\" role=\"tabpanel\">\n                  <b-card-body>\n                    <p class=\"card-text\">\n                      I start opened because <code>visible</code> is <code>true</code>\n                    </p>\n                    <p class=\"card-text\">\n                      {{ text }}\n                    </p>\n                  </b-card-body>\n                </b-collapse>\n              </b-card>\n              <b-card no-body class=\"mb-1\">\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\n                  <b-btn block href=\"#\" v-b-toggle.accordion2 variant=\"info\">Accordion 2</b-btn>\n                </b-card-header>\n                <b-collapse id=\"accordion2\" accordion=\"my-accordion\" role=\"tabpanel\">\n                  <b-card-body>\n                    <p class=\"card-text\">\n                      {{ text }}\n                    </p>\n                  </b-card-body>\n                </b-collapse>\n              </b-card>\n              <b-card no-body class=\"mb-1\">\n                <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\n                  <b-btn block href=\"#\" v-b-toggle.accordion3 variant=\"info\">Accordion 3</b-btn>\n                </b-card-header>\n                <b-collapse id=\"accordion3\" accordion=\"my-accordion\" role=\"tabpanel\">\n                  <b-card-body>\n                    <p class=\"card-text\">\n                      {{ text }}\n                    </p>\n                  </b-card-body>\n                </b-collapse>\n              </b-card>\n            </div>\n          </b-card>\n        </b-col>\n\n      </b-row>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'collapses',\n  data () {\n    return {\n      showCollapse: true,\n      text: `\n        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry\n        richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor\n        brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon\n        tempor, sunt aliqua put a bird on it squid single-origin coffee nulla\n        assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore\n        wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher\n        vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic\n        synth nesciunt you probably haven't heard of them accusamus labore VHS.\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!./Collapses.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!./Collapses.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Collapses.vue?vue&type=template&id=58a08992&\"\nimport script from \"./Collapses.vue?vue&type=script&lang=js&\"\nexport * from \"./Collapses.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":""}