https://nerdipedia.com/wiki/public/generated/js/styleguide.js

1import{openBlock as u,createElementBlock as l,normalizeClass as S,renderSlot as _,resolveDirective as I,createElementVNode as m,withDirectives as N,createCommentVNode as b,toDisplayString as V}from"vue";import{_ as C}from"./assets/_plugin-vue_export-helper-DlAUqK2U.js";import{g as A}from"./assets/_commonjsHelpers-CE1G-McA.js";import{createPopper as j}from"@popperjs/core";const F={name:"Button",props:{variant:{type:String,required:!1,default:"primary"},sm:{type:Boolean}}};function J(e,s,n,f,g,i){return u(),l("button",{type:"button",class:S(["btn",`btn-${n.variant}`,{"btn-sm":n.sm}])},[_(e.$slots,"default")],2)}const pe=C(F,[["render",J]]);var $={exports:{}},L=$.exports,D;function R(){return D||(D=1,(function(e,s){(function(n,f){e.exports=f()})(L,function(){var n="__v-click-outside",f=typeof window<"u",g=typeof navigator<"u",i=f&&("ontouchstart"in window||g&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"],p=function(t){var o=t.event,a=t.handler;(0,t.middleware)(o)&&a(o)},y=function(t,o){var a=(function(r){var d=typeof r=="function";if(!d&&typeof r!="object")throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:d?r:r.handler,middleware:r.middleware||function(c){return c},events:r.events||i,isActive:r.isActive!==!1,detectIframe:r.detectIframe!==!1,capture:!!r.capture}})(o.value),k=a.handler,P=a.middleware,q=a.detectIframe,T=a.capture;if(a.isActive){if(t[n]=a.events.map(function(r){return{event:r,srcTarget:document.documentElement,handler:function(d){return(function(c){var v=c.el,h=c.event,M=c.handler,w=c.middleware,B=h.path||h.composedPath&&h.composedPath();(B?B.indexOf(v)<0:!v.contains(h.target))&&p({event:h,handler:M,middleware:w})})({el:t,event:d,handler:k,middleware:P})},capture:T}}),q){var x={event:"blur",srcTarget:window,handler:function(r){return(function(d){var c=d.el,v=d.event,h=d.handler,M=d.middleware;setTimeout(function(){var w=document.activeElement;w&&w.tagName==="IFRAME"&&!c.contains(w)&&p({event:v,handler:h,middleware:M})},0)})({el:t,event:r,handler:k,middleware:P})},capture:T};t[n]=[].concat(t[n],[x])}t[n].forEach(function(r){var d=r.event,c=r.srcTarget,v=r.handler;return setTimeout(function(){t[n]&&c.addEventListener(d,v,T)},0)})}},E=function(t){(t[n]||[]).forEach(function(o){return o.srcTarget.removeEventListener(o.event,o.handler,o.capture)}),delete t[n]},O=f?{beforeMount:y,updated:function(t,o){var a=o.value,k=o.oldValue;JSON.stringify(a)!==JSON.stringify(k)&&(E(t),y(t,{value:a}))},unmounted:E}:{};return{install:function(t){t.directive("click-outside",O)},directive:O}})})($)),$.exports}var z=R();const U=A(z),G={name:"Dropdown",directives:{clickOutside:U.directive},beforeUnmount(){this.popper&&this.destroyPopper()},props:{variant:{type:String,required:!1,default:"primary"},sm:{type:Boolean}},data:function(){return{showMenu:!1,popper:null}},methods:{initPopper:function(){this.popper=j(this.$refs.button,this.$refs.dropdown,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,5]}}]})},destroyPopper:function(){this.popper.destroy()},handleToggleMenu:function(){this.showMenu=!this.showMenu,this.showMenu?this.$nextTick(()=>{this.initPopper()}):this.popper&&this.destroyPopper()},onClickOutside(e){this.showMenu=!1,this.popper&&this.destroyPopper()}}},H={class:"dropdown"},K={key:0,ref:"dropdown",class:"dropdown-menu d-block","aria-labelledby":"dropdownMenuButton"};function Q(e,s,n,f,g,i){const p=I("click-outside");return u(),l("div",H,[m("button",{ref:"button",type:"button",class:S(["btn",`btn-${n.variant}`,{"btn-sm":n.sm}]),onClick:s[0]||(s[0]=(...y)=>i.handleToggleMenu&&i.handleToggleMenu(...y))},[_(e.$slots,"dropdown-button")],2),e.showMenu?N((u(),l("div",K,[_(e.$slots,"dropdown-menu")])),[[p,i.onClickOutside]]):b("",!0)])}const he=C(G,[["render",Q]]),W={name:"Card",props:{title:{type:String,required:!1,default:""}}},X={class:"card"},Y={class:"card-body"},Z={key:0,class:"card-title"},ee={class:"card-text"};function te(e,s,n,f,g,i){return u(),l("div",X,[m("div",Y,[n.title?(u(),l("h5",Z,V(n.title),1)):b("",!0),m("p",ee,[_(e.$slots,"default")])])])}const me=C(W,[["render",te]]),ne={name:"Sidebar",data:function(){return{hideSidebar:!0}},methods:{handleToggleSidebar:function(e){this.hideSidebar=!this.hideSidebar}}},re={class:"grid-container"},ie={key:0,class:"fas fa-chevron-left"},oe={key:1,class:"fas fa-chevron-right"},ae={class:"sidebar-content"},de={key:1,class:"sidebar-content-big"};function se(e,s,n,f,g,i){return u(),l("div",re,[m("div",{class:S(["sidebar",{"sidebar-small":e.hideSidebar}])},[m("button",{class:"btn btn-light btn-sm mt-2 float-end",onClick:s[0]||(s[0]=(...p)=>i.handleToggleSidebar&&i.handleToggleSidebar(...p))},[e.hideSidebar?b("",!0):(u(),l("i",ie)),e.hideSidebar?(u(),l("i",oe)):b("",!0)]),m("div",ae,[e.hideSidebar?(u(),l("div",{key:0,class:"sidebar-content-small",onClick:s[1]||(s[1]=(...p)=>i.handleToggleSidebar&&i.handleToggleSidebar(...p))})):b("",!0),e.hideSidebar?b("",!0):(u(),l("div",de,[_(e.$slots,"sidebar-content",{},void 0,!0)]))])],2),m("div",{class:S(["main-content",{"main-content-large":e.hideSidebar}])},[_(e.$slots,"default",{},void 0,!0)],2)])}const ve=C(ne,[["render",se],["__scopeId","data-v-a83c37c9"]]);export{pe as Button,me as Card,he as Dropdown,ve as Sidebar};
2//# sourceMappingURL=styleguide.js.map