@esvndev/es-react-template-chat 0.0.74 → 0.0.75

package/dist/index.css

@@ -1,4 +1,4 @@
-:root{--layer-background-selected:#dbebff;--text-primary:#081b3a;--layer-background:#fff;--divider-bold:rgba(0,0,0,.15);--surface-background-subtle:#ebecf0;--layer-background-hover:#f1f2f4}.setting-modal .modal-title{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:700;line-height:1.5}.flx{display:flex;flex-flow:row nowrap}.flx-col{flex-flow:column nowrap}.flx-sp-btw{justify-content:space-between}.setting-modal-body-custom{height:calc(100vh - 3.5rem - 55px)}.setting-modal{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.5;overflow:hidden}.setting-menu,.stack-navigation{margin-top:0!important}.stack-navigation{background-color:#ebecf0;padding-left:0!important;padding-right:0!important}.setting-section{padding-left:12px;padding-right:12px}.setting-menu__item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;font-weight:700;height:50px;justify-content:space-between;line-height:1.5;margin-top:0!important;padding:0 16px!important}.setting-menu__item:hover{background-color:var(--layer-background-hover)}.setting-menu__item.selected{background-color:var(--layer-background-selected)}.setting-menu__wrapper-content{align-items:center;display:flex;margin-right:2px}.setting-menu{background-color:var(--layer-background);border-right:1px solid var(--divider-bold);padding-left:0!important;padding-right:0!important}.setting-right,.setting-right .stack-page{background-color:var(--surface-background-subtle)}.stack-navigation .stack-page{background:var(--layer-background);inset:0;position:absolute}.setting-menu__icon{font-size:1.125rem;height:1.125rem;line-height:0;margin-right:10px;width:1.125rem}.setting-menu__name{margin:0}.truncate{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-section-label{color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;height:32px;line-height:1.5;line-height:32px;padding:0 16px}.setting-section-content{background-color:transparent;margin:8px 0 24px}.setting-section-content__item.first{border-radius:8px 8px 0 0}.setting-section-content__item{background-color:var(--layer-background);box-sizing:border-box;cursor:pointer;padding:12px 16px 0}.setting-section-content__item.last{border-radius:0 0 8px 8px;padding:12px 16px}.setting-section-content__description,.setting-section-desc{color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.5;line-height:1.4}.setting-section-desc{padding:0 16px}.setting-section-content__item.single{border-radius:8px;padding:12px 16px}.z-radio{color:var(--text-primary);width:fit-content}.t-right{text-align:right}.input-custom{height:34px!important;padding:.3rem .5rem!important;width:237px!important}.form-color{width:75px!important}.dropdown-notification .dropdown-menu-media .notification-avatar{align-self:flex-start}.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}
+.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)}.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}
 
 /*! 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%}