https://dyte-audio.netlify.app/static/js/9808.bd46773e.chunk.js

1"use strict";(self.webpackChunkfrontend=self.webpackChunkfrontend||[]).push([[9808,4597],{9808:function(r,o,t){t.r(o),t.d(o,{dyte_emoji_picker:function(){return p}});var e=t(5671),i=t(3144),a=t(4165),n=t(5861),c=t(2304),l=t(5855),s=t(7622),d=function(){var r=(0,n.Z)((0,a.Z)().mark((function r(){var o;return(0,a.Z)().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,fetch("https://cdn.dyte.in/assets/emojis-data.json");case 2:return o=r.sent,r.abrupt("return",o.json());case 4:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),p=function(){function r(o){(0,e.Z)(this,r),(0,c.r)(this,o),this.emojiClicked=(0,c.c)(this,"dyteEmojiClicked",7),this.iconPack=l.d,this.t=(0,s.u)(),this.emojiList=void 0,this.filterVal="",this.filteredEmojis=[]}return(0,i.Z)(r,[{key:"componentWillLoad",value:function(){var r=this;d().then((function(o){r.emojiList=o,r.handleInputChange({value:""})}))}},{key:"handleInputChange",value:function(r){var o=this;this.filterVal=r.value;var t=new RegExp("([^,]*?".concat(this.filterVal,"[^,]*):(\\d+)"),"g");this.filteredEmojis=Array.from(this.emojiList.search.matchAll(t)).map((function(r){return{name:r[1],emoji:o.emojiList.emojis[r[2]]}}))}},{key:"handleEmojiClick",value:function(r){this.emojiClicked.emit(r)}},{key:"mapEmojiList",value:function(){var r,o=this;return(null===(r=this.emojiList)||void 0===r?void 0:r.length)>0?(0,c.h)("div",{id:"loader"},(0,c.h)("dyte-spinner",{iconPack:this.iconPack,t:this.t})):(0,c.h)("div",{id:"emoji-grid",class:"scrollbar"},this.filteredEmojis.map((function(r){return(0,c.h)("dyte-button",{iconPack:o.iconPack,t:o.t,key:"emoji-button-".concat(r.name),class:"emoji",variant:"ghost",kind:"icon",title:r.name,onClick:function(){return o.handleEmojiClick(r.emoji)}},r.emoji)})))}},{key:"render",value:function(){var r=this;return(0,c.h)(c.H,null,(0,c.h)("input",{value:this.filterVal,onInput:function(o){return r.handleInputChange(o.target)},placeholder:this.t("Search")}),this.mapEmojiList())}}]),r}();p.style=":host{line-height:initial;font-family:var(--dyte-font-family, sans-serif)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))\n    var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--dyte-space-1\\.5, 6px);width:var(--dyte-space-1\\.5, 6px);border-radius:9999px;background-color:var(--dyte-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--dyte-scrollbar-color, rgb(var(--dyte-colors-background-600, 60 60 60)))}:host{box-sizing:border-box;display:inline-flex;height:var(--dyte-space-64, 256px);flex-direction:column;padding:var(--dyte-space-3, 12px);padding-bottom:var(--dyte-space-0, 0px);width:auto;min-width:var(--dyte-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-1000, 255 255 255))}#emoji-grid{margin-top:var(--dyte-space-2, 8px);box-sizing:border-box;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));padding-bottom:var(--dyte-space-12, 48px);overflow-x:hidden;overflow-y:scroll;height:100%;grid-auto-rows:minmax(-webkit-min-content, -webkit-max-content);grid-auto-rows:minmax(min-content, max-content)}#loader{display:flex;height:100%;width:100%;align-items:center;justify-content:center}input{display:block;height:var(--dyte-space-8, 32px);padding-left:var(--dyte-space-2, 8px);padding-right:var(--dyte-space-2, 8px);font-size:14px;border-width:var(--dyte-border-width-none, 0);border-style:solid;border-style:none;border-color:rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64));--tw-bg-opacity:1;background-color:rgba(var(--dyte-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--dyte-colors-text-900, 255 255 255 / 0.88))}input::-moz-placeholder{color:rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64))}input::placeholder{color:rgb(var(--dyte-colors-text-700, 255 255 255 / 0.64))}input{border-radius:var(--dyte-border-radius-sm, 4px);outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;border:var(--dyte-border-width-sm, 1px) solid rgb(var(--dyte-colors-background-600, 60 60 60))}input:focus{--tw-border-opacity:1;border-color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-border-opacity));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha

1dow, 0 0 #0000);--tw-ring-color:rgba(var(--dyte-colors-brand-300, 73 124 253) / var(--tw-ring-opacity));--tw-ring-opacity:0.3}.emoji{height:var(--dyte-space-10, 40px);width:var(--dyte-space-10, 40px);font-size:20px;color:rgb(var(--dyte-colors-text-1000, 255 255 255))}"}}]);
2//# sourceMappingURL=9808.bd46773e.chunk.js.map