@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
3 lines (2 loc) • 2 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./empty-state-constants.cjs"),i=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),o=require("../stack/stack.cjs"),n={name:"DtEmptyState",components:{DtStack:o.default},props:{size:{type:String,default:"lg",validator:a=>Object.keys(e.EMPTY_STATE_SIZE_MODIFIERS).includes(a)},headerText:{type:String,required:!0},bodyText:{type:String,default:null}},computed:{hasIcon(){return this.$scopedSlots.icon&&this.$scopedSlots.icon()},hasIllustration(){return this.$scopedSlots.illustration&&this.$scopedSlots.illustration()},isSmallSize(){return this.size==="sm"},showIcon(){return this.hasIcon&&(!this.hasIllustration||this.isSmallSize)},showIllustration(){return this.hasIllustration&&!this.isSmallSize},sizeClass(){return e.EMPTY_STATE_SIZE_MODIFIERS[this.size]},emptyStateClasses(){return["d-empty-state",this.sizeClass]},contentClass(){return e.EMPTY_STATE_CONTENT_SIZE_MODIFIERS[this.size]},headlineClass(){return e.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[this.size]},bodyClass(){return e.EMPTY_STATE_BODY_SIZE_MODIFIERS[this.size]}},mounted(){!this.bodyText&&!this.$slots.body&&console.error("DtEmptyState: You should provide either bodyText or content on body slot.")}};var r=function(){var t=this,s=t._self._c;return s("dt-stack",{class:t.emptyStateClasses},[t.showIllustration?s("span",{staticClass:"d-empty-state__illustration"},[t._t("illustration")],2):t._e(),t.showIcon?s("span",{staticClass:"d-empty-state__icon"},[t._t("icon",null,{iconSize:"800"})],2):t._e(),s("dt-stack",{class:["d-empty-state__content",t.contentClass],attrs:{gap:"450"}},[s("div",{class:["d-empty-state__header-text",t.headlineClass]},[t._v(" "+t._s(t.headerText)+" ")]),t.bodyText?s("p",{class:["d-empty-state__body-text",t.bodyClass]},[t._v(" "+t._s(t.bodyText)+" ")]):t._e()]),t._t("body")],2)},l=[],_=i.n(n,r,l);const c=_.exports;exports.default=c;
//# sourceMappingURL=empty-state.cjs.map