@dialpad/dialtone/dist/vue3/lib/root-layout/root-layout.cjs

Dialpad's Dialtone design system monorepo

Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`),t=require(`./root-layout-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRootLayout`,props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:``},headerHeight:{type:String,default:`64px`},headerSticky:{type:Boolean,default:!1},bodyClass:{type:[String,Array,Object],default:``},contentClass:{type:[String,Array,Object],default:``},sidebarClass:{type:[String,Array,Object],default:``},sidebarWidth:{type:String,default:`256px`},sidebarPosition:{type:String,default:`left`,validator:e=>Object.values(t.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(e)},footerClass:{type:[String,Array,Object],default:``},footerHeight:{type:String,default:`64px`},responsiveBreakpoint:{type:String,default:null,validator:e=>t.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(e)}},computed:{isInverted(){return this.sidebarPosition===t.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:`d-root-layout__responsive--default`}}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`root-layout`,`d-root-layout`,{"d-root-layout--fixed":r.fixed,"d-root-layout--inverted":o.isInverted},o.responsiveBreakpointClass]),"data-qa":`dt-root-layout`},[(0,n.createElementVNode)(`header`,{class:(0,n.normalizeClass)([`d-root-layout__header`,{"d-root-layout__header--sticky":r.headerSticky},r.headerClass]),"data-qa":`dt-root-layout-header`},[(0,n.renderSlot)(e.$slots,`header`)],2),(0,n.createElementVNode)(`aside`,{ref:`root-layout-sidebar`,tabindex:`0`,class:(0,n.normalizeClass)([`d-root-layout__sidebar`,r.sidebarClass]),"data-qa":`dt-root-layout-sidebar`},[(0,n.renderSlot)(e.$slots,`sidebar`)],2),(0,n.createElementVNode)(`main`,{ref:`root-layout-content`,class:(0,n.normalizeClass)([`d-root-layout__content`,r.contentClass]),"data-qa":`dt-root-layout-content`,tabindex:`0`},[(0,n.renderSlot)(e.$slots,`default`)],2),(0,n.createElementVNode)(`footer`,{class:(0,n.normalizeClass)([`d-root-layout__footer`,r.footerClass]),"data-qa":`dt-root-layout-footer`},[(0,n.renderSlot)(e.$slots,`footer`)],2)],2)}var a=e.t(r,[[`render`,i]]);exports.default=a;
//# sourceMappingURL=root-layout.cjs.map