vue2-sidebar/dist/vue2-sidebar.min.js

Vue2Sidebar: Bootstrap 4 sidebar component in Vue 2.0

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("Vue2Sidebar",["vue"],t):"object"==typeof exports?exports.Vue2Sidebar=t(require("vue")):e.Vue2Sidebar=t(e.Vue)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(a){if(n[a])return n[a].exports;var r=n[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,a){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=8)}([function(e,t,n){"use strict";function a(e,t,n,a,r,i,o,s){e=e||{};var d=typeof e.default;"object"!==d&&"function"!==d||(e=e.default);var l="function"==typeof e?e.options:e;t&&(l.render=t,l.staticRenderFns=n,l._compiled=!0),a&&(l.functional=!0),i&&(l._scopeId=i);var u;if(o?(u=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(o)},l._ssrRegister=u):r&&(u=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),u)if(l.functional){l._injectStyles=u;var c=l.render;l.render=function(e,t){return u.call(t),c(e,t)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,u):[u]}return{exports:e,options:l}}t.a=a},function(e,t){function n(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var i=a(r);return[n].concat(r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"})).concat([i]).join("\n")}return[n].join("\n")}function a(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 a=n(t,e);return t[2]?"@media "+t[2]+"{"+a+"}":a}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var a={},r=0;r<this.length;r++){var i=this[r][0];"number"==typeof i&&(a[i]=!0)}for(r=0;r<e.length;r++){var o=e[r];"number"==typeof o[0]&&a[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="("+o[2]+") and ("+n+")"),t.push(o))}},t}},function(e,t,n){"use strict";function a(e,t){for(var n=[],a={},r=0;r<t.length;r++){var i=t[r],o=i[0],s=i[1],d=i[2],l=i[3],u={id:e+":"+r,css:s,media:d,sourceMap:l};a[o]?a[o].parts.push(u):n.push(a[o]={id:o,parts:[u]})}return n}function r(e,t,n,r){b=n,m=r||{};var o=a(e,t);return i(o),function(t){for(var n=[],r=0;r<o.length;r++){var s=o[r],d=c[s.id];d.refs--,n.push(d)}t?(o=a(e,t),i(o)):o=[];for(var r=0;r<n.length;r++){var d=n[r];if(0===d.refs){for(var l=0;l<d.parts.length;l++)d.parts[l]();delete c[d.id]}}}}function i(e){for(var t=0;t<e.length;t++){var n=e[t],a=c[n.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](n.parts[r]);for(;r<n.parts.length;r++)a.parts.push(s(n.parts[r]));a.parts.length>n.parts.length&&(a.parts.length=n.parts.length)}else{for(var i=[],r=0;r<n.parts.length;r++)i.push(s(n.parts[r]));c[n.id]={id:n.id,refs:1,parts:i}}}}function o(){var e=document.createElement("style");return e.type="text/css",f.appendChild(e),e}function s(e){var t,n,a=document.querySelector("style["+g+'~="'+e.id+'"]');if(a){if(b)return h;a.parentNode.removeChild(a)}if(_){var r=v++;a=p||(p=o()),t=d.bind(null,a,r,!1),n=d.bind(null,a,r,!0)}else a=o(),t=l.bind(null,a),n=function(){a.parentNode.removeChild(a)};return t(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;t(e=a)}else n()}}function d(e,t,n,a){var r=n?"":a.css;if(e.styleSheet)e.styleSheet.cssText=x(t,r);else{var i=document.createTextNode(r),o=e.childNodes;o[t]&&e.removeChild(o[t]),o.length?e.insertBefore(i,o[t]):e.appendChild(i)}}function l(e,t){var n=t.css,a=t.media,r=t.sourceMap;if(a&&e.setAttribute("media",a),m.ssrId&&e.setAttribute(g,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!u)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 c={},f=u&&(document.head||document.getElementsByTagName("head")[0]),p=null,v=0,b=!1,h=function(){},m=null,g="data-vue-ssr-id",_="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase()),x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(4),i=a(r),o=n(6),s=a(o);t.default={props:{heading:{type:String},links:{type:Array},"show-header":{type:Boolean,default:!0},"header-links":{type:Array}},components:{DynaLink:s.default,TreeMenu:i.default},methods:{toggleSidebar:function(){this.$refs.sidebar.classList.toggle("active")}},data:function(){return{}}}},function(e,t,n){"use strict";function a(e){n(12)}Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),i=n.n(r);for(var o in r)"default"!==o&&function(e){n.d(t,e,function(){return r[e]})}(o);var s=n(15),d=n(0),l=a,u=Object(d.a)(i.a,s.a,s.b,!1,l,"data-v-5bc3effb",null);t.default=u.exports},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(4),i=a(r),o=n(6),s=a(o);t.default={name:"tree-menu",props:{nodes:{type:Array},className:{type:String},level:{type:Number,default:0}},components:{DynaLink:s.default,TreeMenu:i.default},methods:{slug:function(e){return"node-"+this.level+"-"+e}},data:function(){return{}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(7),r=n.n(a);for(var i in a)"default"!==i&&function(e){n.d(t,e,function(){return a[e]})}(i);var o=n(14),s=n(0),d=Object(s.a)(r.a,o.a,o.b,!1,null,null,null);t.default=d.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:["link"],computed:{isRoute:function(){return this.$router&&(this.link.to||this.link.component)}}}},function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Vue2SidebarPlugin=t.Vue2Sidebar=void 0;var r=n(9),i=a(r),o=n(17),s=a(o);s.default.config.productionTip=s.default.config.devtools=!1;var d=function(e,t){e.component("vue2-sidebar",i.default)};i.default.install=d,t.default=i.default,t.Vue2Sidebar=i.default,t.Vue2SidebarPlugin=d},function(e,t,n){"use strict";function a(e){n(10)}Object.defineProperty(t,"__esModule",{value:!0});var r=n(3),i=n.n(r);for(var o in r)"default"!==o&&function(e){n.d(t,e,function(){return r[e]})}(o);var s=n(16),d=n(0),l=a,u=Object(d.a)(i.a,s.a,s.b,!1,l,"data-v-79e831cc",null);t.default=u.exports},function(e,t,n){var a=n(11);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);var r=n(2).default;r("5bdaf483",a,!0,{})},function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,".nav-item-seperator[data-v-79e831cc]{margin:10px 0 0 10px;border-left:1px solid #ccc;height:20px}.wrapper[data-v-79e831cc]{display:flex;align-items:stretch;width:100%}#sidebar[data-v-79e831cc]{min-width:220px;max-width:220px;transition:all .3s}#sidebar p.heading[data-v-79e831cc]{padding:10px 10px 0;font-size:1.5em}#sidebar.active[data-v-79e831cc]{margin-left:-220px}#sidebar .sidebar-header[data-v-79e831cc]{padding:20px}#sidebar ul p[data-v-79e831cc]{padding:10px}#main[data-v-79e831cc]{min-height:100vh;flex-grow:1;transition:all .3s ease}#content[data-v-79e831cc]{padding:20px}@media (max-width:768px){#sidebar[data-v-79e831cc]{margin-left:-220px}#sidebar.active[data-v-79e831cc]{margin-left:0}#sidebarCollapse span[data-v-79e831cc]{display:none}}@media (min-width:600px) and (max-width:768px){#sidebar[data-v-79e831cc]{margin-left:-170px}#sidebar[data-v-79e831cc]:hover{margin-left:0}}",""])},function(e,t,n){var a=n(13);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);var r=n(2).default;r("2a27150c",a,!0,{})},function(e,t,n){t=e.exports=n(1)(!1),t.push([e.i,'ul.components[data-v-5bc3effb]{padding:0 0 20px}ul li[data-v-5bc3effb]{position:relative}ul li a[data-v-5bc3effb]{padding:10px;font-size:1.1em;display:block;transition:none}ul li:hover>i.fa[data-v-5bc3effb]{pointer-events:none}a[data-toggle=collapse][data-v-5bc3effb]{position:relative}a[aria-expanded=false][data-v-5bc3effb]:before,a[aria-expanded=true][data-v-5bc3effb]:before{display:block;position:absolute;right:20px;top:20px;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;transition:transform .4s ease .1s}a[aria-expanded=true][data-v-5bc3effb]:before{transform:rotate(180deg)}li.separator[data-v-5bc3effb]{border-top:1px solid hsla(0,0%,100%,.5);height:1px;margin:10px 0 11px}li.cta[data-v-5bc3effb]{padding:20px}li.cta a[data-v-5bc3effb]{text-align:center;font-size:.9em!important;display:block;border-radius:5px;margin-bottom:5px}.tree[data-v-5bc3effb] .icon{position:absolute;right:15px;top:15px}',""])},function(e,t,n){"use strict";n.d(t,"a",function(){return a}),n.d(t,"b",function(){return r});var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n(e.isRoute?"router-link":"a",{tag:"div",attrs:{href:e.link.href,to:e.link.to,replace:e.link.replace,"active-class":"parent-active","exact-active-class":"active"},on:{click:function(t){e.$emit("click")}}},[e.link.icon?n("i",{staticClass:"icon fa fa-fw",class:(a={},a[e.link.icon]=!0,a)}):e._e(),e._v("\n    "+e._s(e.link.label)+"\n")]);var a},r=[]},function(e,t,n){"use strict";n.d(t,"a",function(){return a}),n.d(t,"b",function(){return r});var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ul",{staticClass:"tree list-unstyled",class:e.className||"components"},e._l(e.nodes,function(t,a){return n("li",{class:(r={cta:t.button,separator:t.separator},r[t.class]=t.class,r)},[t.links?[n("a",{attrs:{href:"#"+e.slug(a),"data-toggle":"collapse","aria-expanded":"false"},domProps:{innerHTML:e._s(t.label)}}),e._v(" "),n("tree-menu",{staticStyle:{"padding-left":"20px"},attrs:{nodes:t.links,id:e.slug(a),level:e.level+1,className:"nested collapse"}})]:[t.separator?e._e():[n("dyna-link",{attrs:{link:t}})]]],2);var r}))},r=[]},function(e,t,n){"use strict";n.d(t,"a",function(){return a}),n.d(t,"b",function(){return r});var a=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"wrapper"},[e._t("sidebar-header"),e._v(" "),n("nav",{ref:"sidebar",attrs:{id:"sidebar"}},[e.heading?n("p",{staticClass:"heading",domProps:{innerHTML:e._s(e.heading)}}):e._e(),e._v(" "),n("tree-menu",{attrs:{nodes:e.links}})],1),e._v(" "),n("div",{attrs:{id:"main"}},[e.showHeader?n("nav",{staticClass:"navbar navbar-expand navbar-light bg-light"},[n("a",{attrs:{href:"#"},on:{click:function(t){return t.preventDefault(),e.toggleSidebar(t)}}},[n("span",{staticClass:"navbar-toggler-icon"})]),e._v(" "),n("div",{staticClass:"collapse navbar-collapse",attrs:{id:"navbarSupportedContent"}},[e._t("header-links",[n("ul",{staticClass:"navbar-nav ml-auto"},e._l(e.headerLinks,function(t){return n("li",{staticClass:"nav-item",class:{dropdown:!!t.links}},[t.separator?n("div",{staticClass:"nav-item-seperator"}):t.links?[n("a",{staticClass:"nav-link dropdown-toggle",attrs:{href:"#",id:"navbarDropdown",role:"button","data-toggle":"dropdown"}},[e._v(e._s(t.label))]),e._v(" "),n("div",{staticClass:"dropdown-menu dropdown-menu-right",attrs:{"aria-labelledby":"navbarDropdown"}},e._l(t.links,function(t){return n("div",{class:{"dropdown-divider":t.separator}},[t.separator?e._e():n("dyna-link",{staticClass:"dropdown-item",attrs:{link:t},on:{click:function(n){e.$emit("link-click",t)}}})],1)}))]:n("dyna-link",{class:(a={"nav-link":!t.button},a["btn btn-sm my-1 "+(t.buttonClass||"btn-success")]=t.button,a),attrs:{link:t},on:{click:function(n){e.$emit("link-click",t)}}})],2);var a}))])],2)]):e._e(),e._v(" "),n("div",{attrs:{id:"content"}},[e._t("default",e._l(100,function(t){return n("div",[n("h3",[e._v("Lorem Ipsum Dolor")]),e._v(" "),n("p",[e._v("Lorem Ipsum is simply dummy text of the printing and typesetting industry.")])])}))],2)])],2)},r=[]},function(t,n){t.exports=e}])});