@dialpad/dialtone-vue/dist/lib/stack/stack.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("./stack-constants.cjs"),s=require("./validators.cjs"),i=require("./utils.cjs"),n=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),l={name:"DtStack",props:{direction:{type:[String,Object],default:"column",validator:t=>s.directionValidator(t)},as:{type:String,default:"div"},gap:{type:[String,Object],default:"0",validator:t=>s.gapValidator(t)},align:{type:[String,Object],validator:t=>s.alignValidator(t)},justify:{type:[String,Object],default:"start",validator:t=>s.justifyValidator(t)}},data(){return{DT_STACK_DIRECTION:a.DT_STACK_DIRECTION,DT_STACK_GAP:a.DT_STACK_GAP,DT_STACK_RESPONSIVE_BREAKPOINTS:a.DT_STACK_RESPONSIVE_BREAKPOINTS,DT_STACK_ALIGN:a.DT_STACK_ALIGN,DT_STACK_JUSTIFY:a.DT_STACK_JUSTIFY}},computed:{defaultGap(){return i.getDefaultGapClass(this.gap)},defaultDirection(){return i.getDefaultDirectionClass(this.direction)},defaultAlign(){return i.getDefaultAlignClass(this.align)},defaultJustify(){return i.getDefaultJustifyClass(this.justify)},stackResponsive(){return i.getResponsiveClasses(this.direction,this.gap,this.align,this.justify)}}};var u=function(){var e=this,r=e._self._c;return r(e.as,{tag:"component",class:["d-stack",e.defaultDirection,e.defaultGap,e.defaultAlign,e.defaultJustify,e.stackResponsive],attrs:{"data-qa":"dt-stack"}},[e._t("default")],2)},_=[],c=n.n(l,u,_);const o=c.exports;exports.default=o;
//# sourceMappingURL=stack.cjs.map