https://sara-school.netlify.app/assets/QLayout-wnoAWumk.js

1import{c as L,g as R,i as E,j as w,l as Q,ao as q,ap as K,b as r,h as c,e as O,r as d,aq as b,ar as I,a7 as g,w as M,as as U,am as _}from"./index-DmMWFTlW.js";import{Q as k}from"./QScrollObserver-fP4Zahiv.js";import{Q as x}from"./QResizeObserver-DbOjZLhN.js";const J=L({name:"QPageContainer",setup(t,{slots:m}){const{proxy:{$q:u}}=R(),n=E(Q,w);if(n===w)return console.error("QPageContainer needs to be child of QLayout"),w;q(K,!0);const f=r(()=>{const i={};return n.header.space===!0&&(i.paddingTop=`${n.header.size}px`),n.right.space===!0&&(i[`padding${u.lang.rtl===!0?"Left":"Right"}`]=`${n.right.size}px`),n.footer.space===!0&&(i.paddingBottom=`${n.footer.size}px`),n.left.space===!0&&(i[`padding${u.lang.rtl===!0?"Right":"Left"}`]=`${n.left.size}px`),i});return()=>c("div",{class:"q-page-container",style:f.value},O(m.default))}}),N=L({name:"QLayout",props:{container:Boolean,view:{type:String,default:"hhh lpr fff",validator:t=>/^(h|l)h(h|r) lpr (f|l)f(f|r)$/.test(t.toLowerCase())},onScroll:Function,onScrollHeight:Function,onResize:Function},setup(t,{slots:m,emit:u}){const{proxy:{$q:n}}=R(),f=d(null),i=d(n.screen.height),y=d(t.container===!0?0:n.screen.width),z=d({position:0,direction:"down",inflectionPoint:0}),h=d(0),a=d(I.value===!0?0:b()),P=r(()=>"q-layout q-layout--"+(t.container===!0?"containerized":"standard")),H=r(()=>t.container===!1?{minHeight:n.screen.height+"px"}:null),T=r(()=>a.value!==0?{[n.lang.rtl===!0?"left":"right"]:`${a.value}px`}:null),W=r(()=>a.value!==0?{[n.lang.rtl===!0?"right":"left"]:0,[n.lang.rtl===!0?"left":"right"]:`-${a.value}px`,width:`calc(100% + ${a.value}px)`}:null);function F(e){if(t.container===!0||document.qScrollPrevented!==!0){const o={position:e.position.top,direction:e.direction,directionChanged:e.directionChanged,inflectionPoint:e.inflectionPoint.top,delta:e.delta.top};z.value=o,t.onScroll!==void 0&&u("scroll",o)}}function j(e){const{height:o,width:s}=e;let l=!1;i.value!==o&&(l=!0,i.value=o,t.onScrollHeight!==void 0&&u("scrollHeight",o),S()),y.value!==s&&(l=!0,y.value=s),l===!0&&t.onResize!==void 0&&u("resize",e)}function B({height:e}){h.value!==e&&(h.value=e,S())}function S(){if(t.container===!0){const e=i.value>h.value?b():0;a.value!==e&&(a.value=e)}}let v=null;const $={instances:{},view:r(()=>t.view),isContainer:r(()=>t.container),rootRef:f,height:i,containerHeight:h,scrollbarWidth:a,totalWidth:r(()=>y.value+a.value),rows:r(()=>{const e=t.view.toLowerCase().split(" ");return{top:e[0].split(""),middle:e[1].split(""),bottom:e[2].split("")}}),header:g({size:0,offset:0,space:!1}),right:g({size:300,offset:0,space:!1}),footer:g({size:0,offset:0,space:!1}),left:g({size:300,offset:0,space:!1}),scroll:z,animate(){v!==null?clearTimeout(v):document.body.classList.add("q-body--layout-animate"),v=setTimeout(()=>{v=null,document.body.classList.remove("q-body--layout-animate")},155)},update(e,o,s){$[e][o]=s}};if(q(Q,$),b()>0){let e=function(){l=null,p.classList.remove("hide-scrollbar")},o=function(){if(l===null){if(p.scrollHeight>n.screen.height)return;p.classList.add("hide-scrollbar")}else clearTimeout(l);l=setTimeout(e,300)},s=function(C){l!==null&&C==="remove"&&(clearTimeout(l),e()),window[`${C}EventListener`]("resize",o)},l=null;const p=document.body;M(()=>t.container!==!0?"add":"remove",s),t.container!==!0&&s("add"),U(()=>{s("remove")})}return()=>{const e=_(m.default,[c(k,{onScroll:F}),c(x,{onResize:j})]),o=c("div",{class:P.value,style:H.value,ref:t.container===!0?void 0:f,tabindex:-1},e);return t.container===!0?c("div",{class:"q-layout-container overflow-hidden",ref:f},[c(x,{onResize:B}),c("div",{class:"absolute-full",style:T.value},[c("div",{class:"scroll",style:W.value},[o])])]):o}}});export{J as Q,N as a};