diff --git a/emoji.js b/emoji.js
index a81a8dc..a5dec46 100644
--- a/emoji.js
+++ b/emoji.js
@@ -1,5 +1,5 @@
export default class Emoji {
- constructor({ input, button, callback }) {
+ constructor({ input, callback, onSubmit, onShow, onHide }) {
let emoji = '๐ ๐ ๐ ๐ ๐ ๐
๐ ๐คฃ ๐ฅฒ โบ๏ธ ๐ ๐ ๐ ๐ ๐ ๐ ๐ ๐ฅฐ ๐ ๐ ๐ ๐ ๐ ๐ ๐ ๐ ๐คช ๐คจ ๐ง ๐ค ๐ ๐ฅธ ๐คฉ ๐ฅณ ๐ ๐ ๐ ๐ ๐ ๐ ๐ โน๏ธ ๐ฃ ๐ ๐ซ ๐ฉ ๐ฅบ ๐ข ๐ญ ๐ค ๐ ๐ก ๐คฌ ๐คฏ ๐ณ ๐ฅต ๐ฅถ ๐ฑ ๐จ ๐ฐ ๐ฅ ๐ ๐ค ๐ค ๐คญ ๐คซ ๐คฅ ๐ถ ๐ ๐ ๐ฌ ๐ ๐ฏ ๐ฆ ๐ง ๐ฎ ๐ฒ ๐ฅฑ ๐ด ๐คค ๐ช ๐ต ๐ค ๐ฅด ๐คข ๐คฎ ๐คง ๐ท ๐ค ๐ค ๐ค ๐ค ๐ ๐ฟ ๐น ๐บ ๐คก ๐ฉ ๐ป ๐ โ ๏ธ ๐ฝ ๐พ ๐ค ๐ ๐บ ๐ธ ๐น ๐ป ๐ผ ๐ฝ ๐ ๐ฟ ๐พ'
emoji += ' ๐ ๐ค ๐ โ ๐ ๐ ๐ค ๐ค โ๏ธ ๐ค ๐ค ๐ค ๐ค ๐ ๐ ๐ ๐ ๐ โ๏ธ ๐ ๐ โ ๐ ๐ค ๐ค ๐ ๐ ๐ ๐คฒ ๐ค ๐ โ๏ธ ๐
๐คณ ๐ช ๐ฆพ ๐ฆต ๐ฆฟ ๐ฆถ ๐ฃ ๐ ๐ฆป ๐ ๐ซ ๐ซ ๐ง ๐ฆท ๐ฆด ๐ ๐ ๐
๐ ๐ ๐ฉธ'
emoji += ' ๐ถ ๐ง ๐ง ๐ฆ ๐ฉ ๐ง ๐จ ๐ฉโ๐ฆฑ ๐งโ๐ฆฑ ๐จโ๐ฆฑ ๐ฉโ๐ฆฐ ๐งโ๐ฆฐ ๐จโ๐ฆฐ ๐ฑโโ๏ธ ๐ฑ ๐ฑโโ๏ธ ๐ฉโ๐ฆณ ๐งโ๐ฆณ ๐จโ๐ฆณ ๐ฉโ๐ฆฒ ๐งโ๐ฆฒ ๐จโ๐ฆฒ ๐ง ๐ต ๐ง ๐ด ๐ฒ ๐ณโโ๏ธ ๐ณ ๐ณโโ๏ธ ๐ง ๐ฎโโ๏ธ ๐ฎ ๐ฎโโ๏ธ ๐ทโโ๏ธ ๐ท ๐ทโโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐ต๏ธโโ๏ธ ๐ต๏ธ ๐ต๏ธโโ๏ธ ๐ฉโโ๏ธ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฉโ๐พ ๐งโ๐พ ๐จโ๐พ ๐ฉโ๐ณ ๐งโ๐ณ ๐จโ๐ณ ๐ฉโ๐ ๐งโ๐ ๐จโ๐ ๐ฉโ๐ค ๐งโ๐ค ๐จโ๐ค ๐ฉโ๐ซ ๐งโ๐ซ ๐จโ๐ซ ๐ฉโ๐ญ ๐งโ๐ญ ๐จโ๐ญ ๐ฉโ๐ป ๐งโ๐ป ๐จโ๐ป ๐ฉโ๐ผ ๐งโ๐ผ ๐จโ๐ผ ๐ฉโ๐ง ๐งโ๐ง ๐จโ๐ง ๐ฉโ๐ฌ ๐งโ๐ฌ ๐จโ๐ฌ ๐ฉโ๐จ ๐งโ๐จ ๐จโ๐จ ๐ฉโ๐ ๐งโ๐ ๐จโ๐ ๐ฉโโ๏ธ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฉโ๐ ๐งโ๐ ๐จโ๐ ๐ฉโโ๏ธ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฐโโ๏ธ ๐ฐ ๐ฐโโ๏ธ ๐คตโโ๏ธ ๐คต ๐คตโโ๏ธ ๐ธ ๐คด ๐ฅท ๐ฆธโโ๏ธ ๐ฆธ ๐ฆธโโ๏ธ ๐ฆนโโ๏ธ ๐ฆน ๐ฆนโโ๏ธ ๐คถ ๐งโ๐ ๐
๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐ผ ๐คฐ ๐คฑ ๐ฉโ๐ผ ๐งโ๐ผ ๐จโ๐ผ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐
โโ๏ธ ๐
๐
โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐คฆโโ๏ธ ๐คฆ ๐คฆโโ๏ธ ๐คทโโ๏ธ ๐คท ๐คทโโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐
๐คณ ๐ ๐บ ๐ฏโโ๏ธ ๐ฏ ๐ฏโโ๏ธ ๐ด ๐ฉโ๐ฆฝ ๐งโ๐ฆฝ ๐จโ๐ฆฝ ๐ฉโ๐ฆผ ๐งโ๐ฆผ ๐จโ๐ฆผ ๐ถโโ๏ธ ๐ถ ๐ถโโ๏ธ ๐ฉโ๐ฆฏ ๐งโ๐ฆฏ ๐จโ๐ฆฏ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐ญ ๐งโ๐คโ๐ง ๐ฌ ๐ซ ๐ฉโโค๏ธโ๐ฉ ๐ ๐จโโค๏ธโ๐จ ๐ฉโโค๏ธโ๐จ ๐ฉโโค๏ธโ๐โ๐ฉ ๐ ๐จโโค๏ธโ๐โ๐จ ๐ฉโโค๏ธโ๐โ๐จ ๐ช ๐จโ๐ฉโ๐ฆ ๐จโ๐ฉโ๐ง ๐จโ๐ฉโ๐งโ๐ฆ ๐จโ๐ฉโ๐ฆโ๐ฆ ๐จโ๐ฉโ๐งโ๐ง ๐จโ๐จโ๐ฆ ๐จโ๐จโ๐ง ๐จโ๐จโ๐งโ๐ฆ ๐จโ๐จโ๐ฆโ๐ฆ ๐จโ๐จโ๐งโ๐ง ๐ฉโ๐ฉโ๐ฆ ๐ฉโ๐ฉโ๐ง ๐ฉโ๐ฉโ๐งโ๐ฆ ๐ฉโ๐ฉโ๐ฆโ๐ฆ ๐ฉโ๐ฉโ๐งโ๐ง ๐จโ๐ฆ ๐จโ๐ฆโ๐ฆ ๐จโ๐ง ๐จโ๐งโ๐ฆ ๐จโ๐งโ๐ง ๐ฉโ๐ฆ ๐ฉโ๐ฆโ๐ฆ ๐ฉโ๐ง ๐ฉโ๐งโ๐ฆ ๐ฉโ๐งโ๐ง ๐ฃ ๐ค ๐ฅ ๐ซ'
@@ -15,12 +15,8 @@ export default class Emoji {
this.list = emoji.split(/\s+/)
this.callback = callback
this.element = null
- this.button = button
this.input = input
- // ็ปๅฎๆ้ฎไบไปถ
- if (button) this.button.onclick = () => this.show()
-
// ็ชๅฃ่ขซๅๅปบๆถ็ๅ่ฐๅฝๆฐ
// ็ชๅฃ่ขซๅ
ณ้ญๆถ็ๅ่ฐๅฝๆฐ
// ้ไธญ่กจๆ
ๆถ็ๅ่ฐๅฝๆฐ
@@ -45,7 +41,7 @@ export default class Emoji {
// ่กจๆ
็ชๅฃ
this.div = document.createElement("div")
this.div.style = "color:#555; position: relative; left: 0; bottom:-90%; display:flex; flex-direction:column; padding:32px 15px 20px; text-align:center; background:#ffffff; height:90%; width:100%; max-width:640px; margin:0 auto; border-radius:20px 20px 0 0; transition: all .75s cubic-bezier(.645, .045, 0, 1);"
- this.div.innerHTML = "(ใใป`ฯยดใป) Emoji
" // welcome to text world :)
+ this.div.innerHTML = "(ใใป`ฯยดใป) Emoji
"
this.div.onclick = (e) => { e.stopPropagation() }
this.element.appendChild(this.div)
@@ -134,7 +130,6 @@ export default class Emoji {
hide() {
this.ul.classList.remove('ok')
setTimeout(() => {
- //this.element.style.display = "none"
this.element.parentNode.removeChild(this.element)
this.element = null
}, 450)
diff --git a/main.js b/main.js
index 5dffb65..ff46d85 100644
--- a/main.js
+++ b/main.js
@@ -21,14 +21,13 @@ document.querySelector('#app').innerHTML = `
const emoji = new Emoji({
input: document.querySelector('#textaret'),
- button: document.querySelector('#counter'),
callback: (data) => {
console.log(data)
}
})
-//document.querySelector('#counter').addEventListener('click', () => {
-// emoji.show()
-//})
+document.querySelector('#counter').addEventListener('click', () => {
+ emoji.show()
+})
//emoji.show()
diff --git a/package.json b/package.json
index e6290cf..508a55e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "satori-emoji",
- "version": "1.0.4",
+ "version": "2.0.0",
"type": "module",
"scripts": {
"dev": "vite",