{"id":495,"date":"2024-11-26T06:18:02","date_gmt":"2024-11-26T06:18:02","guid":{"rendered":"https:\/\/emojikitchen.cc\/?page_id=495"},"modified":"2025-01-26T03:48:48","modified_gmt":"2025-01-26T03:48:48","slug":"play-emoji-kitchen","status":"publish","type":"page","link":"https:\/\/emojikitchen.cc\/tr\/play-emoji-kitchen\/","title":{"rendered":"Play Emoji Kitchen"},"content":{"rendered":"\n<style>\n    \/*! CSS Used from: Embedded *\/\n    *,:after,:before{box-sizing:border-box;}\n      \n    small{font-size:.875em;}\n    a{color:#0d6efd;text-decoration:underline;}\n    a:hover{color:#0a58ca;}\n    img,svg{vertical-align:middle;}\n    .containerr{margin-left:auto;margin-right:auto;padding-left:var(--bs-gutter-x,.75rem);padding-right:var(--bs-gutter-x,.75rem);width:100%;}\n    @media (min-width:576px){\n    .containerr{max-width:560px;}\n    }\n    @media (min-width:768px){\n    .containerr{max-width:760px;}\n    }\n    @media (min-width:992px){\n    .containerr{max-width:960px;}\n    }\n    @media (min-width:1200px){\n    .containerr{max-width:1140px;}\n    }\n    @media (min-width:1400px){\n    .containerr{max-width:1320px;}\n    }\n    .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)\/-2);margin-right:calc(var(--bs-gutter-x)\/-2);margin-top:calc(var(--bs-gutter-y)*-1);}\n    .row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)\/2);padding-right:calc(var(--bs-gutter-x)\/2);width:100%;}\n    @media (min-width:576px){\n    .col-sm-10{flex:0 0 auto;width:83.3333333333%;}\n    }\n    @media (min-width:768px){\n    .col-md-7{flex:0 0 auto;width:58.3333333333%;}\n    .col-md-8{flex:0 0 auto;width:66.6666666667%;}\n    }\n    .fixed-bottom{left:0;position:fixed;right:0;z-index:1030;}\n    .fixed-bottom{bottom:0;}\n    .d-grid{display:grid!important;}\n    .d-flex{display:flex!important;}\n    .position-relative{position:relative!important;}\n    .position-absolute{position:absolute!important;}\n    .gap-4{gap:1.5rem!important;}\n    .justify-content-center{justify-content:center!important;}\n    .align-items-center{align-items:center!important;}\n    .m-auto{margin:auto!important;}\n    .mt-4{margin-top:1.5rem!important;}\n    .p-3{padding:1rem!important;}\n    .bg-white{background-color:#fff!important;} \n    body a{color:#2b4181;display:inline-block;text-decoration:none;transition:all .3s ease;}\n    \n    .mt-4{margin-top:1.5rem!important;}\n    img{width:100%;}\n    body a:hover{--text:#fff;}\n    @media (max-width:460px){\n    .emojis>.emoji{margin-left:0;}\n    .emojis{flex-wrap:wrap;}\n    }\n    \/*! CSS Used from: Embedded *\/\n    svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{box-sizing:content-box;overflow:visible;}\n    .svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em;}\n    \/*! CSS Used from: Embedded *\/\n    .emoji[data-v-a8736be1]{align-items:center;border-radius:8px;display:flex;font-size:36px;grid-column-end:span 1;height:auto;justify-content:center;padding:4px;position:relative;text-align:center;}\n    .emoji[data-v-a8736be1]:hover{background:#eaeaea;cursor:pointer;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(15,1fr);}\n    .emoji-holder.active>div[data-v-a8736be1]{background:#c7f0fa;}\n    .emoji-holder img[data-v-a8736be1]{height:49px;width:49px;}\n    .merger>*>*[data-v-a8736be1]{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-basis:65px;flex-grow:0;flex-shrink:0;font-size:32px;height:65px;justify-content:center;padding:0 4px;text-align:center;width:65px!important;}\n    .plus svg[data-v-a8736be1]{height:35px;margin-top:15px;}\n    .merger>.emoji-holder[data-v-a8736be1]{flex-direction:column;}\n    .merger>.emoji-holder>div[data-v-a8736be1]{border:2px dashed #5bb8d0;}\n    .control[data-v-a8736be1]{font-size:20px;height:40px;}\n    .control.disabled[data-v-a8736be1]{color:#ccc;}\n    .randomzie[data-v-a8736be1]{background:#2b7dff;border-radius:8px;color:#fff;cursor:pointer;padding:2px 10px;}\n    .randomzie[data-v-a8736be1]:hover{background:#0a58ca;}\n    @media (max-width:1000px){\n    .merger.gap-4[data-v-a8736be1]{gap:0!important;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(10,1fr);}\n    }\n    @media (max-width:600px){\n    .merger.gap-4[data-v-a8736be1]{gap:0!important;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(8,1fr);}\n    }\n    .fixed-bottom[data-v-a8736be1]{box-shadow:0 -2px 8px rgba(0,0,0,.1);} \n    .emoji[data-v-a8736be1]{align-items:center;border-radius:8px;display:flex;font-size:36px;grid-column-end:span 1;height:auto;justify-content:center;padding:4px;position:relative;text-align:center;}\n    .emoji[data-v-a8736be1]:hover{background:#eaeaea;cursor:pointer;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(15,1fr);}\n    .emoji-holder.active>div[data-v-a8736be1]{background:#c7f0fa;}\n    .emoji-holder img[data-v-a8736be1]{height:49px;width:49px;}\n    .merger>*>*[data-v-a8736be1]{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-basis:65px;flex-grow:0;flex-shrink:0;font-size:32px;height:65px;justify-content:center;padding:0 4px;text-align:center;width:65px!important;}\n    .plus svg[data-v-a8736be1]{height:35px;margin-top:15px;}\n    .merger>.emoji-holder[data-v-a8736be1]{flex-direction:column;}\n    .merger>.emoji-holder>div[data-v-a8736be1]{border:2px dashed #5bb8d0;}\n    .control[data-v-a8736be1]{font-size:20px;height:40px;}\n    .control.disabled[data-v-a8736be1]{color:#ccc;}\n    .randomzie[data-v-a8736be1]{background:#2b7dff;border-radius:8px;color:#fff;cursor:pointer;padding:2px 10px;}\n    .randomzie[data-v-a8736be1]:hover{background:#0a58ca;}\n    @media (max-width:1000px){\n    .merger.gap-4[data-v-a8736be1]{gap:0!important;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(10,1fr);}\n    }\n    @media (max-width:600px){\n    .merger.gap-4[data-v-a8736be1]{gap:0!important;}\n    .emojis[data-v-a8736be1]{grid-template-columns:repeat(8,1fr);}\n    }\n    .fixed-bottom[data-v-a8736be1]{box-shadow:0 -2px 8px #0000001a;}\n    \n    .emoji.disabled[data-v-a8736be1] {\n        filter: grayscale(1);\n        pointer-events: none;\n    }\n    \n\n    \/* Full-page overlay *\/\n    .overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.5); \/* Semi-transparent black *\/\n      z-index: 999; \/* Ensure it's behind the loader but in front of other content *\/\n    }\n\n    \/* Loader styles *\/\n    .loader {\n      margin: 0 auto;\n      width: 60px;\n      height: 50px;\n      text-align: center;\n      font-size: 10px;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translateY(-50%) translateX(-50%);\n      z-index: 1000; \/* Ensure loader is in front of the overlay *\/\n    }\n\n    .loader > div {\n      height: 100%;\n      width: 8px;\n      display: inline-block;\n      float: left;\n      margin-left: 2px;\n      animation: delay 0.8s infinite ease-in-out;\n    }\n\n    .loader .bar1 {\n      background-color: #754fa0;\n    }\n\n    .loader .bar2 {\n      background-color: #09b7bf;\n      animation-delay: -0.7s;\n    }\n\n    .loader .bar3 {\n      background-color: #90d36b;\n      animation-delay: -0.6s;\n    }\n\n    .loader .bar4 {\n      background-color: #f2d40d;\n      animation-delay: -0.5s;\n    }\n\n    .loader .bar5 {\n      background-color: #fcb12b;\n      animation-delay: -0.4s;\n    }\n\n    .loader .bar6 {\n      background-color: #ed1b72;\n      animation-delay: -0.3s;\n    }\n\n    @keyframes delay {\n      0%, 40%, 100% {\n        transform: scaleY(0.05);\n      }\n      20% {\n        transform: scaleY(1);\n      }\n    }\n    #loader-animation{\n      display:none;\n    }\n<\/style>\n \n<div id=\"loader-animation\">\n    <div class=\"overlay\"><\/div>\n    <div class=\"loader\">\n      <div class=\"bar1\"><\/div>\n      <div class=\"bar2\"><\/div>\n      <div class=\"bar3\"><\/div>\n      <div class=\"bar4\"><\/div>\n      <div class=\"bar5\"><\/div>\n      <div class=\"bar6\"><\/div>\n    <\/div>\n<\/div>\n\n    <div data-v-a8736be1=\"\" class=\"containerr\">\n        <div data-v-a8736be1=\"\" class=\"row\">\n          <div data-v-a8736be1=\"\" class=\"col-md-10 col-sm-10 m-auto  position-relative\"  >\n           \n          \n          <div data-v-a8736be1=\"\" class=\"fixed-bottom bg-white p-3\">\n              <div data-v-a8736be1=\"\" class=\"position-relative col-md-7 m-auto\">\n                <div data-v-a8736be1=\"\" class=\"position-absolute\" style=\"right: 0px; top: -100px; font-size: 36px;\">\n                  <a data-v-a8736be1=\"\" onclick=\"randomGetEmojie('both')\" class=\"randomzie\">\n                    <svg data-v-a8736be1=\"\" class=\"svg-inline--fa fa-dice\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"dice\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\">\n                      <path class=\"\" fill=\"currentColor\" d=\"M274.9 34.3c-28.1-28.1-73.7-28.1-101.8 0L34.3 173.1c-28.1 28.1-28.1 73.7 0 101.8L173.1 413.7c28.1 28.1 73.7 28.1 101.8 0L413.7 274.9c28.1-28.1 28.1-73.7 0-101.8L274.9 34.3zM200 224a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zM96 200a24 24 0 1 1 0 48 24 24 0 1 1 0-48zM224 376a24 24 0 1 1 0-48 24 24 0 1 1 0 48zM352 200a24 24 0 1 1 0 48 24 24 0 1 1 0-48zM224 120a24 24 0 1 1 0-48 24 24 0 1 1 0 48zm96 328c0 35.3 28.7 64 64 64H576c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64H461.7c11.6 36 3.1 77-25.4 105.5L320 413.8V448zM480 328a24 24 0 1 1 0 48 24 24 0 1 1 0-48z\"><\/path>\n                    <\/svg>\n                  <\/a>\n                <\/div>\n              <\/div>\n              <div data-v-a8736be1=\"\" class=\"d-flex gap-4 merger m-auto justify-content-center\">\n                <div data-v-a8736be1=\"\" id=\"left-emojie-div\" class=\"emoji-holder active\">\n                  <div data-v-a8736be1=\"\" onclick=\"setActive('left-emojie-div')\"  id=\"left-emojie\" class=\"symbols\">\n                    <span data-v-a8736be1=\"\">\u2753<\/span>\n                  <\/div>\n                  <a data-v-a8736be1=\"\" onclick=\"randomGetEmojie('left')\" class=\"control\">\n                    <svg data-v-a8736be1=\"\" class=\"svg-inline--fa fa-shuffle\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"shuffle\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n                      <path class=\"\" fill=\"currentColor\" d=\"M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V160H352c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96h32V64c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V416H352c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8h32V320c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z\"><\/path>\n                    <\/svg>\n                  <\/a>\n                <\/div>\n                <div data-v-a8736be1=\"\" class=\"plus\">\n                  <svg data-v-a8736be1=\"\" class=\"svg-inline--fa fa-plus\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"plus\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\n                    <path class=\"\" fill=\"currentColor\" d=\"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div data-v-a8736be1=\"\"  id=\"right-emojie-div\" class=\"emoji-holder\">\n                <div data-v-a8736be1=\"\" onclick=\"setActive('right-emojie-div')\" id=\"right-emojie\" class=\"symbols\">\n                    <span data-v-a8736be1=\"\">\u2753<\/span>\n                  <\/div>\n                  <a data-v-a8736be1=\"\" onclick=\"randomGetEmojie('right')\" class=\"control\">\n                    <svg data-v-a8736be1=\"\" class=\"svg-inline--fa fa-shuffle\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"shuffle\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n                      <path class=\"\" fill=\"currentColor\" d=\"M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V160H352c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96h32V64c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6V416H352c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H96c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8h32V320c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z\"><\/path>\n                    <\/svg>\n                  <\/a>\n                <\/div>\n                <div data-v-a8736be1=\"\" class=\"plus\">\n                  <svg data-v-a8736be1=\"\" class=\"svg-inline--fa fa-equals\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"equals\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\n                    <path class=\"\" fill=\"currentColor\" d=\"M48 128c-17.7 0-32 14.3-32 32s14.3 32 32 32H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H48zm0 192c-17.7 0-32 14.3-32 32s14.3 32 32 32H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H48z\"><\/path>\n                  <\/svg>\n                <\/div>\n                <div data-v-a8736be1=\"\"  class=\"emoji-holder position-relative\">\n                <div data-v-a8736be1=\"\" onclick=\"copyImageToClipboard()\"   id=\"combine-emojie\" class=\"symbols\">\n                    <span data-v-a8736be1=\"\">\u2753<\/span>\n                  <\/div>\n                  <a data-v-a8736be1=\"\"  class=\"control  \">\n                    <svg onclick=\"copyImageToClipboard()\"  id=\"copy-button\"  title=\"Copy emoji\" data-v-a8736be1=\"\" class=\"svg-inline--fa fa-copy\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"copy\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\n                      <path class=\"\" fill=\"currentColor\" d=\"M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z\"><\/path>\n                    <\/svg> \n                    &nbsp;\n                    &nbsp;\n                    <svg style=\"    width: 19px;\" onclick=\"downloadImage();\" title=\"download emoji\"   xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.0\" width=\"24.000000pt\" height=\"24.000000pt\" viewBox=\"0 0 24.000000 24.000000\" preserveAspectRatio=\"xMidYMid meet\">\n\n<g transform=\"translate(0.000000,24.000000) scale(0.100000,-0.100000)\" fill=\"#000000\" stroke=\"none\">\n<path d=\"M100 190 c0 -41 -4 -52 -19 -58 -18 -7 -18 -9 10 -42 l29 -35 29 35 c28 33 28 35 10 42 -15 6 -19 17 -19 58 0 43 -3 50 -20 50 -17 0 -20 -7 -20 -50z\"\/>\n<path d=\"M10 41 l0 -41 110 0 110 0 0 41 c0 43 -22 52 -28 11 -3 -20 -9 -22 -82 -22 -73 0 -79 2 -82 22 -6 41 -28 32 -28 -11z\"\/>\n<\/g>\n<\/svg>\n \n                  <\/a>\n                  <span data-v-a8736be1=\"\" id=\"copy-msg\" class=\"position-absolute\" style=\"right: 0px; bottom: -34px; font-size: 13px; display: none;\">Copied!<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n\n            <div data-v-a8736be1=\"\"  >\n\n\n\n\n              <div data-v-a8736be1=\"\" id=\"emojies-list\" class=\"d-grid keep emojis\" style=\"mi n-height: calc(-250px + 100vh);\">\n                \n       \n                  \n                  <\/div>\n                \n                 \n            <div  id=\"first_loader\" data-v-a8736be1=\"\">\n              <div style=\"height:calc(100vh - 250px);font-size:24px;\" class=\"d-flex align-items-center justify-content-center\" data-v-a8736be1=\"\">\n                <img decoding=\"async\" alt=\"loading gif\" style=\"height:40px;width:40px;margin-right:10px;\" src=\"https:\/\/emojikitchen.cc\/wp-content\/plugins\/emojies-kitchen\/loading.gif\" data-v-a8736be1=\"\"> Loading emojis... \n              <\/div>\n            <\/div>\n\n                \n        <\/div>\n  \n      <!--                     \n                    <div data-v-a8736be1=\"\" style=\"margin-top: 50px;\">\n                     \n                  \n                  <\/div> -->\n          <\/div>\n        <\/div>\n<\/div>\n\n<script type=\"text\/javascript\"    id=\"script-js\">\n\n\/\/ script.js\nvar emoji_combinations= null;\nvar random_emojie =\"stop\";\nfunction filterData(filterValue) {\n\n       var left = document.getElementById('left-emojie'); \n        var leftimg  = left.getElementsByTagName('img'); \n          if( leftimg.length > 0 &&  document.getElementById('right-emojie-div').classList.contains('active'))\n            {\n                showloader(false);\n                showResults();\n                return true;\n            }\n\n    showloader(true);\n    \n    fetch(`https:\/\/emojikitchen.cc\/wp-content\/plugins\/emojies-kitchen\/filter.php?leftEmojiCodepoint=${filterValue}`)\n        .then(response => {\n            if (!response.ok) {\n                showloader(false);\n                throw new Error('Network response was not ok');\n            }\n            showloader(false);\n            return response.json();\n        })\n        .then(data => {\n            \/\/ displayResults(data);\n            showloader(false);\n            emoji_combinations = data;\n            var left = document.getElementById('left-emojie-div').classList.contains('active');\n            if(left)\n                {  setActive('right-emojie-div');  disableExtraEmojies();  }\n            \n            showResults();\n\n            console.log(window.random_emojie );\n            if( window.random_emojie  == \"processing\")\n            {\n                window.random_emojie = \"stop\";\n                randomGetEmojie('right'); \n            }\n\n            \/\/ console.log(data);\n        })\n        .catch(error => {\n            showloader(false);\n            console.error('Error fetching data:', error);\n        });\n    }\n\n    function showResults()\n    {\n        var left = document.getElementById('left-emojie');\n        var right = document.getElementById('right-emojie');\n        var leftimg  = left.getElementsByTagName('img');\n        var rightimg  = right.getElementsByTagName('img');\n\n\n      if(leftimg.length > 0 && rightimg.length > 0 )\n      {\n        var dataCodeLeft = leftimg[0].getAttribute('data-code');\n        var dataCodeRight = rightimg[0].getAttribute('data-code');\n        \n        if (emoji_combinations.length > 0) {\n            var flag = false;\n            emoji_combinations.forEach(item => {\n                var flag2 = false;\n                if(item['leftEmojiCodepoint'] == dataCodeLeft && item['rightEmojiCodepoint'] == dataCodeRight)\n                {  flag = true;   flag2 = true;     }\n                if(item['leftEmojiCodepoint'] == dataCodeRight && item['rightEmojiCodepoint'] == dataCodeLeft)\n                { flag = true;   flag2 = true;     }\n                if(flag2)\n                { \n                    var setimage = '<img decoding=\"async\" data-v-a8736be1=\"\" alt=\"'+item['alt'] +'\" title=\"grinning\" src=\"'+item['gStaticUrl']+'\">';\n                    document.getElementById('combine-emojie').innerHTML = setimage;\n                }\n                \n            });\n            if(flag ==  false)\n            {\n                document.getElementById('combine-emojie').innerHTML = '<span data-v-a8736be1=\"\">\u2753<\/span>';  \n            }\n        } \n\n\n      }\n\n\n\n    }\n\nfunction disableExtraEmojies()\n{\n    let emojie_codes = [];\n    if (emoji_combinations.length > 0) { \n        emoji_combinations.forEach(item => {\n             emojie_codes.push(item['leftEmojiCodepoint'] , item['rightEmojiCodepoint']);\n        });\n\n\n        var parentElement = document.getElementById(\"emojies-list\");\n        var imgElements = parentElement.getElementsByTagName(\"img\");\n    \n        \/\/ Loop through each img element\n        for (let img of imgElements) {\n            var dataCode = img.getAttribute(\"data-code\");\n    \n            \/\/ Check if data-code value exists in emojie_codes array\n            if (emojie_codes.includes(dataCode)) {\n                \/\/ Remove \"disable\" class if it exists in emojie_codes\n                img.classList.remove(\"disabled\");\n            } else {\n                \/\/ Add \"disable\" class if it doesn't exist in emojie_codes\n                img.classList.add(\"disabled\");\n            }\n        }\n\n\n    }\n}\n \nfunction GetEmojieCode(imgElement) {\n \n    \/\/ Log the result to the console\n    if (imgElement.classList.contains('disabled')) {\n      return true;\n    }  \n    \/\/ Get the src attribute of the image element\n    var src = imgElement.src;\n    var setimage = '<img decoding=\"async\" data-v-a8736be1=\"\" alt=\"'+imgElement.alt+'\" data-code =\"'+imgElement.getAttribute('data-code')+'\" title=\"grinning\" src=\"'+src+'\">';\n    var unknown = '<span data-v-a8736be1=\"\">\u2753<\/span>';\n    var right = document.getElementById('right-emojie-div').classList.contains('active');\n    var left = document.getElementById('left-emojie-div').classList.contains('active');\n \n    if(right)\n    {\n        document.getElementById('right-emojie').innerHTML = setimage;\n    }\n     if(left)\n        {\n            document.getElementById('left-emojie').innerHTML = setimage; \n          }\n  \n    \/\/ Extract the last part of the src\n    var lastPart = src.substring(src.lastIndexOf('\/') + 1);\n  \n    \/\/ Remove the first letter 'u' and the '.svg' part\n    var emojiCode = lastPart.slice(1, -4);\n  \n    \/\/ Return the emoji code\n    console.log(emojiCode); \/\/ You can change this to any action you want\n\n    \/\/ if(is_able_to_fetch)\n    \/\/ {\n        filterData(emojiCode);\n    \/\/ }\n    \n    \n    return 1;\n  }\n \n  function setActive(id)\n  {\n       if(id == \"left-emojie-div\")\n       {\n        document.getElementById('right-emojie-div').classList.remove('active');\n        document.getElementById('left-emojie-div').classList.add('active');\n\n        var parentElement = document.getElementById(\"emojies-list\");\n        var imgElements = parentElement.getElementsByTagName(\"img\");\n    \n        \/\/ Loop through each img element\n        for (let img of imgElements) { \n                img.classList.remove(\"disabled\"); \n        }\n\n\n      \n       }\n       if(id == \"right-emojie-div\")\n        {\n            document.getElementById('left-emojie-div').classList.remove('active');\n            document.getElementById('right-emojie-div').classList.add('active');\n        }\n\n  }\n  function showloader(flag)\n  {\n    if(flag){\n        document.getElementById('loader-animation').style.display = 'block';\n    }\n    else{\n        document.getElementById('loader-animation').style.display = 'none';\n    }\n  }\n\n  async function copyImageToClipboard() {\n    const imgElement = document.querySelector('#combine-emojie img');\n    if (!imgElement) {\n        console.error('Image not found in the specified div');\n        return;\n    }\n\n    const imgUrl = imgElement.src;\n\n    try {\n        const response = await fetch(imgUrl);\n        const blob = await response.blob();\n        const clipboardItem = new ClipboardItem({ 'image\/png': blob });\n\n        await navigator.clipboard.write([clipboardItem]);\n \n         document.getElementById('copy-msg').style.display = 'flex';\n        setTimeout(function() {\n             document.getElementById('copy-msg').style.display = 'none'; \n        }, 3000);\n\n    } catch (error) {\n        console.error('Failed to copy image: ', error);\n    }\n}\n\nfunction randomGetEmojie(direction)\n{\n        if(direction == \"left\")\n        {\n            setActive('left-emojie-div');\n            clickimage();\n        }\n     if(direction == \"right\")\n        { \n            setActive('right-emojie-div');\n            clickimage();\n        }\n        if(direction == \"both\")\n        { \n            window.random_emojie = \"processing\";\n            randomGetEmojie('left'); \n        }\n}\n\nfunction clickimage() {\n    var emojiList = document.getElementById(\"emojies-list\");\n    var images = emojiList.getElementsByTagName(\"img\");\n    var clickableImages = [];\n\n    \/\/ Filter out images with the class 'disabled'\n    for (var i = 0; i < images.length; i++) {\n        if (!images[i].classList.contains(\"disabled\")) {\n            clickableImages.push(images[i]);\n        }\n    }\n\n    if (clickableImages.length > 0) {\n        var randomIndex = Math.floor(Math.random() * clickableImages.length);\n        clickableImages[randomIndex].click(); \/\/ Programmatically click the random image\n    }\n}\n\n\n\/\/ Function to fetch content from emojies.php and update innerHTML of element with ID 'abc'\nfunction updateEmojiContent() {\n    \/\/ showloader(true);\n    fetch('https:\/\/emojikitchen.cc\/wp-content\/plugins\/emojies-kitchen\/emojies.php')\n      .then(response => {\n        if (!response.ok) {\n          throw new Error('Network response was not ok ' + response.statusText);\n        }\n        return response.text();\n      })\n      .then(data => {\n        document.getElementById('emojies-list').innerHTML = data;\n        document.getElementById('first_loader').style.display = \"none\";\n      })\n      .catch(error => {\n        console.error('There has been a problem with your fetch operation:', error);\n      });\n  }\n  \n  \/\/ Call the function to update the content\n  updateEmojiContent();\n\n  function downloadImage () {\n\n    const imgElement = document.querySelector('#combine-emojie img');\n    if (!imgElement) {\n        console.error('Image not found in the specified div');\n        return;\n    }\n\n    var url = imgElement.src;\n    var filename = imgElement.alt;\n    \/\/ Fetch the image data\n    fetch(url)\n        .then(response => response.blob())\n        .then(blob => {\n            \/\/ Create a new blob URL for the image data\n            const blobUrl = URL.createObjectURL(blob);\n\n            \/\/ Create a new anchor element\n            const a = document.createElement('a');\n\n            \/\/ Set the href attribute to the blob URL\n            a.href = blobUrl;\n\n            \/\/ Set the download attribute to the desired file name\n            a.download = filename;\n\n            \/\/ Append the anchor to the body (required for Firefox)\n            document.body.appendChild(a);\n\n            \/\/ Programmatically click the anchor to trigger the download\n            a.click();\n\n            \/\/ Remove the anchor from the body\n            document.body.removeChild(a);\n\n            \/\/ Revoke the blob URL to free up memory\n            URL.revokeObjectURL(blobUrl);\n        })\n        .catch(error => console.error('Error downloading image', error));\n}\n\n \n\n  \n\/\/ showloader(true);\n  \n\/\/   window.onload = function() {\n    \/\/ showloader(false);\n\/\/   }\n\n\n<\/script>\n\n \n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"narrow","_kad_post_sidebar_id":"","_kad_post_content_style":"boxed","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-495","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Ben Hu","author_link":"https:\/\/emojikitchen.cc\/tr\/author\/ekadmin24\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/pages\/495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/comments?post=495"}],"version-history":[{"count":3,"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/pages\/495\/revisions"}],"predecessor-version":[{"id":1665,"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/pages\/495\/revisions\/1665"}],"wp:attachment":[{"href":"https:\/\/emojikitchen.cc\/tr\/wp-json\/wp\/v2\/media?parent=495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}