{"version":3,"sources":["webpack:///./src/views/StyleGuide.vue","webpack:///./src/components/ElementStyling.vue","webpack:///src/components/ElementStyling.vue","webpack:///./src/components/ElementStyling.vue?05f1","webpack:///./src/components/ElementStyling.vue?d518","webpack:///src/views/StyleGuide.vue","webpack:///./src/views/StyleGuide.vue?3890","webpack:///./src/views/StyleGuide.vue?3763"],"names":["render","_vm","this","_c","_self","staticClass","staticRenderFns","attrs","_v","_s","message","_m","staticStyle","name","component","components","ElementStyling"],"mappings":"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","file":"js/styleGuide.5b227844.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"configurator-styleguide\"},[_c('ElementStyling')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"element-styling\"},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"container\"},[_c('div',{attrs:{\"id\":\"app\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.message)+\"\\n            \")]),_vm._m(0),_vm._m(1),_vm._m(2)]),_vm._m(3),_vm._m(4)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section section-basic\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"Basic Elements\")])]),_c('div',{staticClass:\"cd-section\",attrs:{\"id\":\"buttons\"}},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Buttons\\n                                \"),_c('br'),_c('small',[_vm._v(\"Pick your style\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 ml-auto mr-auto\"},[_c('button',{staticClass:\"btn btn-primary\"},[_vm._v(\"Default\")]),_c('button',{staticClass:\"btn btn-primary btn-round\"},[_vm._v(\"Round\")]),_c('button',{staticClass:\"btn btn-primary btn-round\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"favorite\")]),_vm._v(\" With Icon\\n                                \")]),_c('button',{staticClass:\"btn btn-primary btn-fab btn-round\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"favorite\")])]),_c('button',{staticClass:\"btn btn-primary btn-link\"},[_vm._v(\"Simple\")])])]),_c('div',{staticClass:\"title\"},[_c('h3',[_c('small',[_vm._v(\"Pick your size\")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 ml-auto mr-auto\"},[_c('button',{staticClass:\"btn btn-primary btn-sm\"},[_vm._v(\"Small\")]),_c('button',{staticClass:\"btn btn-primary\"},[_vm._v(\"Regular\")]),_c('button',{staticClass:\"btn btn-primary btn-lg\"},[_vm._v(\"Large\")])])]),_c('div',{staticClass:\"title\"},[_c('h3',[_c('small',[_vm._v(\" Pick your color \")])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-10 ml-auto\"},[_c('button',{staticClass:\"btn\"},[_vm._v(\"Default\")]),_c('button',{staticClass:\"btn btn-primary\"},[_vm._v(\"Primary\")]),_c('button',{staticClass:\"btn btn-info\"},[_vm._v(\"Info\")]),_c('button',{staticClass:\"btn btn-success\"},[_vm._v(\"Success\")]),_c('button',{staticClass:\"btn btn-warning\"},[_vm._v(\"Warning\")]),_c('button',{staticClass:\"btn btn-danger\"},[_vm._v(\"Danger\")]),_c('button',{staticClass:\"btn btn-rose\"},[_vm._v(\"Rose\")])])])]),_c('div',{staticClass:\"space-50\"}),_c('div',{attrs:{\"id\":\"inputs\"}},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Inputs\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group has-default\"},[_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"Regular\"}})])]),_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"bmd-label-floating\",attrs:{\"for\":\"exampleInput1\"}},[_vm._v(\"With Floating Label\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"email\",\"id\":\"exampleInput1\"}}),_c('span',{staticClass:\"bmd-help\"},[_vm._v(\"We'll never share your email with anyone else.\")])])]),_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group has-success\"},[_c('label',{staticClass:\"bmd-label-floating\",attrs:{\"for\":\"exampleInput2\"}},[_vm._v(\"Success input\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"exampleInput2\"}}),_c('span',{staticClass:\"form-control-feedback\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"done\")])])])]),_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group has-danger\"},[_c('label',{staticClass:\"bmd-label-floating\",attrs:{\"for\":\"exampleInput3\"}},[_vm._v(\"Error input\")]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"email\",\"id\":\"exampleInput3\"}}),_c('span',{staticClass:\"form-control-feedback\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"clear\")])])])]),_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('div',{staticClass:\"input-group-prepend\"},[_c('span',{staticClass:\"input-group-text\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"group\")])])]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"With Material Icons\"}})])])]),_c('div',{staticClass:\"col-lg-3 col-sm-4\"},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"input-group\"},[_c('div',{staticClass:\"input-group-prepend\"},[_c('span',{staticClass:\"input-group-text\"},[_c('i',{staticClass:\"fa fa-group\"})])]),_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"With Font Awesome Icons\"}})])])])])]),_c('div',{staticClass:\"space-70\"}),_c('div',{attrs:{\"id\":\"checkRadios\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-md-4 col-sm-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Checkboxes\")])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"value\":\"\"}}),_vm._v(\" Unchecked\\n                                        \"),_c('span',{staticClass:\"form-check-sign\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"value\":\"\",\"checked\":\"\"}}),_vm._v(\" Checked\\n                                        \"),_c('span',{staticClass:\"form-check-sign\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check disabled\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"value\":\"\",\"disabled\":\"\"}}),_vm._v(\" Disabled unchecked\\n                                        \"),_c('span',{staticClass:\"form-check-sign\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check disabled\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"value\":\"\",\"disabled\":\"\",\"checked\":\"\"}}),_vm._v(\" Disabled checked\\n                                        \"),_c('span',{staticClass:\"form-check-sign\"},[_c('span',{staticClass:\"check\"})])])])]),_c('div',{staticClass:\"col-lg-3 col-md-4 col-sm-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Radio Buttons\")])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios\",\"id\":\"exampleRadios1\",\"value\":\"option1\"}}),_vm._v(\" Radio is off\\n                                        \"),_c('span',{staticClass:\"circle\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios\",\"id\":\"exampleRadios2\",\"value\":\"option2\",\"checked\":\"\"}}),_vm._v(\" Radio is on\\n                                        \"),_c('span',{staticClass:\"circle\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check disabled\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadios1\",\"id\":\"exampleRadios11\",\"value\":\"option1\",\"disabled\":\"\"}}),_vm._v(\" Disabled radio is off\\n                                        \"),_c('span',{staticClass:\"circle\"},[_c('span',{staticClass:\"check\"})])])]),_c('div',{staticClass:\"form-check disabled\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"exampleRadio1\",\"id\":\"exampleRadios21\",\"value\":\"option2\",\"checked\":\"\",\"disabled\":\"\"}}),_vm._v(\" Disabled radio is on\\n                                        \"),_c('span',{staticClass:\"circle\"},[_c('span',{staticClass:\"check\"})])])])]),_c('div',{staticClass:\"col-lg-3 col-md-4 col-sm-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Toggle Buttons\")])]),_c('div',{staticClass:\"togglebutton\"},[_c('label',[_c('input',{attrs:{\"type\":\"checkbox\",\"checked\":\"\"}}),_c('span',{staticClass:\"toggle\"}),_vm._v(\"\\n                                        Toggle is on\\n                                    \")])]),_c('div',{staticClass:\"togglebutton\"},[_c('label',[_c('input',{attrs:{\"type\":\"checkbox\"}}),_c('span',{staticClass:\"toggle\"}),_vm._v(\"\\n                                        Toggle is off\\n                                    \")])])])])]),_c('div',{staticClass:\"space-70\"}),_c('div',{attrs:{\"id\":\"progress\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Progress Bars\")])]),_c('div',{staticClass:\"progress progress-line-primary\"},[_c('div',{staticClass:\"progress-bar progress-bar-primary\",staticStyle:{\"width\":\"30%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"60\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"60% Complete\")])])]),_c('div',{staticClass:\"progress progress-line-info\"},[_c('div',{staticClass:\"progress-bar progress-bar-info\",staticStyle:{\"width\":\"60%\"},attrs:{\"role\":\"progressbar\",\"aria-valuenow\":\"60\",\"aria-valuemin\":\"0\",\"aria-valuemax\":\"100\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"60% Complete\")])])]),_c('div',{staticClass:\"progress progress-line-danger\"},[_c('div',{staticClass:\"progress-bar progress-bar-success\",staticStyle:{\"width\":\"35%\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"35% Complete (success)\")])]),_c('div',{staticClass:\"progress-bar progress-bar-warning\",staticStyle:{\"width\":\"20%\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"20% Complete (warning)\")])]),_c('div',{staticClass:\"progress-bar progress-bar-danger\",staticStyle:{\"width\":\"10%\"}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\"10% Complete (danger)\")])])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Pagination\")])]),_c('ul',{staticClass:\"pagination pagination-primary\"},[_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"1\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"...\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"5\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"6\")])]),_c('li',{staticClass:\"active page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"7\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"8\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"9\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"...\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"12\")])])]),_c('ul',{staticClass:\"pagination pagination-info\"},[_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\" prev\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"1\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"2\")])]),_c('li',{staticClass:\"active page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"3\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"4\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"5\")])]),_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:void(0);\"}},[_vm._v(\"next \")])])])])])]),_c('div',{attrs:{\"id\":\"sliders\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Sliders\")])]),_c('div',{staticClass:\"slider\",attrs:{\"id\":\"sliderRegular\"}}),_c('div',{staticClass:\"slider slider-info\",attrs:{\"id\":\"sliderDouble\"}})]),_c('div',{staticClass:\"col-md-6 ml-auto\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Badges \")])]),_c('span',{staticClass:\"badge badge-pill badge-secondary\"},[_vm._v(\"Default\")]),_c('span',{staticClass:\"badge badge-pill badge-primary\"},[_vm._v(\"Primary\")]),_c('span',{staticClass:\"badge badge-pill badge-info\"},[_vm._v(\"Info\")]),_c('span',{staticClass:\"badge badge-pill badge-success\"},[_vm._v(\"Success\")]),_c('span',{staticClass:\"badge badge-pill badge-warning\"},[_vm._v(\"Warning\")]),_c('span',{staticClass:\"badge badge-pill badge-danger\"},[_vm._v(\"Danger\")]),_c('span',{staticClass:\"badge badge-pill badge-rose\"},[_vm._v(\"Rose\")])])])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section cd-section section-notifications\",attrs:{\"id\":\"notifications\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Notifications\")])])]),_c('div',{staticClass:\"alert alert-info\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"alert-icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"info_outline\")])]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"alert\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"clear\")])])]),_c('b',[_vm._v(\"Info alert:\")]),_vm._v(\" You've got some friends nearby, stop looking at your phone and find them...\\n                    \")])]),_c('div',{staticClass:\"alert alert-success\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"alert-icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"check\")])]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"alert\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"clear\")])])]),_c('b',[_vm._v(\"Success Alert:\")]),_vm._v(\" Yuhuuu! You've got your $11.99 album from The Weeknd\\n                    \")])]),_c('div',{staticClass:\"alert alert-warning\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"alert-icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"warning\")])]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"alert\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"clear\")])])]),_c('b',[_vm._v(\"Warning Alert:\")]),_vm._v(\" Hey, it looks like you still have the \\\"copyright © 2015\\\" in your footer. Please update it!\\n                    \")])]),_c('div',{staticClass:\"alert alert-danger\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"alert-icon\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"error_outline\")])]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\",\"data-dismiss\":\"alert\",\"aria-label\":\"Close\"}},[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"clear\")])])]),_c('b',[_vm._v(\"Error Alert:\")]),_vm._v(\" Damn man! You screwed up the server this time. You should find a good excuse for your Boss...\\n                    \")])]),_c('div',{staticClass:\"clearfix\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section\"},[_c('div',{staticClass:\"container tim-container\"},[_c('div',{staticClass:\"cd-section\",attrs:{\"id\":\"typography\"}},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"Typography\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"tim-typo\"},[_c('h1',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 1\")]),_vm._v(\"The Life of Material Kit \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h2',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 2\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h3',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 3\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h4',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 4\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h5',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 5\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h6',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 6\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h1',{staticClass:\"title\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 1 Title\")]),_vm._v(\"The Life of Material Kit \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h2',{staticClass:\"title\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 2 Title\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h3',{staticClass:\"title\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 3 Title\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h4',{staticClass:\"title\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Header 4 Title\")]),_vm._v(\"The Life of Material Kit\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('p',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Paragraph\")]),_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.\")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Quote\")]),_c('div',{staticClass:\"blockquote undefined\"},[_c('p',[_vm._v(\"\\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.\\n                                    \")]),_c('small',[_vm._v(\"\\n                                        Kanye West, Musician\\n                                    \")])])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Muted Text\")]),_c('p',{staticClass:\"text-muted\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...\\n                                \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Primary Text\")]),_c('p',{staticClass:\"text-primary\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Info Text\")]),_c('p',{staticClass:\"text-info\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Success Text\")]),_c('p',{staticClass:\"text-success\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Warning Text\")]),_c('p',{staticClass:\"text-warning\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...\\n                                \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Danger Text\")]),_c('p',{staticClass:\"text-danger\"},[_vm._v(\"\\n                                    I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... \")])]),_c('div',{staticClass:\"tim-typo\"},[_c('h2',[_c('span',{staticClass:\"tim-note\"},[_vm._v(\"Small Tag\")]),_vm._v(\"\\n                                    Header with small subtitle\\n                                    \"),_c('br'),_c('small',[_vm._v(\"Use \\\"small\\\" tag for the headers\")])])])])]),_c('div',{staticClass:\"space-50\"}),_c('div',{attrs:{\"id\":\"images\"}},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"Images\")])]),_c('br'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-2\"},[_c('h4',[_vm._v(\"Rounded Image\")]),_c('img',{staticClass:\"rounded img-fluid\",attrs:{\"src\":\"styleguide/img/faces/avatar.jpg\",\"alt\":\"Rounded Image\"}})]),_c('div',{staticClass:\"col-sm-2 ml-auto\"},[_c('h4',[_vm._v(\"Circle Image\")]),_c('img',{staticClass:\"rounded-circle img-fluid\",attrs:{\"src\":\"styleguide/img/faces/avatar.jpg\",\"alt\":\"Circle Image\"}})]),_c('div',{staticClass:\"col-sm-2 ml-auto\"},[_c('h4',[_vm._v(\"Rounded Raised\")]),_c('img',{staticClass:\"img-raised rounded img-fluid\",attrs:{\"src\":\"styleguide/img/faces/avatar.jpg\",\"alt\":\"Raised Image\"}})]),_c('div',{staticClass:\"col-sm-2 ml-auto\"},[_c('h4',[_vm._v(\"Circle Raised\")]),_c('img',{staticClass:\"img-raised rounded-circle img-fluid\",attrs:{\"src\":\"styleguide/img/faces/avatar.jpg\",\"alt\":\"Thumbnail Image\"}})])]),_c('div',{staticClass:\"row\"})]),_c('div',{staticClass:\"space-50\"})])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section cd-section\",attrs:{\"id\":\"javascriptComponents\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"Javascript components\")])]),_c('div',{staticClass:\"row\",attrs:{\"id\":\"modals\"}},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Modal\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4 col-md-6\"},[_c('button',{staticClass:\"btn btn-block btn-primary\",attrs:{\"data-toggle\":\"modal\",\"data-target\":\"#myModal\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"library_books\")]),_vm._v(\" Classic\\n                                \")])])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Datetime Picker\")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"label-control\"},[_vm._v(\"Datetime Picker\")]),_c('input',{staticClass:\"form-control datetimepicker\",attrs:{\"type\":\"text\",\"value\":\"10/05/2016\"}})])])])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Popovers\")])]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"popover\",\"data-placement\":\"left\",\"title\":\"Popover on left\",\"data-content\":\"Here will be some very useful information about his popover. Here will be some very useful information about his popover.\",\"data-container\":\"body\"}},[_vm._v(\"On left\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"popover\",\"data-placement\":\"top\",\"title\":\"Popover on top\",\"data-content\":\"Here will be some very useful information about his popover.\",\"data-container\":\"body\"}},[_vm._v(\"On top\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"popover\",\"data-placement\":\"bottom\",\"title\":\"Popover on bottom\",\"data-content\":\"Here will be some very useful information about his popover.\",\"data-container\":\"body\"}},[_vm._v(\"On bottom\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"popover\",\"data-placement\":\"right\",\"title\":\"Popover on right\",\"data-content\":\"Here will be some very useful information about his popover.\",\"data-container\":\"body\"}},[_vm._v(\"On right\")]),_c('br'),_c('br'),_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Tooltips\")])]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"tooltip\",\"data-placement\":\"left\",\"title\":\"Tooltip on left\",\"data-container\":\"body\"}},[_vm._v(\"On left\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"tooltip\",\"data-placement\":\"top\",\"title\":\"Tooltip on top\",\"data-container\":\"body\"}},[_vm._v(\"On top\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"tooltip\",\"data-placement\":\"bottom\",\"title\":\"Tooltip on bottom\",\"data-container\":\"body\"}},[_vm._v(\"On bottom\")]),_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\",\"data-toggle\":\"tooltip\",\"data-placement\":\"right\",\"title\":\"Tooltip on right\",\"data-container\":\"body\"}},[_vm._v(\"On right\")])])]),_c('div',{staticClass:\"title\"},[_c('h3',[_vm._v(\"Carousel\")])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"section\",attrs:{\"id\":\"carousel\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-8 mr-auto ml-auto\"},[_c('div',{staticClass:\"card card-raised card-carousel\"},[_c('div',{staticClass:\"carousel slide\",attrs:{\"id\":\"carouselExampleIndicators\",\"data-ride\":\"carousel\",\"data-interval\":\"3000\"}},[_c('ol',{staticClass:\"carousel-indicators\"},[_c('li',{staticClass:\"active\",attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"0\"}}),_c('li',{attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"1\"}}),_c('li',{attrs:{\"data-target\":\"#carouselExampleIndicators\",\"data-slide-to\":\"2\"}})]),_c('div',{staticClass:\"carousel-inner\"},[_c('div',{staticClass:\"carousel-item active\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"styleguide/img/bg2.jpg\",\"alt\":\"First slide\"}}),_c('div',{staticClass:\"carousel-caption d-none d-md-block\"},[_c('h4',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"location_on\")]),_vm._v(\" Yellowstone National Park, United States\\n                                            \")])])]),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"styleguide/img/bg3.jpg\",\"alt\":\"Second slide\"}}),_c('div',{staticClass:\"carousel-caption d-none d-md-block\"},[_c('h4',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"location_on\")]),_vm._v(\" Somewhere Beyond, United States\\n                                            \")])])]),_c('div',{staticClass:\"carousel-item\"},[_c('img',{staticClass:\"d-block w-100\",attrs:{\"src\":\"styleguide/img/bg.jpg\",\"alt\":\"Third slide\"}}),_c('div',{staticClass:\"carousel-caption d-none d-md-block\"},[_c('h4',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"location_on\")]),_vm._v(\" Yellowstone National Park, United States\\n                                            \")])])])]),_c('a',{staticClass:\"carousel-control-prev\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"prev\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_left\")]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Previous\")])]),_c('a',{staticClass:\"carousel-control-next\",attrs:{\"href\":\"#carouselExampleIndicators\",\"role\":\"button\",\"data-slide\":\"next\"}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_right\")]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Next\")])])])])])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"element-styling\">\n        <div class=\"main\">\n            <div class=\"container\">\n                <div id=\"app\">\n                    {{ message }}\n                </div>\n                <div class=\"section section-basic\">\n                    <div class=\"container\">\n                        <div class=\"title\">\n                            <h2>Basic Elements</h2>\n                        </div>\n                        <!--  buttons -->\n                        <div id=\"buttons\" class=\"cd-section\">\n                            <div class=\"title\">\n                                <h3>Buttons\n                                    <br>\n                                    <small>Pick your style</small>\n                                </h3>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"col-md-8 ml-auto mr-auto\">\n                                    <button class=\"btn btn-primary\">Default</button>\n                                    <button class=\"btn btn-primary btn-round\">Round</button>\n                                    <button class=\"btn btn-primary btn-round\">\n                                        <i class=\"material-icons\">favorite</i> With Icon\n                                    </button>\n                                    <button class=\"btn btn-primary btn-fab btn-round\">\n                                        <i class=\"material-icons\">favorite</i>\n                                    </button>\n                                    <button class=\"btn btn-primary btn-link\">Simple</button>\n                                </div>\n                            </div>\n                            <div class=\"title\">\n                                <h3>\n                                    <small>Pick your size</small>\n                                </h3>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"col-md-8 ml-auto mr-auto\">\n                                    <button class=\"btn btn-primary btn-sm\">Small</button>\n                                    <button class=\"btn btn-primary\">Regular</button>\n                                    <button class=\"btn btn-primary btn-lg\">Large</button>\n                                </div>\n                            </div>\n                            <div class=\"title\">\n                                <h3>\n                                    <small> Pick your color </small>\n                                </h3>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"col-md-10 ml-auto\">\n                                    <button class=\"btn\">Default</button>\n                                    <button class=\"btn btn-primary\">Primary</button>\n                                    <button class=\"btn btn-info\">Info</button>\n                                    <button class=\"btn btn-success\">Success</button>\n                                    <button class=\"btn btn-warning\">Warning</button>\n                                    <button class=\"btn btn-danger\">Danger</button>\n                                    <button class=\"btn btn-rose\">Rose</button>\n                                </div>\n                            </div>\n                        </div>\n                        <!--                 end buttons\t\t         -->\n                        <div class=\"space-50\"></div>\n                        <!--                 inputs -->\n                        <div id=\"inputs\">\n                            <div class=\"title\">\n                                <h3>Inputs</h3>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group has-default\">\n                                        <input type=\"text\" class=\"form-control\" placeholder=\"Regular\">\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group\">\n                                        <label for=\"exampleInput1\" class=\"bmd-label-floating\">With Floating Label</label>\n                                        <input type=\"email\" class=\"form-control\" id=\"exampleInput1\">\n                                        <span class=\"bmd-help\">We'll never share your email with anyone else.</span>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group has-success\">\n                                        <label for=\"exampleInput2\" class=\"bmd-label-floating\">Success input</label>\n                                        <input type=\"text\" class=\"form-control\" id=\"exampleInput2\">\n                                        <span class=\"form-control-feedback\">\n                    <i class=\"material-icons\">done</i>\n                  </span>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group has-danger\">\n                                        <label for=\"exampleInput3\" class=\"bmd-label-floating\">Error input</label>\n                                        <input type=\"email\" class=\"form-control\" id=\"exampleInput3\">\n                                        <span class=\"form-control-feedback\">\n                    <i class=\"material-icons\">clear</i>\n                  </span>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group\">\n                                        <div class=\"input-group\">\n                                            <div class=\"input-group-prepend\">\n                      <span class=\"input-group-text\">\n                        <i class=\"material-icons\">group</i>\n                      </span>\n                                            </div>\n                                            <input type=\"text\" class=\"form-control\" placeholder=\"With Material Icons\">\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-sm-4\">\n                                    <div class=\"form-group\">\n                                        <div class=\"input-group\">\n                                            <div class=\"input-group-prepend\">\n                      <span class=\"input-group-text\">\n                        <i class=\"fa fa-group\"></i>\n                      </span>\n                                            </div>\n                                            <input type=\"text\" class=\"form-control\" placeholder=\"With Font Awesome Icons\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!--                 end inputs -->\n                        <div class=\"space-70\"></div>\n                        <!--                 textarea/checkbox/radio/toggle -->\n                        <div id=\"checkRadios\">\n                            <div class=\"row\">\n                                <div class=\"col-lg-3 col-md-4 col-sm-6\">\n                                    <div class=\"title\">\n                                        <h3>Checkboxes</h3>\n                                    </div>\n                                    <div class=\"form-check\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"checkbox\" value=\"\"> Unchecked\n                                            <span class=\"form-check-sign\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"checkbox\" value=\"\" checked> Checked\n                                            <span class=\"form-check-sign\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check disabled\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"checkbox\" value=\"\" disabled> Disabled unchecked\n                                            <span class=\"form-check-sign\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check disabled\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"checkbox\" value=\"\" disabled checked> Disabled checked\n                                            <span class=\"form-check-sign\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-md-4 col-sm-6\">\n                                    <div class=\"title\">\n                                        <h3>Radio Buttons</h3>\n                                    </div>\n                                    <div class=\"form-check\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios1\" value=\"option1\"> Radio is off\n                                            <span class=\"circle\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"exampleRadios2\" value=\"option2\" checked> Radio is on\n                                            <span class=\"circle\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check disabled\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios1\" id=\"exampleRadios11\" value=\"option1\" disabled> Disabled radio is off\n                                            <span class=\"circle\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                    <div class=\"form-check disabled\">\n                                        <label class=\"form-check-label\">\n                                            <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadio1\" id=\"exampleRadios21\" value=\"option2\" checked disabled> Disabled radio is on\n                                            <span class=\"circle\">\n                      <span class=\"check\"></span>\n                    </span>\n                                        </label>\n                                    </div>\n                                </div>\n                                <div class=\"col-lg-3 col-md-4 col-sm-6\">\n                                    <div class=\"title\">\n                                        <h3>Toggle Buttons</h3>\n                                    </div>\n                                    <div class=\"togglebutton\">\n                                        <label>\n                                            <input type=\"checkbox\" checked=\"\">\n                                            <span class=\"toggle\"></span>\n                                            Toggle is on\n                                        </label>\n                                    </div>\n                                    <div class=\"togglebutton\">\n                                        <label>\n                                            <input type=\"checkbox\">\n                                            <span class=\"toggle\"></span>\n                                            Toggle is off\n                                        </label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"space-70\"></div>\n                        <!--    progress/sliders -->\n                        <div id=\"progress\">\n                            <div class=\"row\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"title\">\n                                        <h3>Progress Bars</h3>\n                                    </div>\n                                    <div class=\"progress progress-line-primary\">\n                                        <div class=\"progress-bar progress-bar-primary\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 30%;\">\n                                            <span class=\"sr-only\">60% Complete</span>\n                                        </div>\n                                    </div>\n                                    <div class=\"progress progress-line-info\">\n                                        <div class=\"progress-bar progress-bar-info\" role=\"progressbar\" aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 60%;\">\n                                            <span class=\"sr-only\">60% Complete</span>\n                                        </div>\n                                    </div>\n                                    <div class=\"progress progress-line-danger\">\n                                        <div class=\"progress-bar progress-bar-success\" style=\"width: 35%\">\n                                            <span class=\"sr-only\">35% Complete (success)</span>\n                                        </div>\n                                        <div class=\"progress-bar progress-bar-warning\" style=\"width: 20%\">\n                                            <span class=\"sr-only\">20% Complete (warning)</span>\n                                        </div>\n                                        <div class=\"progress-bar progress-bar-danger\" style=\"width: 10%\">\n                                            <span class=\"sr-only\">10% Complete (danger)</span>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"col-md-6\">\n                                    <div class=\"title\">\n                                        <h3>Pagination</h3>\n                                    </div>\n                                    <ul class=\"pagination pagination-primary\">\n                                        <!--\n                                                    color-classes: \"pagination-primary\", \"pagination-info\", \"pagination-success\", \"pagination-warning\", \"pagination-danger\"\n                                                -->\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">1</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">...</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">5</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">6</a>\n                                        </li>\n                                        <li class=\"active page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">7</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">8</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">9</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">...</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">12</a>\n                                        </li>\n                                    </ul>\n                                    <ul class=\"pagination pagination-info\">\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\"> prev</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">1</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">2</a>\n                                        </li>\n                                        <li class=\"active page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">3</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">4</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">5</a>\n                                        </li>\n                                        <li class=\"page-item\">\n                                            <a href=\"javascript:void(0);\" class=\"page-link\">next </a>\n                                        </li>\n                                    </ul>\n                                </div>\n                            </div>\n                        </div>\n                        <!--                 end progress -->\n                        <!--                 sliders -->\n                        <div id=\"sliders\">\n                            <div class=\"row\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"title\">\n                                        <h3>Sliders</h3>\n                                    </div>\n                                    <div id=\"sliderRegular\" class=\"slider\"></div>\n                                    <div id=\"sliderDouble\" class=\"slider slider-info\"></div>\n                                </div>\n                                <div class=\"col-md-6 ml-auto\">\n                                    <div class=\"title\">\n                                        <h3>Badges </h3>\n                                    </div>\n                                    <span class=\"badge badge-pill badge-secondary\">Default</span>\n                                    <span class=\"badge badge-pill badge-primary\">Primary</span>\n                                    <span class=\"badge badge-pill badge-info\">Info</span>\n                                    <span class=\"badge badge-pill badge-success\">Success</span>\n                                    <span class=\"badge badge-pill badge-warning\">Warning</span>\n                                    <span class=\"badge badge-pill badge-danger\">Danger</span>\n                                    <span class=\"badge badge-pill badge-rose\">Rose</span>\n                                </div>\n                            </div>\n                        </div>\n                        <!--                 end sliders -->\n                    </div>\n                </div>\n                <div class=\"section cd-section section-notifications\" id=\"notifications\">\n                    <div class=\"container\">\n                        <div class=\"title\">\n                            <h3>Notifications</h3>\n                        </div>\n                    </div>\n                    <div class=\"alert alert-info\">\n                        <div class=\"container\">\n                            <div class=\"alert-icon\">\n                                <i class=\"material-icons\">info_outline</i>\n                            </div>\n                            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\"><i class=\"material-icons\">clear</i></span>\n                            </button>\n                            <b>Info alert:</b> You&apos;ve got some friends nearby, stop looking at your phone and find them...\n                        </div>\n                    </div>\n                    <div class=\"alert alert-success\">\n                        <div class=\"container\">\n                            <div class=\"alert-icon\">\n                                <i class=\"material-icons\">check</i>\n                            </div>\n                            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\"><i class=\"material-icons\">clear</i></span>\n                            </button>\n                            <b>Success Alert:</b> Yuhuuu! You&apos;ve got your $11.99 album from The Weeknd\n                        </div>\n                    </div>\n                    <div class=\"alert alert-warning\">\n                        <div class=\"container\">\n                            <div class=\"alert-icon\">\n                                <i class=\"material-icons\">warning</i>\n                            </div>\n                            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\"><i class=\"material-icons\">clear</i></span>\n                            </button>\n                            <b>Warning Alert:</b> Hey, it looks like you still have the &quot;copyright &#xA9; 2015&quot; in your footer. Please update it!\n                        </div>\n                    </div>\n                    <div class=\"alert alert-danger\">\n                        <div class=\"container\">\n                            <div class=\"alert-icon\">\n                                <i class=\"material-icons\">error_outline</i>\n                            </div>\n                            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\">\n                                <span aria-hidden=\"true\"><i class=\"material-icons\">clear</i></span>\n                            </button>\n                            <b>Error Alert:</b> Damn man! You screwed up the server this time. You should find a good excuse for your Boss...\n                        </div>\n                    </div>\n                    <div class=\"clearfix\"></div>\n                </div>\n                <div class=\"section\">\n                    <div class=\"container tim-container\">\n                        <!--     \t        typography -->\n                        <div id=\"typography\" class=\"cd-section\">\n                            <div class=\"title\">\n                                <h2>Typography</h2>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"tim-typo\">\n                                    <h1>\n                                        <span class=\"tim-note\">Header 1</span>The Life of Material Kit </h1>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h2>\n                                        <span class=\"tim-note\">Header 2</span>The Life of Material Kit</h2>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h3>\n                                        <span class=\"tim-note\">Header 3</span>The Life of Material Kit</h3>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h4>\n                                        <span class=\"tim-note\">Header 4</span>The Life of Material Kit</h4>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h5>\n                                        <span class=\"tim-note\">Header 5</span>The Life of Material Kit</h5>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h6>\n                                        <span class=\"tim-note\">Header 6</span>The Life of Material Kit</h6>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h1 class=\"title\">\n                                        <span class=\"tim-note\">Header 1 Title</span>The Life of Material Kit </h1>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h2 class=\"title\">\n                                        <span class=\"tim-note\">Header 2 Title</span>The Life of Material Kit</h2>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h3 class=\"title\">\n                                        <span class=\"tim-note\">Header 3 Title</span>The Life of Material Kit</h3>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h4 class=\"title\">\n                                        <span class=\"tim-note\">Header 4 Title</span>The Life of Material Kit</h4>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <p>\n                                        <span class=\"tim-note\">Paragraph</span>\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that&#x2019;s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.</p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Quote</span>\n                                    <div class=\"blockquote undefined\">\n                                        <p>\n                                            I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that&#x2019;s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.\n                                        </p>\n                                        <small>\n                                            Kanye West, Musician\n                                        </small>\n                                    </div>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Muted Text</span>\n                                    <p class=\"text-muted\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...\n                                    </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Primary Text</span>\n                                    <p class=\"text-primary\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Info Text</span>\n                                    <p class=\"text-info\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Success Text</span>\n                                    <p class=\"text-success\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Warning Text</span>\n                                    <p class=\"text-warning\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers...\n                                    </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <span class=\"tim-note\">Danger Text</span>\n                                    <p class=\"text-danger\">\n                                        I will be the leader of a company that ends up being worth billions of dollars, because I got the answers... </p>\n                                </div>\n                                <div class=\"tim-typo\">\n                                    <h2>\n                                        <span class=\"tim-note\">Small Tag</span>\n                                        Header with small subtitle\n                                        <br>\n                                        <small>Use &quot;small&quot; tag for the headers</small>\n                                    </h2>\n                                </div>\n                            </div>\n                        </div>\n                        <!--                 end typography -->\n                        <div class=\"space-50\"></div>\n                        <!--                 images -->\n                        <div id=\"images\">\n                            <div class=\"title\">\n                                <h2>Images</h2>\n                            </div>\n                            <br>\n                            <div class=\"row\">\n                                <div class=\"col-sm-2\">\n                                    <h4>Rounded Image</h4>\n                                    <img src=\"styleguide/img/faces/avatar.jpg\" alt=\"Rounded Image\" class=\"rounded img-fluid\">\n                                </div>\n                                <div class=\"col-sm-2 ml-auto\">\n                                    <h4>Circle Image</h4>\n                                    <img src=\"styleguide/img/faces/avatar.jpg\" alt=\"Circle Image\" class=\"rounded-circle img-fluid\">\n                                </div>\n                                <div class=\"col-sm-2 ml-auto\">\n                                    <h4>Rounded Raised</h4>\n                                    <img src=\"styleguide/img/faces/avatar.jpg\" alt=\"Raised Image\" class=\"img-raised rounded img-fluid\">\n                                </div>\n                                <div class=\"col-sm-2 ml-auto\">\n                                    <h4>Circle Raised</h4>\n                                    <img src=\"styleguide/img/faces/avatar.jpg\" alt=\"Thumbnail Image\" class=\"img-raised rounded-circle img-fluid\">\n                                </div>\n                            </div>\n                            <div class=\"row\">\n                            </div>\n                        </div>\n                        <!--                 end images\t             -->\n                        <div class=\"space-50\"></div>\n                    </div>\n                </div></div>\n            <div class=\"section cd-section\" id=\"javascriptComponents\">\n                <div class=\"container\">\n                    <div class=\"title\">\n                        <h2>Javascript components</h2>\n                    </div>\n                    <!--                 modals -->\n                    <div class=\"row\" id=\"modals\">\n                        <div class=\"col-md-6\">\n                            <div class=\"title\">\n                                <h3>Modal</h3>\n                            </div>\n                            <div class=\"row\">\n                                <div class=\"col-lg-4 col-md-6\">\n                                    <button class=\"btn btn-block btn-primary\" data-toggle=\"modal\" data-target=\"#myModal\">\n                                        <i class=\"material-icons\">library_books</i> Classic\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"col-md-12\">\n                                <div class=\"title\">\n                                    <h3>Datetime Picker</h3>\n                                </div>\n                                <div class=\"row\">\n                                    <div class=\"col-md-6\">\n                                        <div class=\"form-group\">\n                                            <label class=\"label-control\">Datetime Picker</label>\n                                            <input type=\"text\" class=\"form-control datetimepicker\" value=\"10/05/2016\">\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"col-md-6\">\n                            <div class=\"title\">\n                                <h3>Popovers</h3>\n                            </div>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"popover\" data-placement=\"left\" title=\"Popover on left\" data-content=\"Here will be some very useful information about his popover. Here will be some very useful information about his popover.\" data-container=\"body\">On left</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"popover\" data-placement=\"top\" title=\"Popover on top\" data-content=\"Here will be some very useful information about his popover.\" data-container=\"body\">On top</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"popover\" data-placement=\"bottom\" title=\"Popover on bottom\" data-content=\"Here will be some very useful information about his popover.\" data-container=\"body\">On bottom</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"popover\" data-placement=\"right\" title=\"Popover on right\" data-content=\"Here will be some very useful information about his popover.\" data-container=\"body\">On right</button>\n                            <br>\n                            <br>\n                            <div class=\"title\">\n                                <h3>Tooltips</h3>\n                            </div>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"tooltip\" data-placement=\"left\" title=\"Tooltip on left\" data-container=\"body\">On left</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Tooltip on top\" data-container=\"body\">On top</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"Tooltip on bottom\" data-container=\"body\">On bottom</button>\n                            <button type=\"button\" class=\"btn\" data-toggle=\"tooltip\" data-placement=\"right\" title=\"Tooltip on right\" data-container=\"body\">On right</button>\n                        </div>\n                    </div>\n                    <!--                 end modals\t             -->\n                    <div class=\"title\">\n                        <h3>Carousel</h3>\n                    </div>\n                </div>\n            </div>\n            <!--         carousel  -->\n            <div class=\"section\" id=\"carousel\">\n                <div class=\"container\">\n                    <div class=\"row\">\n                        <div class=\"col-md-8 mr-auto ml-auto\">\n                            <!-- Carousel Card -->\n                            <div class=\"card card-raised card-carousel\">\n                                <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-ride=\"carousel\" data-interval=\"3000\">\n                                    <ol class=\"carousel-indicators\">\n                                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"0\" class=\"active\"></li>\n                                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"1\"></li>\n                                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"2\"></li>\n                                    </ol>\n                                    <div class=\"carousel-inner\">\n                                        <div class=\"carousel-item active\">\n                                            <img class=\"d-block w-100\" src=\"styleguide/img/bg2.jpg\" alt=\"First slide\">\n                                            <div class=\"carousel-caption d-none d-md-block\">\n                                                <h4>\n                                                    <i class=\"material-icons\">location_on</i> Yellowstone National Park, United States\n                                                </h4>\n                                            </div>\n                                        </div>\n                                        <div class=\"carousel-item\">\n                                            <img class=\"d-block w-100\" src=\"styleguide/img/bg3.jpg\" alt=\"Second slide\">\n                                            <div class=\"carousel-caption d-none d-md-block\">\n                                                <h4>\n                                                    <i class=\"material-icons\">location_on</i> Somewhere Beyond, United States\n                                                </h4>\n                                            </div>\n                                        </div>\n                                        <div class=\"carousel-item\">\n                                            <img class=\"d-block w-100\" src=\"styleguide/img/bg.jpg\" alt=\"Third slide\">\n                                            <div class=\"carousel-caption d-none d-md-block\">\n                                                <h4>\n                                                    <i class=\"material-icons\">location_on</i> Yellowstone National Park, United States\n                                                </h4>\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <a class=\"carousel-control-prev\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"prev\">\n                                        <i class=\"material-icons\">keyboard_arrow_left</i>\n                                        <span class=\"sr-only\">Previous</span>\n                                    </a>\n                                    <a class=\"carousel-control-next\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"next\">\n                                        <i class=\"material-icons\">keyboard_arrow_right</i>\n                                        <span class=\"sr-only\">Next</span>\n                                    </a>\n                                </div>\n                            </div>\n                            <!-- End Carousel Card -->\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <!--         end carousel -->\n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: 'ElementStyling'\n    }\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped>\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!./ElementStyling.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!./ElementStyling.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ElementStyling.vue?vue&type=template&id=6ea86747&scoped=true\"\nimport script from \"./ElementStyling.vue?vue&type=script&lang=js\"\nexport * from \"./ElementStyling.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  \"6ea86747\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"configurator-styleguide\">\n\n        <ElementStyling />\n    </div>\n</template>\n\n<script>\n    // @ is an alias to /src\n    import ElementStyling from '@/components/ElementStyling.vue'\n\n    export default {\n        name: 'style_guide',\n        components: {\n            ElementStyling\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!./StyleGuide.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!./StyleGuide.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StyleGuide.vue?vue&type=template&id=4a3e30bd\"\nimport script from \"./StyleGuide.vue?vue&type=script&lang=js\"\nexport * from \"./StyleGuide.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":""}