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

Dialpad's Dialtone design system monorepo

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../common/utils/index.cjs"),t=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),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(){const e=this.$slots.left?"auto":"",s=this.$slots.right?"auto":"",l=this.$slots.selected?"auto":"";return`
        grid-template-columns: ${e} 1fr ${s} ${l};
      `},hasSlotContent:o.hasSlotContent}};function d(e,s,l,u,m,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.as),{class:t.normalizeClass(l.unstyled?"d-item-layout--custom":"d-item-layout"),style:t.normalizeStyle(l.unstyled&&a.dynamicGridTemplateColumns())},{default:t.withCtx(()=>[a.hasSlotContent(e.$slots.left)?(t.openBlock(),t.createElementBlock("section",{key:0,"data-qa":"dt-item-layout-left-wrapper",class:t.normalizeClass([l.leftClass,"d-item-layout__left"])},[t.renderSlot(e.$slots,"left")],2)):t.createCommentVNode("",!0),t.createElementVNode("section",{"data-qa":"dt-item-layout-content-wrapper",class:t.normalizeClass([l.contentClass,"d-item-layout__content"])},[a.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-item-layout-title-wrapper",class:t.normalizeClass([l.titleClass,"d-item-layout__title"])},[t.renderSlot(e.$slots,"default")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.subtitle)?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass([l.subtitleClass,"d-item-layout--subtitle",{"d-item-layout--subtitle--with-title":a.hasSlotContent(e.$slots.default)}])},[t.renderSlot(e.$slots,"subtitle")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.bottom)?(t.openBlock(),t.createElementBlock("div",{key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:t.normalizeClass([l.bottomClass,"d-item-layout__bottom"])},[t.renderSlot(e.$slots,"bottom")],2)):t.createCommentVNode("",!0)],2),a.hasSlotContent(e.$slots.right)?(t.openBlock(),t.createElementBlock("section",{key:1,"data-qa":"dt-item-layout-right-wrapper",class:t.normalizeClass([l.rightClass,"d-item-layout__right"])},[t.renderSlot(e.$slots,"right")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.selected)?(t.openBlock(),t.createElementBlock("section",{key:2,"data-qa":"dt-item-layout-selected-wrapper",class:t.normalizeClass([l.selectedClass,"d-item-layout__selected"])},[t.renderSlot(e.$slots,"selected")],2)):t.createCommentVNode("",!0)]),_:3},8,["class","style"])}const i=n._(r,[["render",d]]);exports.default=i;
//# sourceMappingURL=item-layout.cjs.map