Sha256: a1cdd18e6f42befdebf2cb24a6146dad9232010e3baf4d0202d0150c0145b075
Contents?: true
Size: 1.65 KB
Versions: 8
Compression:
Stored size: 1.65 KB
Contents
import { EmojiButton } from "@joeattardi/emoji-button";
// eslint-disable-next-line require-jsdoc
export default function addInputEmoji() {
const containers = document.querySelectorAll("[data-input-emoji]");
if (containers.length) {
containers.forEach((elem) => {
const picker = new EmojiButton({
position: "bottom-end"
});
const wrapper = document.createElement("div");
wrapper.className = "emoji__container"
const btnContainer = document.createElement("div");
btnContainer.className = "emoji__trigger"
btnContainer.innerHTML = '<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="smile" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm-80-216c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm4 72.6c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.7-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.1-8.4-25.3-7.1-33.8 3.1z"></path></svg>'
elem.parentNode.insertBefore(wrapper, elem);
wrapper.appendChild(elem);
wrapper.appendChild(btnContainer);
btnContainer.addEventListener("click", () => picker.togglePicker(btnContainer))
picker.on("emoji", ({ emoji }) => {
elem.value += ` ${emoji} `
const event = new Event("emoji.added");
elem.dispatchEvent(event);
});
})
}
};
Version data entries
8 entries across 8 versions & 1 rubygems