@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 1.64 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@dialpad/dialtone-icons/vue3"),i=require("./unread-pill-constants.cjs"),a=require("../../localization/index.cjs"),e=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtRecipeUnreadPill",components:{DtIconArrowUp:o.DtIconArrowUp,DtIconArrowDown:o.DtIconArrowDown},props:{kind:{type:String,required:!0,validator:t=>i.UNREAD_PILL_KINDS.includes(t)},direction:{type:String,required:!0,validator:t=>i.UNREAD_PILL_DIRECTIONS.includes(t)}},emits:["click"],data(){return{i18n:new a.DialtoneLocalization}},computed:{text(){return this.kind==="mentions"?this.i18n.$t("DIALTONE_UNREAD_PILL_MENTIONS_TEXT"):this.i18n.$t("DIALTONE_UNREAD_PILL_MESSAGES_TEXT")},unreadChipListeners(){return{click:t=>this.$emit("click",t)}}}},s={"data-qa":"dt-recipe-leftbar-unread-pill__label"};function _(t,D,r,m,E,n){const c=e.resolveComponent("dt-icon-arrow-up"),l=e.resolveComponent("dt-icon-arrow-down");return e.openBlock(),e.createElementBlock("button",e.mergeProps({class:["d-recipe-leftbar-unread-pill",`d-recipe-leftbar-unread-pill-${r.kind}`],type:"button","data-qa":"dt-recipe-leftbar-unread-pill"},e.toHandlers(n.unreadChipListeners,!0)),[r.direction==="up"?(e.openBlock(),e.createBlock(c,{key:0,size:"300"})):(e.openBlock(),e.createBlock(l,{key:1,size:"300"})),e.createElementVNode("span",s,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])])],16)}const p=d._(u,[["render",_]]);exports.default=p;
//# sourceMappingURL=unread-pill.cjs.map