bootstrap-vue-sidebar/dist/vue2-sidebar.js

Vue2Sidebar: Bootstrap 4 sidebar component in Vue 2.0

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("Vue2Sidebar",[],t):"object"==typeof exports?exports.Vue2Sidebar=t():e.Vue2Sidebar=t()}("undefined"!=typeof self?self:this,function(){return function(e){function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var a={};return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,a){"use strict";function r(e){a(1)}Object.defineProperty(t,"__esModule",{value:!0});var n={data:function(){return{selected:""}},methods:{toggleSidebar:function(){this.$refs.sidebar.classList.toggle("active"),this.$refs.sidebaricon.classList.toggle("active")},toggleDropdown:function(e){this.selected.length>0?this.selected="":this.selected=e},isRoute:function(e){return this.$router&&(e.to||e.component)}},props:{links:{type:Array},navs:{type:Array}}},s=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{attrs:{id:"bootstrap-sidebar"}},[a("div",{staticClass:"wrapper"},[a("nav",{ref:"sidebar",staticClass:"navbar-dark bg-primary",attrs:{id:"sidebar"}},[a("a",{staticClass:"w-100 sidebar-header navbar-brand",attrs:{href:"#"}},[e._v("Navbar")]),e._v(" "),a("ul",{staticClass:"list-unstyled components navbar-nav"},[a("p",[e._v("Dummy Heading")]),e._v(" "),e._l(e.links,function(t){return a("li",{staticClass:"nav-item",class:{dropdown:t.links&&t.links.length>0}},[t.links&&t.links.length>0?a("a",{staticClass:"nav-link dropdown-toggle",attrs:{href:"#",id:"nv"+t.label.toLowerCase().replace(" ","_"),role:"button","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},on:{click:function(a){a.preventDefault(),e.toggleDropdown(t.label)}}},[e._v("\n                    "+e._s(t.label)+"\n                    ")]):e._e(),e._v(" "),t.links&&t.links.length>0?a("div",{ref:"nv"+t.label.toLowerCase().replace(" ","_"),refInFor:!0,staticClass:"dropdown-menu",class:{show:e.selected===t.label},attrs:{"aria-labelledby":"nv"+t.label.toLowerCase().replace(" ","_")}},e._l(t.links,function(t){return a(e.isRoute(t)?"router-link":"a",{tag:"div",staticClass:"dropdown-item",attrs:{href:e.isRoute(t)?"#":t.href,to:t.href,replace:t.replace,"active-class":"parent-active","exact-active-class":"active"}},[t.icon?a("i",{staticClass:"icon fa fa-fw",class:(r={},r[t.icon]=!0,r)}):e._e(),e._v("\n                            "+e._s(t.label)+"\n                        ")]);var r})):a("a",{staticClass:"nav-link",attrs:{href:"#"}},[e._v(e._s(t.label))])])})],2)]),e._v(" "),a("div",{staticStyle:{width:"100%"},attrs:{id:"content"}},[a("nav",{staticClass:"navbar navbar-expand-lg navbar-dark bg-primary"},[a("button",{ref:"sidebaricon",staticClass:"navbar-btn",attrs:{type:"button",id:"sidebarCollapse"},on:{click:function(t){return t.preventDefault(),e.toggleSidebar(t)}}},[a("span"),e._v(" "),a("span"),e._v(" "),a("span")]),e._v(" "),e._m(0),e._v(" "),a("a",{staticClass:"navbar-brand",attrs:{href:"#"}},[e._v("Navbar")]),e._v(" "),a("div",{staticClass:"collapse navbar-collapse",attrs:{id:"navbarSupportedContent"}},[a("ul",{staticClass:"navbar-nav ml-auto"},e._l(e.navs,function(t){return a("li",{staticClass:"nav-item",class:{dropdown:t.navs&&t.navs.length>0}},[t.navs&&t.navs.length>0?a("a",{staticClass:"nav-link dropdown-toggle",attrs:{href:"#",id:"nv"+t.label.toLowerCase().replace(" ","_"),role:"button","data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},on:{click:function(a){a.preventDefault(),e.toggleDropdown(t.label)}}},[e._v("\n                            "+e._s(t.label)+"\n                            ")]):e._e(),e._v(" "),t.navs&&t.navs.length>0?a("div",{ref:"nv"+t.label.toLowerCase().replace(" ","_"),refInFor:!0,staticClass:"dropdown-menu",class:{show:e.selected===t.label},attrs:{"aria-labelledby":"nv"+t.label.toLowerCase().replace(" ","_")}},e._l(t.navs,function(t){return a(e.isRoute(t)?"router-link":"a",{tag:"div",staticClass:"dropdown-item",attrs:{href:e.isRoute(t)?"#":t.href,to:t.href,replace:t.replace,"active-class":"parent-active","exact-active-class":"active"}},[t.icon?a("i",{staticClass:"icon fa fa-fw",class:(r={},r[t.icon]=!0,r)}):e._e(),e._v("\n                                    "+e._s(t.label)+"\n                                ")]);var r})):a("a",{staticClass:"nav-link",attrs:{href:"#"}},[e._v(e._s(t.label))])])}))])]),e._v(" "),a("router-view")],1)])])},o=[function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("button",{staticClass:"navbar-toggler",attrs:{type:"button","data-toggle":"collapse","data-target":"#navbarSupportedContent","aria-controls":"navbarSupportedContent","aria-expanded":"false","aria-label":"Toggle navigation"}},[a("span",{staticClass:"navbar-toggler-icon"})])}],i={render:s,staticRenderFns:o},l=i,p=a(6),c=r,d=p(n,l,!1,c,null,null),f=d.exports;a.d(t,"Vue2SidebarPlugin",function(){return u}),a.d(t,"Vue2Sidebar",function(){return f});var u=function(e,t){e.component("side-bar",f)};f.install=u;t.default=f},function(e,t,a){var r=a(2);"string"==typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);a(4)("247845bc",r,!0,{})},function(e,t,a){t=e.exports=a(3)(!1),t.push([e.i,"@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);",""]),t.push([e.i,"#sidebarCollapse{width:40px;height:40px;background:#f5f5f5}#sidebarCollapse span{width:80%;height:2px;margin:0 auto;display:block;background:#555;-webkit-transition:all .8s cubic-bezier(.81,-.33,.345,1.375);transition:all .8s cubic-bezier(.81,-.33,.345,1.375)}#sidebarCollapse span:first-of-type{-webkit-transform:rotate(45deg) translate(2px,2px);transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse span:nth-of-type(2){opacity:0}#sidebarCollapse span:last-of-type{-webkit-transform:rotate(-45deg) translate(1px,-1px);transform:rotate(-45deg) translate(1px,-1px)}#sidebarCollapse.active span{-webkit-transform:none;transform:none;opacity:1;margin:5px auto}.wrapper{-webkit-perspective:1500px;perspective:1500px}#sidebar{-webkit-transition:all .6s cubic-bezier(.945,.02,.27,.665);transition:all .6s cubic-bezier(.945,.02,.27,.665);-webkit-transform-origin:center left;transform-origin:center left}#sidebar.active{-webkit-transform:rotateY(100deg);transform:rotateY(100deg)}@media (max-width:768px){#sidebar{margin-left:-250px;-webkit-transform:rotateY(100deg);transform:rotateY(100deg)}#sidebar.active{margin-left:0;-webkit-transform:none;transform:none}#sidebarCollapse span:first-of-type,#sidebarCollapse span:last-of-type,#sidebarCollapse span:nth-of-type(2){-webkit-transform:none;transform:none;opacity:1;margin:5px auto}#sidebarCollapse.active span{margin:0 auto}#sidebarCollapse.active span:first-of-type{-webkit-transform:rotate(45deg) translate(2px,2px);transform:rotate(45deg) translate(2px,2px)}#sidebarCollapse.active span:nth-of-type(2){opacity:0}#sidebarCollapse.active span:last-of-type{-webkit-transform:rotate(-45deg) translate(1px,-1px);transform:rotate(-45deg) translate(1px,-1px)}}.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#sidebar{min-width:250px;max-width:250px;min-height:100vh}#sidebar.active{margin-left:-250px}a[data-toggle=collapse]{position:relative}.dropdown-toggle:after{display:block;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#sidebar .sidebar-header{padding:20px;border-bottom:1px solid #fff}#sidebar ul.components{padding:20px 0}#sidebar ul p{color:#fff;padding:10px}#sidebar ul li a{padding:10px;font-size:1.1em;display:block}",""])},function(e,t){function a(e,t){var a=e[1]||"",n=e[3];if(!n)return a;if(t&&"function"==typeof btoa){var s=r(n);return[a].concat(n.sources.map(function(e){return"/*# sourceURL="+n.sourceRoot+e+" */"})).concat([s]).join("\n")}return[a].join("\n")}function r(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var r=a(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r}).join("")},t.i=function(e,a){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},n=0;n<this.length;n++){var s=this[n][0];"number"==typeof s&&(r[s]=!0)}for(n=0;n<e.length;n++){var o=e[n];"number"==typeof o[0]&&r[o[0]]||(a&&!o[2]?o[2]=a:a&&(o[2]="("+o[2]+") and ("+a+")"),t.push(o))}},t}},function(e,t,a){function r(e){for(var t=0;t<e.length;t++){var a=e[t],r=c[a.id];if(r){r.refs++;for(var n=0;n<r.parts.length;n++)r.parts[n](a.parts[n]);for(;n<a.parts.length;n++)r.parts.push(s(a.parts[n]));r.parts.length>a.parts.length&&(r.parts.length=a.parts.length)}else{for(var o=[],n=0;n<a.parts.length;n++)o.push(s(a.parts[n]));c[a.id]={id:a.id,refs:1,parts:o}}}}function n(){var e=document.createElement("style");return e.type="text/css",d.appendChild(e),e}function s(e){var t,a,r=document.querySelector("style["+h+'~="'+e.id+'"]');if(r){if(v)return b;r.parentNode.removeChild(r)}if(m){var s=u++;r=f||(f=n()),t=o.bind(null,r,s,!1),a=o.bind(null,r,s,!0)}else r=n(),t=i.bind(null,r),a=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else a()}}function o(e,t,a,r){var n=a?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,n);else{var s=document.createTextNode(n),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(s,o[t]):e.appendChild(s)}}function i(e,t){var a=t.css,r=t.media,n=t.sourceMap;if(r&&e.setAttribute("media",r),g.ssrId&&e.setAttribute(h,t.id),n&&(a+="\n/*# sourceURL="+n.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"),e.styleSheet)e.styleSheet.cssText=a;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(a))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var p=a(5),c={},d=l&&(document.head||document.getElementsByTagName("head")[0]),f=null,u=0,v=!1,b=function(){},g=null,h="data-vue-ssr-id",m="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());e.exports=function(e,t,a,n){v=a,g=n||{};var s=p(e,t);return r(s),function(t){for(var a=[],n=0;n<s.length;n++){var o=s[n],i=c[o.id];i.refs--,a.push(i)}t?(s=p(e,t),r(s)):s=[];for(var n=0;n<a.length;n++){var i=a[n];if(0===i.refs){for(var l=0;l<i.parts.length;l++)i.parts[l]();delete c[i.id]}}}};var x=function(){var e=[];return function(t,a){return e[t]=a,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=function(e,t){for(var a=[],r={},n=0;n<t.length;n++){var s=t[n],o=s[0],i=s[1],l=s[2],p=s[3],c={id:e+":"+n,css:i,media:l,sourceMap:p};r[o]?r[o].parts.push(c):a.push(r[o]={id:o,parts:[c]})}return a}},function(e,t){e.exports=function(e,t,a,r,n,s){var o,i=e=e||{},l=typeof e.default;"object"!==l&&"function"!==l||(o=e,i=e.default);var p="function"==typeof i?i.options:i;t&&(p.render=t.render,p.staticRenderFns=t.staticRenderFns,p._compiled=!0),a&&(p.functional=!0),n&&(p._scopeId=n);var c;if(s?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},p._ssrRegister=c):r&&(c=r),c){var d=p.functional,f=d?p.render:p.beforeCreate;d?(p._injectStyles=c,p.render=function(e,t){return c.call(t),f(e,t)}):p.beforeCreate=f?[].concat(f,c):[c]}return{esModule:o,exports:i,options:p}}}])});