@dialpad/dialtone-vue/dist/lib/item-layout/item-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("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),l={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 s=this.$slots.left?"auto":"",t=this.$slots.right?"auto":"",e=this.$slots.selected?"auto":"";return`
        grid-template-columns: ${s} 1fr ${t} ${e};
      `}}};var o=function(){var t=this,e=t._self._c;return e(t.as,{tag:"component",class:t.unstyled?"d-item-layout--custom":"d-item-layout",style:t.unstyled&&t.dynamicGridTemplateColumns()},[t.$slots.left?e("section",{class:[t.leftClass,"d-item-layout__left"],attrs:{"data-qa":"dt-item-layout-left-wrapper"}},[t._t("left")],2):t._e(),e("section",{class:[t.contentClass,"d-item-layout__content"],attrs:{"data-qa":"dt-item-layout-content-wrapper"}},[t.$slots.default?e("div",{class:[t.titleClass,"d-item-layout__title"],attrs:{"data-qa":"dt-item-layout-title-wrapper"}},[t._t("default")],2):t._e(),t.$slots.subtitle?e("div",{class:[t.subtitleClass,"d-item-layout__subtitle",{"d-item-layout__subtitle-with-title":t.$slots.default}],attrs:{"data-qa":"dt-item-layout-subtitle-wrapper"}},[t._t("subtitle")],2):t._e(),t.$slots.bottom?e("div",{class:[t.bottomClass,"d-item-layout__bottom"],attrs:{"data-qa":"dt-item-layout-bottom-wrapper"}},[t._t("bottom")],2):t._e()]),t.$slots.right?e("section",{class:[t.rightClass,"d-item-layout__right"],attrs:{"data-qa":"dt-item-layout-right-wrapper"}},[t._t("right")],2):t._e(),t.$slots.selected?e("section",{class:[t.selectedClass,"d-item-layout__selected"],attrs:{"data-qa":"dt-item-layout-selected-wrapper"}},[t._t("selected")],2):t._e()])},i=[],r=a.n(l,o,i);const d=r.exports;exports.default=d;
//# sourceMappingURL=item-layout.cjs.map