text: (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[15],{a6c5:function(e,t,a){"use strict";a.r(t);var i=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"q-ma-md",staticStyle:{"max-width":"800px",width:"100%"}},[a("q-window",{attrs:{title:"QWindow Complex Slot",height:600,width:400,actions:["embedded","pin","maximize","fullscreen"],embedded:"","content-class":e.$q.dark.isActive?"bg-grey-8":"bg-grey-1"},scopedSlots:e._u([{key:"default",fn:function(t){var i=t.zIndex;return[a("div",{staticClass:"fit"},[a("q-layout",{staticClass:"shadow-2 rounded-borders",staticStyle:{height:"100%"},attrs:{view:"lhh LpR lff",container:""}},[a("q-header",{staticClass:"bg-black",attrs:{reveal:""}},[a("q-toolbar",[a("q-btn",{attrs:{flat:"",round:"",dense:"",icon:"menu"},on:{click:function(t){e.drawerLeft=!e.drawerLeft}}}),a("q-toolbar-title",[e._v("Header")]),a("q-btn",{attrs:{flat:"",round:"",dense:"",icon:"menu"},on:{click:function(t){e.drawerRight=!e.drawerRight}}})],1)],1),a("q-footer",[a("q-toolbar",[a("q-toolbar-title",[e._v("Footer")])],1)],1),a("q-drawer",{style:{zIndex:i+1},attrs:{width:350,breakpoint:700,bordered:"","content-class":"bg-grey-3"},model:{value:e.drawerLeft,callback:function(t){e.drawerLeft=t},expression:"drawerLeft"}},[a("q-scroll-area",{staticClass:"fit"},[a("div",{staticClass:"q-pa-sm"},e._l(50,(function(t){return a("div",{key:t},[e._v("Drawer "+e._s(t)+" / 50")])})),0)])],1),a("q-drawer",{style:{zIndex:i+1},attrs:{side:"right",bordered:"",width:350,breakpoint:500,"content-class":"bg-grey-3"},model:{value:e.drawerRight,callback:function(t){e.drawerRight=t},expression:"drawerRight"}},[a("q-scroll-area",{staticClass:"fit"},[a("div",{staticClass:"q-pa-sm"},e._l(50,(function(t){return a("div",{key:t},[e._v("Drawer "+e._s(t)+" / 50")])})),0)])],1),a("q-page-container",[a("q-page",{staticClass:"q-pa-md",staticStyle:{"padding-top":"60px"}},[a("q-markdown",[e._v('\nSome information about **QWindow**:\n1. If it starts off embedded, but you can `unlock` it from the menu to make it `float`\n2. If floating, you can `embed` it back again\n3. If floating, you can move it around (via caption), or resize it (via sides and corners)\n4. If a QWindow is embeddable, you can `close` it while in embedded or floating states. It is up to the developer to provide a way to bring it back (ex: via a QBtn - close this window and try it!)\n5. You can enter fullscreen mode (currently while floating)\n6. The menu can be manipulated in devland. Notice the "Bring to Front" and "Send to Back" functions (while floating)\n7. QWindow is embeddable anywhere like a normal HTML element. It displayes slotted content provided by the developer\n8. On any move or resize (while floating), `position` is emitted with `{x, y, width, height }` values\n9. If initial `startX`, `startY`, `width` and `height` are not given, defaults will be used. The algorithm always makes sure two windows do not completely overlap each other on initial render\n                ')]),a("q-page-sticky",{staticClass:"bg-accent text-white",attrs:{position:"top",expand:""}},[a("q-toolbar",[a("q-btn",{attrs:{flat:"",round:"",dense:"",icon:"map"}}),a("q-toolbar-title",[e._v("Title")])],1)],1)],1),a("q-page-scroller",{attrs:{position:"bottom"}},[a("q-btn",{attrs:{fab:"",icon:"keyboard_arrow_up",color:"red"}})],1)],1)],1)],1)]}}]),model:{value:e.visible,callback:function(t){e.visible=t},expression:"visible"}})],1)},n=[],o={name:"ComplexSlot",data:function(){return{visible:!0,drawerLeft:!1,drawerRight:!1}}},r=o,l=a("2877"),s=a("4d5a"),d=a("e359"),c=a("65c6"),u=a("9c40"),b=a("6ac5"),w=a("7ff0"),f=a("9404"),h=a("4983"),p=a("09e3"),m=a("9989"),g=a("de5e"),v=a("5096"),y=a("eebe"),q=a.n(y),k=Object(l["a"])(r,i,n,!1,null,null,null);t["default"]=k.exports;q()(k,"components",{QLayout:s["a"],QHeader:d["a"],QToolbar:c["a"],QBtn:u["a"],QToolbarTitle:b["a"],QFooter:w["a"],QDrawer:f["a"],QScrollArea:h["a"],QPageContainer:p["a"],QPage:m["a"],QPageSticky:g["a"],QPageScroller:v["a"]})}}]);