@dialpad/dialtone/dist/vue2/lib/emoji-row/emoji-row.cjs

Dialpad's Dialtone design system monorepo

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./emoji-row-constants.cjs"),s=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a=require("../tooltip/tooltip.cjs"),c=require("../button/button.cjs"),m=require("../emoji/emoji.cjs"),l=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),_=require("../../common/mixins/localization.cjs"),d={name:"DtRecipeEmojiRow",components:{DtTooltip:a.default,DtButton:c.default,DtEmoji:m.default,DtEmojiTextWrapper:l.default},mixins:[_.default],props:{reactions:{type:Array,default:()=>[],validator:t=>{for(const e of t)if(!n.REACTIONS_ATTRIBUTES.every(i=>e[i]!==void 0))return!1;return!0}}},emits:["emoji-clicked","emoji-hovered"],methods:{emojiClicked(t){this.$emit("emoji-clicked",t.emojiUnicodeOrShortname)},emojiHovered(t,e){this.$emit("emoji-hovered",{reaction:t.emojiUnicodeOrShortname,state:e})},reactionLabel(t){return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL",{reactionCount:t.num,name:t.name||"A person",selected:t.isSelected.toString(),reaction:t.emojiUnicodeOrShortname})}}};var u=function(){var e=this,o=e._self._c;return o("span",{staticClass:"d-recipe-emoji-row"},[e._l(e.reactions,function(i){return o("span",{key:i.unicodeOutput},[o("dt-tooltip",{staticClass:"d-recipe-emoji-row__tooltip",attrs:{"content-class":"d-recipe-emoji-row__tooltip-content",sticky:"popper"},on:{shown:r=>e.emojiHovered(i,r)},scopedSlots:e._u([{key:"anchor",fn:function({attrs:r}){return[o("dt-button",{class:["d-recipe-emoji-row__reaction",i.isSelected?"d-recipe-emoji-row__reaction--selected":""],attrs:{importance:"clear",size:"sm","data-qa":"feed-item-reaction-button","aria-label":e.reactionLabel(i),attrs:r},on:{click:function(v){return e.emojiClicked(i)}}},[o("span",{staticClass:"d-recipe-emoji-row__emoji"},[o("dt-emoji",{attrs:{size:"200",code:i.emojiUnicodeOrShortname}})],1),o("span",{staticClass:"d-recipe-emoji-row__reaction-number"},[e._v(" "+e._s(i.num)+" ")])])]}}],null,!0)},[o("span",{attrs:{"aria-hidden":"true"}},[o("dt-emoji-text-wrapper",{attrs:{size:"200"}},[e._v(" "+e._s(e.reactionLabel(i))+" ")])],1)])],1)}),e._t("picker")],2)},p=[],j=s.n(d,u,p);const f=j.exports;exports.default=f;
//# sourceMappingURL=emoji-row.cjs.map