@esvndev/es-react-template-chat 0.0.106 → 0.0.107

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .e-list-item{align-items:center;display:flex;padding:5px 16px}.e-avatar.e-avatar-circle{background-color:#fff;margin-right:.5rem}.e-checkbox-wrapper .e-frame.e-check,.e-css.e-checkbox-wrapper .e-frame.e-check{background-color:#eb4619}.e-checkbox-wrapper .e-frame.e-check:hover,.e-css.e-checkbox-wrapper .e-frame.e-check:hover{background-color:tomato}.edit-room-name{align-items:center;background-color:#f0f0f1;border-radius:20cap;display:flex;justify-content:center;margin-left:.5rem;min-height:24px;min-width:24px}.edit-room-name:hover{background-color:#dfe2e7;cursor:pointer}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?#fontawesomeregular) format("svg")}.rc-menu{border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 0 4px #d9d9d9;color:#666;list-style:none;margin-bottom:0;outline:none;padding-left:0;padding-right:0}.rc-menu-rtl{direction:rtl}.rc-menu-hidden,.rc-menu-submenu-hidden{display:none}.rc-menu-collapse{overflow:hidden;transition:height .3s ease-out}.rc-menu-item-group-list{margin:0;padding:0}.rc-menu-item-group-title{border-bottom:1px solid #dedede;color:#999;line-height:1.5;padding:8px 10px}.rc-menu-item-active,.rc-menu-item-selected,.rc-menu-submenu-active>.rc-menu-submenu-title{background-color:#eaf8fe}.rc-menu-item-selected{transform:translateZ(0)}.rc-menu-submenu-selected{background-color:#eaf8fe}.rc-menu>li.rc-menu-submenu{padding:0}.rc-menu-horizontal.rc-menu-sub,.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{margin-top:0;min-width:160px}.rc-menu-item,.rc-menu-submenu-title{display:block;margin:0;padding:7px 7px 7px 16px;position:relative;white-space:nowrap}.rc-menu-rtl .rc-menu-item,.rc-menu-rtl .rc-menu-submenu-title{padding:7px 16px 7px 7px}.rc-menu-item.rc-menu-item-disabled,.rc-menu-item.rc-menu-submenu-disabled,.rc-menu-submenu-title.rc-menu-item-disabled,.rc-menu-submenu-title.rc-menu-submenu-disabled{color:#777!important}.rc-menu-item{align-items:center;display:flex}.rc-menu-item .rc-menu-item-extra{font-size:14px;margin-left:auto}.rc-menu-item-divider{background-color:#e5e5e5;height:1px;line-height:0;margin:1px 0;overflow:hidden;padding:0}.rc-menu-submenu-popup{position:absolute}.rc-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper,.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper{padding-left:20px;padding-right:0}.rc-menu-submenu>.rc-menu{background-color:#fff}.rc-menu .rc-menu-item .anticon,.rc-menu .rc-menu-submenu-title .anticon{height:14px;margin-right:8px;top:-1px;width:14px}.rc-menu-rtl .rc-menu .rc-menu-item .anticon,.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon{margin-left:8px;margin-right:0}.rc-menu-horizontal{background-color:#f3f5f7;border:none;border-bottom:1px solid #d9d9d9;box-shadow:none;overflow:hidden;white-space:nowrap}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu>.rc-menu-submenu-title{padding:15px 20px}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu{border-bottom:2px solid transparent;display:inline-block;vertical-align:bottom}.rc-menu-horizontal>.rc-menu-item-active,.rc-menu-horizontal>.rc-menu-submenu-active{background-color:#f3f5f7;border-bottom:2px solid #2db7f5;color:#2baee9}.rc-menu-horizontal:after{clear:both;content:"\20";display:block;height:0}.rc-menu-inline,.rc-menu-vertical,.rc-menu-vertical-left,.rc-menu-vertical-right{padding:12px 0}.rc-menu-inline>.rc-menu-item,.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-left>.rc-menu-item,.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-right>.rc-menu-item,.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical>.rc-menu-item,.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 8px 12px 24px}.rc-menu-rtl.rc-menu-inline>.rc-menu-item,.rc-menu-rtl.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 24px 12px 8px}.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-vertical-right .rc-menu-submenu-arrow{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;line-height:1.5em;position:absolute;right:16px;text-align:center;text-rendering:auto;text-transform:none;vertical-align:baseline}.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-vertical-right .rc-menu-submenu-arrow:before{content:"\f0da"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before{content:"\f0d9"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow{left:16px;right:auto}.rc-menu-inline .rc-menu-submenu-arrow{transform:rotate(90deg);transition:transform .3s}.rc-menu-inline .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow{transform:rotate(-90deg)}.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{padding:0}.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub{direction:rtl}.rc-menu-sub.rc-menu-inline{border:none;border-radius:0;box-shadow:none;padding:0}.rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-bottom:8px;padding-right:0;padding-top:8px}.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-left:0}.rc-menu-open-slide-up-appear,.rc-menu-open-slide-up-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform-origin:0 0}.rc-menu-open-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);opacity:1;transform-origin:0 0}.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active,.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active{animation-name:rcMenuOpenSlideUpIn;animation-play-state:running}.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active{animation-name:rcMenuOpenSlideUpOut;animation-play-state:running}@keyframes rcMenuOpenSlideUpIn{0%{opacity:0;transform:scaleY(0);transform-origin:0 0}to{opacity:1;transform:scaleY(1);transform-origin:0 0}}@keyframes rcMenuOpenSlideUpOut{0%{opacity:1;transform:scaleY(1);transform-origin:0 0}to{opacity:0;transform:scaleY(0);transform-origin:0 0}}.rc-menu-open-zoom-appear,.rc-menu-open-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform-origin:0 0}.rc-menu-open-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0}.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active,.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active{animation-name:rcMenuOpenZoomIn;animation-play-state:running}.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active{animation-name:rcMenuOpenZoomOut;animation-play-state:running}.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,.rc-menu-submenu-rtl .rc-menu-open-zoom-leave,.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,.rc-menu-submenu-rtl.rc-menu-open-zoom-leave{transform-origin:top right!important}@keyframes rcMenuOpenZoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rcMenuOpenZoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(0)}}.editor-container{background:#fff;border-radius:0;color:#000;font-weight:400;line-height:18px;position:relative;text-align:left}.mentions-class{bottom:150px!important;position:fixed!important;top:unset!important}.editor-input{caret-color:#050505;caret-color:#444;font-size:14px;min-height:42px;outline:0;position:relative;resize:none;tab-size:1}.editor-placeholder{color:#999;display:inline-block;font-size:14px;left:10px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:12px;user-select:none}.reply-placeholder{background-color:#f0f0f0;border-radius:5px}.editor-paragraph{margin:0 0 15px;position:relative}.dropdown .item .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:20px;line-height:16px;margin-right:12px;user-select:none;width:20px}.mentions-menu{max-height:320px;overflow-y:auto;width:280px}.mention{color:#006edc;cursor:pointer;font-weight:500;text-decoration:none}.mention:focus{box-shadow:0 0 0 2px #b4d5ff;outline:none}.typeahead-popover{background:#fff;border-radius:12px;bottom:calc(100% + 5px);box-shadow:0 12px 30px rgba(15,35,52,.18);position:absolute}.typeahead-popover ul{border-radius:0 0 12px 12px;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0}.typeahead-popover ul::-webkit-scrollbar{display:none}.typeahead-popover ul{-ms-overflow-style:none;scrollbar-width:none}.typeahead-popover ul li{border-radius:8px;cursor:pointer;font-size:14px;margin:0;min-width:220px;outline:none}.typeahead-popover ul li.selected{background:#eee}.typeahead-popover li{align-content:center;background-color:#fff;border:0;border-radius:8px;color:#050505;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;font-size:14px;line-height:16px;margin:0 8px;padding:6px 10px}.typeahead-popover li.active{background-size:contain;display:flex;height:20px;width:20px}.typeahead-popover li:first-child,.typeahead-popover li:last-child{border-radius:8px}.typeahead-popover li:hover{background-color:#f5f7fb}.typeahead-popover li .text{display:flex;flex-grow:1;line-height:20px;min-width:150px}.mention-avatar{border:1px solid #f0f2f5;border-radius:50%;flex-shrink:0;height:36px;margin-right:10px;object-fit:cover;width:36px}.mentions-menu__title{align-items:center;border-bottom:1px solid #f0f2f5;color:#4b4f56;display:flex;font-size:13px;gap:4px;padding:8px 12px 6px}.mentions-menu__title-icon{align-items:center;background-color:#e8f0fe;border-radius:50%;color:#006edc;display:inline-flex;font-weight:600;height:20px;justify-content:center;margin-right:4px;width:20px}.mentions-menu__all-btn{background:none;border:none;color:#006edc;cursor:pointer;font-weight:500;margin-left:4px;padding:0}.hover:hover{background-color:#f0f0f0;cursor:pointer}.room-item .hidden-button{display:none}.room-item.show-button:hover .hidden-button,.scroll-bottom-button{align-items:center;display:flex}.scroll-bottom-button{background:#006edc;border-radius:50%;bottom:123px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:20px;height:48px;justify-content:center;padding:10px;position:absolute;right:12px;transition:background-color .2s;width:48px;z-index:10}.scroll-bottom-button:hover{background:#0056b3}.scroll-bottom-button svg{fill:#fff;height:24px;width:24px}html body .chat-application .sidebar-left{background-color:#fff}html body .chat-application .chat-fixed-search{border-bottom:1px solid #f0f2f5;padding:8px 10px}html body .chat-application .sidebar-left .nav-tabs{display:none}html body .chat-application .chat-filter-bar{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;font-size:13px;justify-content:space-between;margin:0 6px;padding-bottom:6px!important;padding-top:6px!important}html body .chat-application .chat-filter-tab{border-bottom:2px solid transparent;color:#4e4b66;cursor:pointer;font-weight:500;margin-right:16px;padding-bottom:4px;transition:color .2s ease,border-color .2s ease}html body .chat-application .chat-filter-tab:last-child{margin-right:0}html body .chat-application .chat-filter-tab.active{border-bottom-color:#006edc;color:#006edc;font-weight:600}html body .chat-application .chat-filter-dropdown .dropdown-toggle{background-color:#f5f5f5;border-radius:6px;color:#4e4b66;font-weight:500;padding:4px 10px}html body .chat-application .chat-filter-dropdown.show .dropdown-toggle{background-color:#e5e7eb}html body .chat-application .chat-user-list-wrapper{background-color:#fff;border-right:1px solid #e5e7eb}html body .chat-application .chat-users-list.chat-list.media-list{padding:4px 4px 80px}html body .chat-application .chat-users-list .room-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:2px 0;padding:8px 12px;transition:background-color .15s ease}html body .chat-application .chat-users-list .room-item:hover{background-color:#f5f5f5}html body .chat-application .chat-users-list .room-item.active{background-color:#e7f3ff}html body .chat-application .chat-users-list .room-item .avatar-border{box-shadow:none}html body .chat-application .chat-users-list .room-item>div:first-child{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:56px}html body .chat-application .chat-users-list .room-item .chat-info{flex:1;margin-left:8px}html body .chat-application .chat-users-list .room-item .chat-title-row{gap:6px;line-height:1}html body .chat-application .chat-users-list .room-item .chat-info .room-name,html body .chat-application .chat-users-list .room-item .chat-info h5{color:#4e4b66;font-size:14px;font-weight:500;margin-bottom:2px}html body .chat-application .chat-users-list .room-item .room-name.is-group{color:#1f2937;font-weight:500}html body .chat-application .chat-users-list .room-item .chat-info .text-truncate{color:#6b7280;font-size:12px}html body .chat-application .chat-users-list .room-item .chat-meta{align-self:flex-start;margin-left:8px;text-align:right}html body .chat-application .chat-users-list .room-item .chat-time{color:#9ca3af;font-size:11px;margin-left:8px}html body .chat-application .chat-users-list .room-item .badge{align-items:center;background-color:#f44336;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;margin-left:8px;min-width:24px;padding:0 6px}html body .chat-application .chat-users-list .room-item .chat-preview-prefix{color:#6b7280;flex-shrink:0;margin-right:4px}html body .chat-application .chat-users-list .room-item .chat-preview-content{color:#6b7280;flex:1;min-width:0}html body .chat-application .chat-users-list .room-item.unread .room-name{color:#0f172a;font-weight:700!important}html body .chat-application .chat-users-list .room-item.unread .chat-preview-content,html body .chat-application .chat-users-list .room-item.unread .chat-preview-prefix{color:#6b7280;font-weight:400}html body .chat-application .chat-users-list .room-item.unread .chat-time{color:#0f172a;font-weight:600}html body .chat-application .chat-users-list .room-item .chat-unread-badge{margin-left:8px}.chat-mention{color:#006edc;cursor:pointer;font-weight:500;text-decoration:none}.chat-mention:hover{text-decoration:underline}.images-grid-container img{height:100%!important;object-fit:cover!important;width:100%!important}.typing-indicator{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:inline-flex;gap:6px;padding:6px 12px}.typing-indicator .typing-dots{align-items:center;display:flex;gap:3px}.typing-indicator .typing-dots span{animation:typing 1s ease-in-out infinite;background-color:#90a4ae;border-radius:50%;height:4px;width:4px}.typing-indicator .typing-dots span:first-child{animation-delay:0s}.typing-indicator .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-dots span:nth-child(3){animation-delay:.4s}.typing-indicator .typing-text{color:#455a64;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-indicator-container{bottom:100%;left:0;padding:0 16px 8px;pointer-events:none;position:absolute;width:100%;z-index:10}.typing-indicator-content{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#4b4b4b;display:inline-flex;font-size:13px;padding:6px 12px;pointer-events:auto}.typing-indicator-content .text-name{font-weight:600;margin-right:4px}.typing-indicator-content .text-desc{color:#6e6e6e}.typing-indicator-content .typing-dots{display:flex;gap:2px;margin-left:6px}.typing-indicator-content .typing-dots span{animation:typing 1.4s ease-in-out infinite both;background:#888;border-radius:50%;height:3px;width:3px}.typing-indicator-content .typing-dots span:first-child{animation-delay:0s}.typing-indicator-content .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator-content .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-selected{background-color:rgba(115,103,240,.08)!important;transition:background-color .2s ease}.chat-selected .chat-content{border-color:rgba(115,103,240,.3)!important}.message-checkbox{user-select:none}.message-checkbox:hover{transform:scale(1.1)}
1
+ .e-list-item{align-items:center;display:flex;padding:5px 16px}.e-avatar.e-avatar-circle{background-color:#fff;margin-right:.5rem}.e-checkbox-wrapper .e-frame.e-check,.e-css.e-checkbox-wrapper .e-frame.e-check{background-color:#eb4619}.e-checkbox-wrapper .e-frame.e-check:hover,.e-css.e-checkbox-wrapper .e-frame.e-check:hover{background-color:tomato}.edit-room-name{align-items:center;background-color:#f0f0f1;border-radius:20cap;display:flex;justify-content:center;margin-left:.5rem;min-height:24px;min-width:24px}.edit-room-name:hover{background-color:#dfe2e7;cursor:pointer}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?#fontawesomeregular) format("svg")}.rc-menu{border:1px solid #d9d9d9;border-radius:3px;box-shadow:0 0 4px #d9d9d9;color:#666;list-style:none;margin-bottom:0;outline:none;padding-left:0;padding-right:0}.rc-menu-rtl{direction:rtl}.rc-menu-hidden,.rc-menu-submenu-hidden{display:none}.rc-menu-collapse{overflow:hidden;transition:height .3s ease-out}.rc-menu-item-group-list{margin:0;padding:0}.rc-menu-item-group-title{border-bottom:1px solid #dedede;color:#999;line-height:1.5;padding:8px 10px}.rc-menu-item-active,.rc-menu-item-selected,.rc-menu-submenu-active>.rc-menu-submenu-title{background-color:#eaf8fe}.rc-menu-item-selected{transform:translateZ(0)}.rc-menu-submenu-selected{background-color:#eaf8fe}.rc-menu>li.rc-menu-submenu{padding:0}.rc-menu-horizontal.rc-menu-sub,.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{margin-top:0;min-width:160px}.rc-menu-item,.rc-menu-submenu-title{display:block;margin:0;padding:7px 7px 7px 16px;position:relative;white-space:nowrap}.rc-menu-rtl .rc-menu-item,.rc-menu-rtl .rc-menu-submenu-title{padding:7px 16px 7px 7px}.rc-menu-item.rc-menu-item-disabled,.rc-menu-item.rc-menu-submenu-disabled,.rc-menu-submenu-title.rc-menu-item-disabled,.rc-menu-submenu-title.rc-menu-submenu-disabled{color:#777!important}.rc-menu-item{align-items:center;display:flex}.rc-menu-item .rc-menu-item-extra{font-size:14px;margin-left:auto}.rc-menu-item-divider{background-color:#e5e5e5;height:1px;line-height:0;margin:1px 0;overflow:hidden;padding:0}.rc-menu-submenu-popup{position:absolute}.rc-menu-submenu-popup .submenu-title-wrapper{padding-right:20px}.rc-menu-submenu-rtl .rc-menu-submenu-popup .submenu-title-wrapper,.rc-menu-submenu-rtl.rc-menu-submenu-popup .submenu-title-wrapper{padding-left:20px;padding-right:0}.rc-menu-submenu>.rc-menu{background-color:#fff}.rc-menu .rc-menu-item .anticon,.rc-menu .rc-menu-submenu-title .anticon{height:14px;margin-right:8px;top:-1px;width:14px}.rc-menu-rtl .rc-menu .rc-menu-item .anticon,.rc-menu-rtl .rc-menu .rc-menu-submenu-title .anticon{margin-left:8px;margin-right:0}.rc-menu-horizontal{background-color:#f3f5f7;border:none;border-bottom:1px solid #d9d9d9;box-shadow:none;overflow:hidden;white-space:nowrap}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu>.rc-menu-submenu-title{padding:15px 20px}.rc-menu-horizontal>.rc-menu-item,.rc-menu-horizontal>.rc-menu-submenu{border-bottom:2px solid transparent;display:inline-block;vertical-align:bottom}.rc-menu-horizontal>.rc-menu-item-active,.rc-menu-horizontal>.rc-menu-submenu-active{background-color:#f3f5f7;border-bottom:2px solid #2db7f5;color:#2baee9}.rc-menu-horizontal:after{clear:both;content:"\20";display:block;height:0}.rc-menu-inline,.rc-menu-vertical,.rc-menu-vertical-left,.rc-menu-vertical-right{padding:12px 0}.rc-menu-inline>.rc-menu-item,.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-left>.rc-menu-item,.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical-right>.rc-menu-item,.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-vertical>.rc-menu-item,.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 8px 12px 24px}.rc-menu-rtl.rc-menu-inline>.rc-menu-item,.rc-menu-rtl.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-left>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical-right>.rc-menu-submenu>.rc-menu-submenu-title,.rc-menu-rtl.rc-menu-vertical>.rc-menu-item,.rc-menu-rtl.rc-menu-vertical>.rc-menu-submenu>.rc-menu-submenu-title{padding:12px 24px 12px 8px}.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-vertical-right .rc-menu-submenu-arrow{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;line-height:1.5em;position:absolute;right:16px;text-align:center;text-rendering:auto;text-transform:none;vertical-align:baseline}.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-vertical-right .rc-menu-submenu-arrow:before{content:"\f0da"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow:before,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow:before{content:"\f0d9"}.rc-menu-rtl.rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-rtl.rc-menu-vertical-right .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-inline .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-left .rc-menu-submenu-arrow,.rc-menu-submenu-rtl .rc-menu-vertical-right .rc-menu-submenu-arrow{left:16px;right:auto}.rc-menu-inline .rc-menu-submenu-arrow{transform:rotate(90deg);transition:transform .3s}.rc-menu-inline .rc-menu-submenu-open>.rc-menu-submenu-title .rc-menu-submenu-arrow{transform:rotate(-90deg)}.rc-menu-vertical-left.rc-menu-sub,.rc-menu-vertical-right.rc-menu-sub,.rc-menu-vertical.rc-menu-sub{padding:0}.rc-menu-submenu-rtl .rc-menu-vertical-left.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical-right.rc-menu-sub,.rc-menu-submenu-rtl .rc-menu-vertical.rc-menu-sub{direction:rtl}.rc-menu-sub.rc-menu-inline{border:none;border-radius:0;box-shadow:none;padding:0}.rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-bottom:8px;padding-right:0;padding-top:8px}.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-item,.rc-menu-rtl .rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title{padding-left:0}.rc-menu-open-slide-up-appear,.rc-menu-open-slide-up-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform-origin:0 0}.rc-menu-open-slide-up-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);opacity:1;transform-origin:0 0}.rc-menu-open-slide-up-appear.rc-menu-open-slide-up-appear-active,.rc-menu-open-slide-up-enter.rc-menu-open-slide-up-enter-active{animation-name:rcMenuOpenSlideUpIn;animation-play-state:running}.rc-menu-open-slide-up-leave.rc-menu-open-slide-up-leave-active{animation-name:rcMenuOpenSlideUpOut;animation-play-state:running}@keyframes rcMenuOpenSlideUpIn{0%{opacity:0;transform:scaleY(0);transform-origin:0 0}to{opacity:1;transform:scaleY(1);transform-origin:0 0}}@keyframes rcMenuOpenSlideUpOut{0%{opacity:1;transform:scaleY(1);transform-origin:0 0}to{opacity:0;transform:scaleY(0);transform-origin:0 0}}.rc-menu-open-zoom-appear,.rc-menu-open-zoom-enter{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.08,.82,.17,1);opacity:0;transform-origin:0 0}.rc-menu-open-zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.6,.04,.98,.34);transform-origin:0 0}.rc-menu-open-zoom-appear.rc-menu-open-zoom-appear-active,.rc-menu-open-zoom-enter.rc-menu-open-zoom-enter-active{animation-name:rcMenuOpenZoomIn;animation-play-state:running}.rc-menu-open-zoom-leave.rc-menu-open-zoom-leave-active{animation-name:rcMenuOpenZoomOut;animation-play-state:running}.rc-menu-submenu-rtl .rc-menu-open-zoom-appear,.rc-menu-submenu-rtl .rc-menu-open-zoom-enter,.rc-menu-submenu-rtl .rc-menu-open-zoom-leave,.rc-menu-submenu-rtl.rc-menu-open-zoom-appear,.rc-menu-submenu-rtl.rc-menu-open-zoom-enter,.rc-menu-submenu-rtl.rc-menu-open-zoom-leave{transform-origin:top right!important}@keyframes rcMenuOpenZoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes rcMenuOpenZoomOut{0%{transform:scale(1)}to{opacity:0;transform:scale(0)}}.editor-container{background:#fff;border-radius:0;color:#000;font-weight:400;line-height:18px;position:relative;text-align:left}.mentions-class{bottom:150px!important;position:fixed!important;top:unset!important}.editor-input{caret-color:#050505;caret-color:#444;font-size:14px;min-height:42px;outline:0;position:relative;resize:none;tab-size:1}.editor-placeholder{color:#999;display:inline-block;font-size:14px;left:10px;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;top:12px;user-select:none}.reply-placeholder{background-color:#f0f0f0;border-radius:5px}.editor-paragraph{margin:0 0 15px;position:relative}.dropdown .item .icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;height:20px;line-height:16px;margin-right:12px;user-select:none;width:20px}.mentions-menu{max-height:320px;overflow-y:auto;width:280px}.mention{color:#006edc;cursor:pointer;font-weight:500;text-decoration:none}.mention:focus{box-shadow:0 0 0 2px #b4d5ff;outline:none}.typeahead-popover{background:#fff;border-radius:12px;bottom:calc(100% + 5px);box-shadow:0 12px 30px rgba(15,35,52,.18);position:absolute}.typeahead-popover ul{border-radius:0 0 12px 12px;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0}.typeahead-popover ul::-webkit-scrollbar{display:none}.typeahead-popover ul{-ms-overflow-style:none;scrollbar-width:none}.typeahead-popover ul li{border-radius:8px;cursor:pointer;font-size:14px;margin:0;min-width:220px;outline:none}.typeahead-popover ul li.selected{background:#eee}.typeahead-popover li{align-content:center;background-color:#fff;border:0;border-radius:8px;color:#050505;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;font-size:14px;line-height:16px;margin:0 8px;padding:6px 10px}.typeahead-popover li.active{background-size:contain;display:flex;height:20px;width:20px}.typeahead-popover li:first-child,.typeahead-popover li:last-child{border-radius:8px}.typeahead-popover li:hover{background-color:#f5f7fb}.typeahead-popover li .text{display:flex;flex-grow:1;line-height:20px;min-width:150px}.mention-avatar{border:1px solid #f0f2f5;border-radius:50%;flex-shrink:0;height:36px;margin-right:10px;object-fit:cover;width:36px}.mentions-menu__title{align-items:center;border-bottom:1px solid #f0f2f5;color:#4b4f56;display:flex;font-size:13px;gap:4px;padding:8px 12px 6px}.mentions-menu__title-icon{align-items:center;background-color:#e8f0fe;border-radius:50%;color:#006edc;display:inline-flex;font-weight:600;height:20px;justify-content:center;margin-right:4px;width:20px}.mentions-menu__all-btn{background:none;border:none;color:#006edc;cursor:pointer;font-weight:500;margin-left:4px;padding:0}.hover:hover{background-color:#f0f0f0;cursor:pointer}.room-item .hidden-button{display:none}.room-item.show-button:hover .hidden-button,.scroll-bottom-button{align-items:center;display:flex}.scroll-bottom-button{background:#006edc;border-radius:50%;bottom:123px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:20px;height:48px;justify-content:center;padding:10px;position:absolute;right:12px;transition:background-color .2s;width:48px;z-index:10}.scroll-bottom-button:hover{background:#0056b3}.scroll-bottom-button svg{fill:#fff;height:24px;width:24px}html body .chat-application .sidebar-left{background-color:#fff}html body .chat-application .chat-fixed-search{border-bottom:1px solid #f0f2f5;padding:8px 10px}html body .chat-application .sidebar-left .nav-tabs{display:none}html body .chat-application .chat-filter-bar{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;font-size:13px;justify-content:space-between;margin:0 6px;padding-bottom:6px!important;padding-top:6px!important}html body .chat-application .chat-filter-tab{border-bottom:2px solid transparent;color:#4e4b66;cursor:pointer;font-weight:500;margin-right:16px;padding-bottom:4px;transition:color .2s ease,border-color .2s ease}html body .chat-application .chat-filter-tab:last-child{margin-right:0}html body .chat-application .chat-filter-tab.active{border-bottom-color:#006edc;color:#006edc;font-weight:600}html body .chat-application .chat-filter-dropdown .dropdown-toggle{background-color:#f5f5f5;border-radius:6px;color:#4e4b66;font-weight:500;padding:4px 10px}html body .chat-application .chat-filter-dropdown.show .dropdown-toggle{background-color:#e5e7eb}html body .chat-application .chat-user-list-wrapper{background-color:#fff;border-right:1px solid #e5e7eb}html body .chat-application .chat-users-list.chat-list.media-list{padding:4px 4px 80px}html body .chat-application .chat-users-list .room-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:2px 0;padding:8px 12px;transition:background-color .15s ease}html body .chat-application .chat-users-list .room-item:hover{background-color:#f5f5f5}html body .chat-application .chat-users-list .room-item.active{background-color:#e7f3ff}html body .chat-application .chat-users-list .room-item .avatar-border{box-shadow:none}html body .chat-application .chat-users-list .room-item>div:first-child{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:56px}html body .chat-application .chat-users-list .room-item .chat-info{flex:1;margin-left:8px}html body .chat-application .chat-users-list .room-item .chat-title-row{gap:6px;line-height:1}html body .chat-application .chat-users-list .room-item .chat-info .room-name,html body .chat-application .chat-users-list .room-item .chat-info h5{color:#4e4b66;font-size:14px;font-weight:500;margin-bottom:2px}html body .chat-application .chat-users-list .room-item .room-name.is-group{color:#1f2937;font-weight:500}html body .chat-application .chat-users-list .room-item .chat-info .text-truncate{color:#6b7280;font-size:12px}html body .chat-application .chat-users-list .room-item .chat-meta{align-self:flex-start;margin-left:8px;text-align:right}html body .chat-application .chat-users-list .room-item .chat-time{color:#9ca3af;font-size:11px;margin-left:8px}html body .chat-application .chat-users-list .room-item .badge{align-items:center;background-color:#f44336;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;height:24px;justify-content:center;margin-left:8px;min-width:24px;padding:0 6px}html body .chat-application .chat-users-list .room-item .chat-preview-prefix{color:#6b7280;flex-shrink:0;margin-right:4px}html body .chat-application .chat-users-list .room-item .chat-preview-content{color:#6b7280;flex:1;min-width:0}html body .chat-application .chat-users-list .room-item.unread .room-name{color:#0f172a;font-weight:700!important}html body .chat-application .chat-users-list .room-item.unread .chat-preview-content,html body .chat-application .chat-users-list .room-item.unread .chat-preview-prefix{color:#6b7280;font-weight:400}html body .chat-application .chat-users-list .room-item.unread .chat-time{color:#0f172a;font-weight:600}html body .chat-application .chat-users-list .room-item .chat-unread-badge{margin-left:8px}.chat-mention{color:#006edc;cursor:pointer;font-weight:500;text-decoration:none}.chat-mention:hover{text-decoration:underline}.images-grid-container img{height:100%!important;object-fit:cover!important;width:100%!important}.typing-indicator{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:inline-flex;gap:6px;padding:6px 12px}.typing-indicator .typing-dots{align-items:center;display:flex;gap:3px}.typing-indicator .typing-dots span{animation:typing 1s ease-in-out infinite;background-color:#90a4ae;border-radius:50%;height:4px;width:4px}.typing-indicator .typing-dots span:first-child{animation-delay:0s}.typing-indicator .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator .typing-dots span:nth-child(3){animation-delay:.4s}.typing-indicator .typing-text{color:#455a64;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-indicator-container{bottom:100%;left:0;padding:0 16px 8px;pointer-events:none;position:absolute;width:100%;z-index:10}.typing-indicator-content{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);color:#4b4b4b;display:inline-flex;font-size:13px;padding:6px 12px;pointer-events:auto}.typing-indicator-content .text-name{font-weight:600;margin-right:4px}.typing-indicator-content .text-desc{color:#6e6e6e}.typing-indicator-content .typing-dots{display:flex;gap:2px;margin-left:6px}.typing-indicator-content .typing-dots span{animation:typing 1.4s ease-in-out infinite both;background:#888;border-radius:50%;height:3px;width:3px}.typing-indicator-content .typing-dots span:first-child{animation-delay:0s}.typing-indicator-content .typing-dots span:nth-child(2){animation-delay:.2s}.typing-indicator-content .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-selected{background-color:rgba(115,103,240,.08)!important;transition:background-color .2s ease}.chat-selected .chat-content{border-color:rgba(115,103,240,.3)!important}.message-checkbox{user-select:none}.message-checkbox:hover{transform:scale(1.1)}.RootMenu{background:none;border:none;border:1px solid var(--active-unfocused);border-radius:6px;font-size:16px;padding:6px 14px}.Menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border-radius:6px;box-shadow:2px 4px 12px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);max-width:300px;min-width:220px;outline:0;padding:6px 0;z-index:2000}.MenuItem{align-items:center;background:none;border:none;display:flex;font-size:14px;line-height:1.8;margin:0;min-width:110px;outline:0;padding:8px 10px;text-align:left;width:100%}.MenuItem:hover{background:#f0f0f0}
2
2
 
3
3
  /*! common core */.e-control,.e-css,.e-error{font-family:Helvetica Neue,Helvetica,Arial,sans-serif,-apple-system,BlinkMacSystemFont;font-size:12px;font-weight:400}.e-error{color:#a94442}.e-control,.e-control [class*=" e-"],.e-control [class^=e-]{box-sizing:border-box}.e-control :focus,.e-control:focus{outline:none}.e-rtl{direction:rtl;text-align:right}.e-overlay{background-color:#383838;filter:alpha(opacity=50);height:100%;opacity:.5;pointer-events:none;-ms-touch-action:none;touch-action:none;width:100%}.e-hidden{display:none}.e-blazor-hidden{visibility:hidden}.e-disabled{background-image:none;cursor:default;filter:alpha(Opacity=35);opacity:.35}.e-ul{list-style-type:none}.e-prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.e-warning{color:#fff}.e-success{color:#3c763d}.e-information{color:#31708f}.e-block-touch{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.e-license{color:#ff0;text-decoration:none}.e-license-banner{cursor:pointer;position:absolute;right:10px;top:27%}
4
4