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

Vue component library for Dialpad's design system Dialtone

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./root-layout-constants.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),s={name:"DtRootLayout",props:{fixed:{type:Boolean,default:!0},headerClass:{type:[String,Array,Object],default:""},headerHeight:{type:String,default:"64px"},headerSticky:{type:Boolean,default:!1},contentClass:{type:[String,Array,Object],default:""},sidebarClass:{type:[String,Array,Object],default:""},sidebarWidth:{type:String,default:"256px"},sidebarPosition:{type:String,default:"left",validator:o=>Object.values(a.ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(o)},footerClass:{type:[String,Array,Object],default:""},footerHeight:{type:String,default:"64px"},responsiveBreakpoint:{type:String,default:null,validator:o=>a.ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(o)}},computed:{isInverted(){return this.sidebarPosition===a.ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT},responsiveBreakpointClass(){return this.responsiveBreakpoint?`d-root-layout__responsive--${this.responsiveBreakpoint}`:"d-root-layout__responsive--default"}}};var d=function(){var t=this,e=t._self._c;return e("div",{class:["root-layout","d-root-layout",{"d-root-layout--fixed":t.fixed,"d-root-layout--inverted":t.isInverted},t.responsiveBreakpointClass],attrs:{"data-qa":"dt-root-layout"}},[e("header",{class:["d-root-layout__header",{"d-root-layout__header--sticky":t.headerSticky},t.headerClass],attrs:{"data-qa":"dt-root-layout-header"}},[t._t("header")],2),e("aside",{ref:"root-layout-sidebar",class:["d-root-layout__sidebar",t.sidebarClass],attrs:{tabindex:"0","data-qa":"dt-root-layout-sidebar"}},[t._t("sidebar")],2),e("main",{ref:"root-layout-content",class:["d-root-layout__content",t.contentClass],attrs:{"data-qa":"dt-root-layout-content",tabindex:"0"}},[t._t("default")],2),e("footer",{class:["d-root-layout__footer",t.footerClass],attrs:{"data-qa":"dt-root-layout-footer"}},[t._t("footer")],2)])},i=[],l=r.n(s,d,i);const n=l.exports;exports.default=n;
//# sourceMappingURL=root-layout.cjs.map