@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
3 lines (2 loc) • 2.67 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./emoji-row-constants.cjs"),p=require("../../localization/index.cjs"),e=require("vue"),u=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),j=require("../emoji-text-wrapper/emoji-text-wrapper.cjs"),h=require("../emoji/emoji.cjs"),f=require("../button/button.cjs"),w=require("../tooltip/tooltip.cjs"),b={compatConfig:{MODE:3},name:"DtRecipeEmojiRow",components:{DtTooltip:w.default,DtButton:f.default,DtEmoji:h.default,DtEmojiTextWrapper:j.default},props:{reactions:{type:Array,default:()=>[],validator:t=>{for(const i of t)if(!_.REACTIONS_ATTRIBUTES.every(a=>i[a]!==void 0))return!1;return!0}}},emits:["emoji-clicked","emoji-hovered"],data(){return{i18n:new p.DialtoneLocalization}},methods:{emojiClicked(t){this.$emit("emoji-clicked",t.emojiUnicodeOrShortname)},emojiHovered(t,i){this.$emit("emoji-hovered",{reaction:t.emojiUnicodeOrShortname,state:i})},reactionLabel(t){return this.i18n.$t("DIALTONE_EMOJI_ROW_REACTION_LABEL",{names:t.names,reaction:t.emojiUnicodeOrShortname})}}},C={class:"d-recipe-emoji-row"},v={"aria-hidden":"true"},E={class:"d-recipe-emoji-row__emoji"},k={class:"d-recipe-emoji-row__reaction-number"};function S(t,i,c,a,O,n){const l=e.resolveComponent("dt-emoji-text-wrapper"),s=e.resolveComponent("dt-emoji"),d=e.resolveComponent("dt-button"),m=e.resolveComponent("dt-tooltip");return e.openBlock(),e.createElementBlock("span",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.reactions,o=>(e.openBlock(),e.createElementBlock("span",{key:o.unicodeOutput},[e.createVNode(m,{class:"d-recipe-emoji-row__tooltip","content-class":"d-recipe-emoji-row__tooltip-content",sticky:"popper",onShown:r=>n.emojiHovered(o,r)},{anchor:e.withCtx(({attrs:r})=>[e.createVNode(d,{importance:"clear",size:"sm","data-qa":"feed-item-reaction-button",class:e.normalizeClass(["d-recipe-emoji-row__reaction",o.isSelected?"d-recipe-emoji-row__reaction--selected":""]),"aria-label":n.reactionLabel(o),attrs:r,onClick:T=>n.emojiClicked(o)},{default:e.withCtx(()=>[e.createElementVNode("span",E,[e.createVNode(s,{size:"200",code:o.emojiUnicodeOrShortname},null,8,["code"])]),e.createElementVNode("span",k,e.toDisplayString(o.num),1)]),_:2},1032,["class","aria-label","attrs","onClick"])]),default:e.withCtx(()=>[e.createElementVNode("span",v,[e.createVNode(l,{size:"200"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.reactionLabel(o)),1)]),_:2},1024)])]),_:2},1032,["onShown"])]))),128)),e.renderSlot(t.$slots,"picker")])}const x=u._(b,[["render",S]]);exports.default=x;
//# sourceMappingURL=emoji-row.cjs.map