@dialpad/dialtone/dist/vue3/lib/item-layout/item-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(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtItemLayout`,props:{as:{type:String,default:`div`},unstyled:{type:Boolean,default:!1},leftClass:{type:String,default:``},contentClass:{type:String,default:``},titleClass:{type:String,default:``},subtitleClass:{type:String,default:``},bottomClass:{type:String,default:``},rightClass:{type:String,default:``},selectedClass:{type:String,default:``}},methods:{dynamicGridTemplateColumns(){return`
        grid-template-columns: ${this.$slots.left?`auto`:``} 1fr ${this.$slots.right?`auto`:``} ${this.$slots.selected?`auto`:``};
      `},hasSlotContent:e.hasSlotContent}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{class:(0,n.normalizeClass)(r.unstyled?`d-item-layout--custom`:`d-item-layout`),style:(0,n.normalizeStyle)(r.unstyled&&o.dynamicGridTemplateColumns())},{default:(0,n.withCtx)(()=>[o.hasSlotContent(e.$slots.left)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:0,"data-qa":`dt-item-layout-left-wrapper`,class:(0,n.normalizeClass)([r.leftClass,`d-item-layout__left`])},[(0,n.renderSlot)(e.$slots,`left`)],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`section`,{"data-qa":`dt-item-layout-content-wrapper`,class:(0,n.normalizeClass)([r.contentClass,`d-item-layout__content`])},[o.hasSlotContent(e.$slots.default)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,"data-qa":`dt-item-layout-title-wrapper`,class:(0,n.normalizeClass)([r.titleClass,`d-item-layout__title`])},[(0,n.renderSlot)(e.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.subtitle)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,"data-qa":`dt-item-layout-subtitle-wrapper`,class:(0,n.normalizeClass)([r.subtitleClass,`d-item-layout--subtitle`,{"d-item-layout--subtitle--with-title":o.hasSlotContent(e.$slots.default)}])},[(0,n.renderSlot)(e.$slots,`subtitle`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.bottom)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,"data-qa":`dt-item-layout-bottom-wrapper`,class:(0,n.normalizeClass)([r.bottomClass,`d-item-layout__bottom`])},[(0,n.renderSlot)(e.$slots,`bottom`)],2)):(0,n.createCommentVNode)(``,!0)],2),o.hasSlotContent(e.$slots.right)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:1,"data-qa":`dt-item-layout-right-wrapper`,class:(0,n.normalizeClass)([r.rightClass,`d-item-layout__right`])},[(0,n.renderSlot)(e.$slots,`right`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.selected)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:2,"data-qa":`dt-item-layout-selected-wrapper`,class:(0,n.normalizeClass)([r.selectedClass,`d-item-layout__selected`])},[(0,n.renderSlot)(e.$slots,`selected`)],2)):(0,n.createCommentVNode)(``,!0)]),_:3},8,[`class`,`style`])}var a=t.t(r,[[`render`,i]]);exports.default=a;
//# sourceMappingURL=item-layout.cjs.map