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