File manager - Edit - /home/c14075/dragmet-ural.ru/www/elements.tar
Back
.section.php 0000644 00000000107 15132374215 0007000 0 ustar 00 <? $sSectionName = "Элементы"; $arDirProperties = Array( ); ?> index.php 0000644 00000050652 15132374215 0006377 0 ustar 00 <? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); $APPLICATION->SetTitle("Элементы"); ?> <div class="tabs"> <ul class="nav nav-tabs"> <li class="active"><a href="#popularPosts" data-toggle="tab">Popular</a></li> <li><a href="#recentPosts" data-toggle="tab">Recent</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="popularPosts"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> <div class="tab-pane" id="recentPosts"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum </div> </div> </div> <hr class="long"/> <div class="row"> <div class="col-md-12"> <h2>Accordion type 1</h2> <div class="accordion-type-1"> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion1" href="#accordion1"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion1" class="panel-collapse collapse"> <div class="accordion-body"> <div class="row"> <div class="col-md-12"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> </div> </div> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion2" href="#accordion2"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion2" class="panel-collapse collapse"> <div class="accordion-body"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion3" href="#accordion3"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion3" class="panel-collapse collapse"> <div class="accordion-body"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> </div> </div> </div> <hr class="tall" /> <div class="row"> <div class="col-md-12"> <h2>Accordion type 2</h2> <div class="accordion-type-2"> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion4" href="#accordion4"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion4" class="panel-collapse collapse"> <div class="accordion-body"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion5" href="#accordion5"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion5" class="panel-collapse collapse"> <div class="accordion-body"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> <div class="item-accordion-wrapper"> <div class="accordion-head accordion-close" data-toggle="collapse" data-parent="#accordion6" href="#accordion6"> <span>Pricing Tables<i class="fa fa-angle-down"></i></span> </div> <div id="accordion6" class="panel-collapse collapse"> <div class="accordion-body"> Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. </div> </div> </div> </div> </div> </div> <hr class="tall" /> <div class="row"> <div class="col-md-6"> <h2>Toggle</h2> <div class="toogle"> <section class="toggle active"> <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; </p> </div> </section> <section class="toggle"> <label>Curabitur eget leo at imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor, orci eros pellentesque odio, nec pellentesque erat ligula nec massa. Aenean consequat lorem ut felis ullamcorper posuere gravida tellus faucibus. Maecenas dolor elit, pulvinar eu vehicula eu, consequat et lacus. Duis et purus ipsum. In auctor mattis ipsum id molestie. Donec risus nulla, fringilla a rhoncus vitae, semper a massa. Vivamus ullamcorper, enim sit amet consequat laoreet, tortor tortor dictum urna, ut egestas urna ipsum nec libero. Nulla justo leo, molestie vel tempor nec, egestas at massa. Aenean pulvinar, felis porttitor iaculis pulvinar, odio orci sodales odio, ac pulvinar felis quam sit.</p> </div> </section> <section class="toggle"> <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor, orci eros pellentesque odio, nec pellentesque erat ligula nec massa. Aenean consequat lorem ut felis ullamcorper posuere gravida tellus faucibus. Maecenas dolor elit, pulvinar eu vehicula eu, consequat et lacus. Duis et purus ipsum. In auctor mattis ipsum id molestie. Donec risus nulla, fringilla a rhoncus vitae, semper a massa. Vivamus ullamcorper, enim sit amet consequat laoreet, tortor tortor dictum urna, ut egestas urna ipsum nec libero. Nulla justo leo, molestie vel tempor nec, egestas at massa. Aenean pulvinar, felis porttitor iaculis pulvinar, odio orci sodales odio, ac pulvinar felis quam sit.</p> </div> </section> </div> </div> <div class="col-md-6"> <h2>One Toggle Open At A Time</h2> <div class="toogle toogle-accordion"> <section class="toggle active"> <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. </p> </div> </section> <section class="toggle"> <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor, orci eros pellentesque odio, nec pellentesque erat ligula nec massa. Aenean consequat lorem ut felis ullamcorper posuere gravida tellus faucibus. Maecenas dolor elit, pulvinar eu vehicula eu, consequat et lacus. Duis et purus ipsum. In auctor mattis ipsum id molestie. Donec risus nulla, fringilla a rhoncus vitae, semper a massa. Vivamus ullamcorper, enim sit amet consequat laoreet, tortor tortor dictum urna, ut egestas urna ipsum nec libero. Nulla justo leo, molestie vel tempor nec, egestas at massa. Aenean pulvinar, felis porttitor iaculis pulvinar, odio orci sodales odio, ac pulvinar felis quam sit.</p> </div> </section> <section class="toggle"> <label>Curabitur eget leo at velit imperdiet vague iaculis vitaes?</label> <div class="toggle-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus. Nullam tortor nunc, bibendum vitae semper a, volutpat eget massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla, orci sit amet posuere auctor, orci eros pellentesque odio, nec pellentesque erat ligula nec massa. Aenean consequat lorem ut felis ullamcorper posuere gravida tellus faucibus. Maecenas dolor elit, pulvinar eu vehicula eu, consequat et lacus. Duis et purus ipsum. In auctor mattis ipsum id molestie. Donec risus nulla, fringilla a rhoncus vitae, semper a massa. Vivamus ullamcorper, enim sit amet consequat laoreet, tortor tortor dictum urna, ut egestas urna ipsum nec libero. Nulla justo leo, molestie vel tempor nec, egestas at massa. Aenean pulvinar, felis porttitor iaculis pulvinar, odio orci sodales odio, ac pulvinar felis quam sit.</p> </div> </section> </div> </div> </div> <hr class="long"/> <h2></h2> <div class="form inline FEEDBACK"> <!--noindex--> <div class="form_head"><h4>Форма в 2 ряда</h4></div> <form name="FEEDBACK" action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data" novalidate="novalidate"> <div class="form_body"> <div class="form_left"> <div class="form-control"> <label><span>Сообщение <span class="star">*</span></span></label> <textarea data-sid="POST" required="" name="form_textarea_14" cols="40" rows="5" left=""></textarea> </div> </div> <div class="form_right"> <div class="form-control"> <label><span>Ваше имя <span class="star">*</span></span></label> <input type="text" class="inputtext" data-sid="CLIENT_NAME" required="" name="form_text_11" value="" size="0"> </div> <div class="form-control"> <label><span>Контактный телефон <span class="star">*</span></span></label> <input type="text" class="phone" data-sid="PHONE" required="" name="form_text_12" value="" size="0"> </div> <div class="form-control"> <label><span>E-mail</span></label> <input type="email" placeholder="mail@domen.com" class="inputtext" data-sid="EMAIL" name="form_email_13" value="" size="0"> </div> </div> <div class="clearboth"></div> <div class="form-control captcha-row clearfix"> <label><span>Введите текст с картинки <span class="star">*</span></span></label> <div class="captcha_image"> <img src="/bitrix/tools/captcha.php?captcha_sid=0586a44eee9423f529fb58936c8212e8" border="0"> <input type="hidden" name="captcha_sid" value="0586a44eee9423f529fb58936c8212e8"> <div class="captcha_reload"></div> </div> <div class="captcha_input"> <input type="text" class="inputtext captcha" name="captcha_word" size="30" maxlength="50" value="" required=""> </div> </div> <div class="clearboth"></div> </div> <div class="form_footer"> <button type="submit" class="btn btn-default" value="submit" name="web_form_submit"><span>Отправить</span></button> <button type="reset" class="btn btn-default white" value="reset" name="web_form_reset"><span>Отменить</span></button> </div> </form> <!--/noindex--> </div> <hr class="long" /> <div class="form inline FEEDBACK"> <!--noindex--> <div class="form_head"><h4>Форма в ряд</h4></div> <form name="FEEDBACK" action="<?=$APPLICATION->GetCurPage()?>" method="POST" enctype="multipart/form-data" novalidate="novalidate"> <div class="form_body"> <div class="form-control"> <label><span>Сообщение <span class="star">*</span></span></label> <textarea data-sid="POST" required="" name="form_textarea_14" cols="40" rows="5" left=""></textarea> </div> <div class="form-control"> <label><span>Ваше имя <span class="star">*</span></span></label> <input type="text" class="inputtext" data-sid="CLIENT_NAME" required="" name="form_text_11" value="" size="0"> </div> <div class="form-control"> <label><span>Контактный телефон <span class="star">*</span></span></label> <input type="text" class="phone" data-sid="PHONE" required="" name="form_text_12" value="" size="0"> </div> <div class="form-control"> <label><span>E-mail</span></label> <input type="email" placeholder="mail@domen.com" class="inputtext" data-sid="EMAIL" name="form_email_13" value="" size="0"> </div> <div class="form-control captcha-row clearfix"> <label><span>Введите текст с картинки <span class="star">*</span></span></label> <div class="captcha_image"> <img src="/bitrix/tools/captcha.php?captcha_sid=0586a44eee9423f529fb58936c8212e8" border="0"> <input type="hidden" name="captcha_sid" value="0586a44eee9423f529fb58936c8212e8"> <div class="captcha_reload"></div> </div> <div class="captcha_input"> <input type="text" class="inputtext captcha" name="captcha_word" size="30" maxlength="50" value="" required=""> </div> </div> <div class="clearboth"></div> </div> <div class="form_footer"> <button type="submit" class="btn btn-default" value="submit" name="web_form_submit"><span>Отправить</span></button> <button type="reset" class="btn btn-default white" value="reset" name="web_form_reset"><span>Отменить</span></button> </div> </form> <!--/noindex--> </div> <hr class="long" /> <div class="bottom_nav block"> <div class="ajax_load_btn"> <span class="more_text_ajax">Показать еще</span> </div> <div class="module-pagination"> <ul class="flex-direction-nav"> <li class="flex-nav-prev disabled"><a href="<?=$APPLICATION->GetCurPage()?>" class="flex-prev"></a></li> <li class="flex-nav-next "><a href="<?=$APPLICATION->GetCurPage()?>" class="flex-next"></a></li> </ul> <span class="nums"> <span class="cur">1</span> <a href="<?=$APPLICATION->GetCurPage()?>">2</a> <a href="<?=$APPLICATION->GetCurPage()?>">3</a> <span class="point_sep"></span> <a href="<?=$APPLICATION->GetCurPage()?>">26</a> </span> </div> </div> <div class="clearfix"></div> <hr class="long" /> <div class="row"> <div class="col-md-12"> <h2>Labels</h2> <span class="label label-default">Default</span> <span class="label label-primary">Primary</span> <span class="label label-success">Success</span> <span class="label label-info">Info</span> <span class="label label-warning">Warning</span> <span class="label label-danger">Danger</span> <h2 class="spaced">Tooltips</h2> <p>Tight pants next level keffiyeh <a rel="tooltip" href="#" data-original-title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a title="Another tooltip" rel="tooltip" href="#">have a</a> terry richardson vinyl chambray. </p> </div> </div> <hr class="long" /> <div class="row"> <div class="col-md-12"> <h4>Оформление блока</h4> <div class="styled-block">Красивый блок на сайте</div> </div> <div class="col-md-12"> <table class="order-block"> <tr class="row1"> <td class="col-md-9 col-sm-8 col-xs-7 valign1"> <div class="text">Произвольный текст.<br />Красивее в две строки.</div> </td> <td class="col-md-3 col-sm-4 col-xs-5 valign1"> <div class="btns"> <span class="btn btn-default btn-lg" data-event="jqm" data-param-form_id="ASK" data-name="example" data-autoload-STRING="Автозаполнение строки">Пример формы</span> </div> </td> </tr> </table> </div> <div class="col-md-12"> <blockquote class="info">Text</blockquote> </div> </div> <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> bundle.config.js 0000644 00000000233 15147707577 0007641 0 ustar 00 module.exports = { input: './src/registry.js', output: './dist/registry.bundle.js', namespace: 'BX.Messenger.v2.ComponentLegacy', browserslist: true }; config.php 0000644 00000000456 15147707577 0006553 0 ustar 00 <? if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED !== true) { die(); } return [ 'css' => 'dist/registry.bundle.css', 'js' => 'dist/registry.bundle.js', 'rel' => [ 'main.polyfill.core', 'im.v2.lib.utils', 'ui.fonts.opensans', 'im.v2.const', 'ui.vue3', ], 'skip_core' => true, ]; src/chat-title/chat-title.js 0000644 00000006716 15147707577 0012023 0 ustar 00 import {ChatTypes, RecentSettings} from 'im.v2.const'; import './chat-title.css'; import {BitrixVue} from 'ui.vue3'; const DialogSpecialType = { bot: 'bot', extranet: 'extranet', network: 'network', support24: 'support24' }; const TitleIcons = { absent: 'absent', birthday: 'birthday', }; export const ChatTitle = { name: 'ChatTitle', props: { dialogId: { type: String, default: '0' }, withMute: { type: Boolean, default: false } }, computed: { dialog() { return this.$store.getters['dialogues/get'](this.dialogId, true); }, user() { return this.$store.getters['users/get'](this.dialogId, true); }, botType() { if (!this.isUser) { return ''; } return this.$store.getters['users/getBotType'](this.dialogId); }, isUser(): boolean { return this.dialog.type === ChatTypes.user; }, isSelfChat(): boolean { return this.isUser && this.user.id === this.currentUserId; }, dialogSpecialType() { if (!this.isUser) { if (this.isExtranet) { return DialogSpecialType.extranet; } else if ([ChatTypes.support24.notifier, ChatTypes.support24.question].includes(this.dialog.type)) { return DialogSpecialType.support24; } return ''; } if (this.isBot) { return this.botType; } else if (this.isExtranet) { return DialogSpecialType.extranet; } else if (this.isNetwork) { return DialogSpecialType.network; } return ''; }, leftIcon(): string { if (this.dialogSpecialType) { return this.dialogSpecialType; } if (!this.isUser) { return ''; } if (this.showBirthdays && this.user.isBirthday) { return TitleIcons.birthday; } else if (this.user.isAbsent) { return TitleIcons.absent; } return ''; }, color(): string { return this.dialogSpecialType; }, isBot(): boolean { if (this.isUser) { return this.user.bot; } return false; }, isExtranet(): boolean { if (this.isUser) { return this.user.extranet; } return this.dialog.extranet; }, isNetwork() { if (this.isUser) { return this.user.network; } return false; }, isChatMuted() { if (this.isUser) { return false; } const isMuted = this.dialog.muteList.find(element => { return element === this.currentUserId; }); return !!isMuted; }, currentUserId() { return this.$store.state.application.common.userId; }, tooltipText() { if (this.isSelfChat) { return `${this.dialog.name} (${this.phrases['IM_RECENT_CHAT_SELF']})`; } return this.dialog.name; }, showBirthdays() { return this.$store.getters['recent/getOption'](RecentSettings.showBirthday); }, isDarkTheme() { return this.$store.state.application.options.darkTheme; }, phrases() { return BitrixVue.getFilteredPhrases(this, 'IM_RECENT_'); }, }, template: ` <div class="bx-im-component-chat-title-wrap"> <div v-if="leftIcon" :class="'bx-im-component-chat-name-left-icon bx-im-component-chat-name-left-icon-' + leftIcon"></div> <span :class="'bx-im-component-chat-name-text-' + color" :title="tooltipText" class="bx-im-component-chat-name-text" > {{ dialog.name }} <strong v-if="isSelfChat"> <span class="bx-im-component-chat-name-text-self">({{ phrases['IM_RECENT_CHAT_SELF'] }})</span> </strong> </span> <div v-if="withMute && isChatMuted" class="bx-im-component-chat-name-muted-icon"></div> </div> ` }; src/chat-title/chat-title.css 0000644 00000024360 15147707577 0012172 0 ustar 00 :root { --im-chat-title-color: #181818; --im-chat-title-bot-color: #715fc1; --im-chat-title-extranet-color: #ca7b00; --im-chat-title-network-color: #0a962f; --im-chat-title-support24-color: #005390; --im-chat-title-icon-opacity: var(--im-recent-icon-opacity, 0.7); } .bx-messenger-dark { --im-chat-title-color: #DEDEDE; --im-chat-title-bot-color: #bcabff; --im-chat-title-extranet-color: #ff9b00; --im-chat-title-network-color: #0a962f; --im-chat-title-support24-color: #0490f7; --im-chat-title-icon-opacity: var(--im-recent-icon-opacity, 0.4); } .bx-im-component-chat-title-wrap { display: flex; align-items: center; font-size: 14px; font-weight: var(--ui-font-weight-medium, 500); min-width: 0; } .bx-im-component-chat-name-text { margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--im-chat-title-color); } .bx-im-component-chat-name-text-self { font-style: italic; } .bx-im-component-chat-name-text-bot { color: var(--im-chat-title-bot-color); } .bx-im-component-chat-name-text-extranet { color: var(--im-chat-title-extranet-color); } .bx-im-component-chat-name-text-network { color: var(--im-chat-title-network-color); } .bx-im-component-chat-name-text-support24 { color: var(--im-chat-title-support24-color); } .bx-im-component-chat-name-muted-icon { height: 12px; width: 12px; min-width: 12px; margin-right: 5px; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.738.542a.5.5%200%200%201%20.784.411V14.65a.5.5%200%200%201-.78.415l-4.475-3.022V11.8a.805.805%200%200%201-.103.007H1a.8.8%200%200%201-.8-.8V4.581a.8.8%200%200%201%20.8-.8h3.165c.035%200%20.07.003.103.007v-.149L8.737.542Zm8.13%2010.392%201.113-1.113-2.227-2.227%202.227-2.226-1.114-1.114-2.226%202.227-2.227-2.227-1.113%201.114%202.227%202.226L11.3%209.821l1.113%201.113%202.227-2.226%202.226%202.226Z%22%20fill%3D%22%23ABABAB%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: var(--im-chat-title-icon-opacity); } .bx-im-component-chat-name-left-icon { height: 12px; width: 12px; min-width: 12px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; } .bx-im-component-chat-name-left-icon-open { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23A3BB47%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M8.726%203.065c-.007-.17-.093-.244-.245-.215-.47.111-.939.23-1.408.341-.727.178-1.461.364-2.189.541-.773.186-1.54.379-2.314.564-.165.037-.33.081-.503.119-.033-.245-.052-.267-.264-.267h-.126c-.218%200-.251.037-.251.281V6.564c0%20.186.053.238.212.238h.172c.198%200%20.231-.03.257-.26.02%200%20.033-.007.053%200%20.304.074.609.156.92.23.079.015.092.052.092.126v1.045c0%20.282.205.527.443.527h2.136c.218%200%20.41-.2.443-.445.02-.156.02-.319.033-.49.767.193%201.534.379%202.3.572.153.037.239-.045.246-.215v-.134-4.56c-.007-.044-.007-.088-.007-.133zM5.802%207.892c0%20.081-.022.118-.111.118H3.48c-.08%200-.125-.03-.125-.111v-.994c.163.03.311.06.46.09.622.133%201.252.274%201.875.407.089.015.119.052.111.134a2.85%202.85%200%200%200%200%20.356z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-chat { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%2347A0BA%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M7.863%204.724v-.982c0-1.2-1.062-2.176-2.366-2.176-1.303%200-2.365.976-2.365%202.176v.982h-.505v4.024h5.74V4.724h-.504zM5.905%207.646h-.81l.121-1.103a.486.486%200%200%201-.252-.413c0-.27.24-.488.533-.488.293%200%20.534.218.534.488a.468.468%200%200%201-.252.413l.126%201.103zm1.068-2.922H4.028v-.982c0-.746.66-1.355%201.475-1.355.81%200%201.47.609%201.47%201.355v.982z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-absent { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%23CC7449%22%20d%3D%22M3.484%209.708s.321-3.05%202.086-4.815c.578-.257.514-.048.546.144-.963%201.784-.53%204.655-.53%204.655l-2.102.016z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.73%204.732c-.17-.164-1.492-1.235-4.044.033.177-.45%201.429-2.504%202.89-2.248%201.46.257%201.155%202.214%201.155%202.214v.001zm.017%200s.305-1.91%201.574-2.15c1.27-.242%202.327%201.38%202.327%201.38-.696-.096-1.4-.129-2.102-.097a4.477%204.477%200%200%200-1.799.866v.001z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.717%204.82l-.099-.232.121-.179c.104.033.212.05.32.053.053-.014.158.112.21.097.717-.183%201.989-.345%202.43-.069.738.462.986%202.085%201.014%202.485-2.389-2.193-3.997-2.157-3.997-2.157v.001z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-bot { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%237359D0%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.5%22/%3E%3Cpath%20d%3D%22M10.9%2012.8c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm5.5%200c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm2.4-3.5l.9-3c.1-.4-.1-.8-.5-1-.4-.1-.8.1-1%20.5l-.8%202.6c-1.2-.6-2.5-1-3.8-1-1.4%200-2.7.3-3.9%201l-.8-2.6c-.1-.4-.5-.6-1-.5-.4.1-.6.6-.5%201l.9%203.1c-2%201.6-3.2%204-3.2%206.8%200%204.8%203.8%203.6%208.4%203.6%204.7%200%208.4%201.2%208.4-3.6.2-2.9-1.1-5.3-3.1-6.9zm-5.2%206.1c-3.3%200-6%20.3-6-1.1%200-1.4%202.7-2.6%206-2.6s6%201.2%206%202.6c0%201.4-2.7%201.1-6%201.1z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-extranet { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.633.073c-7.18%200-13%205.82-13%2013%200%207.179%205.82%2013%2013%2013s13-5.82%2013-13-5.82-13-13-13zM4.92%2020.525c-.033.029-.179.14-.36.273a11.858%2011.858%200%2001-2.843-7.725c0-.555.04-1.104.113-1.646.68.882%201.427%202.073%201.684%202.43.419.583.885%201.156%201.292%201.748.685.997%201.4%202.362%201.037%203.602-.157.532-.506.965-.923%201.318zm13.728-9.65c.412%201.617%201.501%202.358%203.266%202.224.837-.063.783%202.176.249%203.1-.661%201.145-.49%202.504-1.115%203.647-.394.72-1.064%201.254-1.593%201.869-.663.77-1.407%201.514-2.512%201.419-.728-.063-1.031-.87-1.174-1.446-.235-.952-.435-2.403-.6-4.353-.685-1.48-1.801-1.995-3.35-1.543-2.322.678-2.795-1.122-2.86-2.833-.158-4.22%203.392-4.666%203.803-4.592.59.106%202.32.404%202.754.643%201.472.813%202.98-.307%202.86-.9-.117-.593-3.775-1.445-5.072-1.537-1.296-.093-1.416.368-1.772-.023-.287-.315-.022-.816.18-1.081%201.43-1.886%203.817-2.342%205.835-3.324.031-.016.078-.124.133-.284a11.88%2011.88%200%20014.38%202.786%2011.881%2011.881%200%20012.915%204.757c-.43.254.427-.087-1.824.436-1.5.35-3.001.694-4.503%201.036z%22%20fill%3D%22%23D79125%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-network { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22/%3E%3Ccircle%20fill%3D%22%2329AD46%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12.1%2010.6h-.7v2.2h2.2v-.7h-1.5v-1.5zm5.1-.3c-.1-1.6-1.4-2.8-3-2.8-.3%200-.7.1-1%20.2-.7-1-1.8-1.6-3-1.6-2%200-3.6%201.7-3.6%203.8v.3c-1.3.5-2.2%201.8-2.2%203.3%200%201.9%201.5%203.5%203.4%203.6h8.7c1.8%200%203.3-1.5%203.3-3.4%200-1.7-1.1-3.1-2.6-3.4zM12%2015.1c-1.6%200-2.9-1.3-2.9-2.9%200-1.6%201.3-2.9%202.9-2.9%201.6%200%202.9%201.3%202.9%202.9-.1%201.6-1.4%202.9-2.9%202.9z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-support24 { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20fill%3D%22%230165AF%22%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%227.5%22/%3E%3Cpath%20d%3D%22M6.603%207.2297c0-.5135-.4459-.6937-.9204-.6937-.6358%200-1.1577.1982-1.6416.4055l-.3323-.946C4.2497%205.7613%204.9994%205.5%205.8914%205.5c1.3949%200%202.0686.6667%202.0686%201.6036%200%201.6397-2.3723%202.099-2.771%203.3514h2.8565V11.5H3.5c.2562-2.9279%203.103-3.099%203.103-4.2703zm3.8793%201.8577h.6222v-.6416c0-.4608.0415-.994.0623-1.1115L9.6217%209.1145c.1244-.009.6222-.0271.8606-.0271zm-2.4368.2078L11.4675%205.5h1.0163v3.5874H13.5v.9939h-1.0162V11.5h-1.3793v-1.4187h-3.059v-.7861z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } src/registry.js 0000644 00000000333 15147707577 0007564 0 ustar 00 import {Avatar} from './avatar/avatar'; import {ChatTitle} from './chat-title/chat-title'; import {RecentLoadingState} from './recent-loading-state/recent-loading-state'; export {Avatar, ChatTitle, RecentLoadingState}; src/avatar/avatar.js 0000644 00000010435 15147707577 0010454 0 ustar 00 import {ChatTypes, RecentSettings, AvatarSize} from 'im.v2.const'; import {Utils} from 'im.v2.lib.utils'; import 'ui.fonts.opensans'; import './avatar.css'; const DialogType = { user: 'user', chat: 'chat', open: 'open', general: 'general', videoconf: 'videoconf', announcement: 'announcement', call: 'call', support24Notifier: 'support24Notifier', support24Question: 'support24Question', crm: 'crm', sonetGroup: 'sonetGroup', calendar: 'calendar', tasks: 'tasks', thread: 'thread', mail: 'mail' }; export const Avatar = { name: 'Avatar', props: { dialogId: { type: String, default: '0' }, size: { type: String, default: AvatarSize.M }, withAvatarLetters: { type: Boolean, default: true }, withStatus: { type: Boolean, default: true }, withCounter: { type: Boolean, default: false }, withBirthday: { type: Boolean, default: false }, withTyping: { type: Boolean, default: false } }, computed: { dialog() { return this.$store.getters['dialogues/get'](this.dialogId, true); }, user() { return this.$store.getters['users/get'](this.dialogId, true); }, isUser() { return this.dialog.type === ChatTypes.user; }, isBot() { if (this.isUser) { return this.user.bot; } return false; }, isActiveInvitation(): boolean { const recentItem = this.$store.getters['recent/get'](this.dialogId); if (!recentItem) { return false; } return recentItem.invitation.isActive; }, chatAvatarStyle(): Object { return {backgroundImage: `url('${this.dialog.avatar}')`}; }, avatarText(): string { if (![ChatTypes.user, ChatTypes.open, ChatTypes.chat].includes(this.dialog.type)) { return ''; } return Utils.text.getFirstLetters(this.dialog.name); }, chatTypeIconClasses(): string[] { const classes = []; if (DialogType[this.dialog.type]) { classes.push(`bx-im-component-avatar-icon-${this.dialog.type}`); } else { classes.push('bx-im-component-avatar-icon-default'); } return classes; }, userStatusIcon(): string { if (!this.isUser || this.isBot || this.user.id === this.currentUserId) { return ''; } const status = this.$store.getters['users/getStatus'](this.dialogId); if (status) { return status; } return ''; }, isSomeoneTyping() { return Object.keys(this.dialog.writingList).length > 0; }, formattedCounter() { return this.dialog.counter > 99 ? '99+' : this.dialog.counter; }, isChatMuted() { if (this.isUser) { return false; } const isMuted = this.dialog.muteList.find(element => { return element === this.currentUserId; }); return !!isMuted; }, showBirthdays() { return this.$store.getters['recent/getOption'](RecentSettings.showBirthday); }, currentUserId() { return this.$store.state.application.common.userId; }, }, template: ` <div :title="dialog.name" :class="'bx-im-component-avatar-size-' + size.toLowerCase()" class="bx-im-component-avatar-wrap"> <div v-if="isActiveInvitation" class="bx-im-component-avatar-content bx-im-component-avatar-invitation"></div> <div v-else-if="dialog.avatar" :style="chatAvatarStyle" class="bx-im-component-avatar-content bx-im-component-avatar-image"></div> <div v-else-if="withAvatarLetters && avatarText" :style="{backgroundColor: dialog.color}" class="bx-im-component-avatar-content bx-im-component-avatar-text"> {{ avatarText }} </div> <div v-else :style="{backgroundColor: dialog.color}" :class="chatTypeIconClasses" class="bx-im-component-avatar-content bx-im-component-avatar-icon"></div> <div v-if="withTyping && isSomeoneTyping" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-typing"></div> <div v-else-if="withBirthday && isUser && showBirthdays && user.isBirthday" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-birthday"></div> <div v-else-if="withStatus && userStatusIcon" :class="'bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-' + userStatusIcon"></div> <div v-if="withCounter && dialog.counter > 0" :class="{'bx-im-component-avatar-counter-muted': isChatMuted}" class="bx-im-component-avatar-counter"> {{ formattedCounter }} </div> </div> ` }; src/avatar/avatar.css 0000644 00000073457 15147707577 0010645 0 ustar 00 :root { --im-avatar-type-icon-user: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.79%2015.354c0-.77-1.026-1.65-3.047-2.163a6.926%206.926%200%200%201-1.929-.862c-.13-.072-.11-.745-.11-.745l-.65-.097c0-.055-.056-.862-.056-.862.779-.257.698-1.772.698-1.772.495.27.817-.93.817-.93.585-1.665-.291-1.564-.291-1.564.153-1.017.153-2.05%200-3.067-.39-3.373-6.254-2.457-5.559-1.356-1.713-.31-1.322%203.518-1.322%203.518l.371.991c-.73.465-.222%201.027-.197%201.674.036.955.632.757.632.757.036%201.577.828%201.782.828%201.782.149.99.056.822.056.822l-.705.083a2.7%202.7%200%200%201-.055.672c-.829.362-1.007.575-1.83.93-1.592.684-3.321%201.574-3.629%202.772C.505%2017.136.22%2019.746.22%2019.746h17.433l-.862-4.392z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-chat: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.2%2011V7.6C18.2%203.4%2014.6%200%2010%200S1.8%203.4%201.8%207.6V11H0v14h20V11h-1.8zm-6.644%2010H8.444l.445-3.8C8.222%2017%208%2016.4%208%2015.8c0-1%20.889-1.8%202-1.8s2%20.8%202%201.8c0%20.6-.444%201.2-.889%201.4l.445%203.8zm3.252-10H5V7.683C5%205.146%207.308%203%2010%203s5%202.146%205%204.683V11h-.192z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-open: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2015%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.03%2011.929v1.394a.7.7%200%200%201-.7.7H5.892a.7.7%200%200%201-.7-.7V9.987L3.899%209.62l-2.225.525v.353a.5.5%200%200%201-.5.5H.676a.5.5%200%200%201-.5-.5V4.242a.5.5%200%200%201%20.5-.5h.498a.5.5%200%200%201%20.5.5v.335l2.3.505L16.31%201.595v-.127a.5.5%200%200%201%20.5-.5h1.45a.5.5%200%200%201%20.5.5v11.804a.5.5%200%200%201-.5.5h-1.45a.5.5%200%200%201-.5-.5v-.128l-4.28-1.215zm-1.368-.389L6.56%2010.375v2.333h4.103V11.54z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-general: url('data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2222%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.126%202.42C4.35-.058%2018.917.094%2020.909%202.42c1.992%202.326%202.348%2011.871%200%2014.048-.447.414-1.324.73-2.468.958-.025%201.405-.127%204.254-.54%204.254-.377%200-3.044-2.325-4.678-3.782-4.67.086-9.877-.491-11.097-1.43-2.132-1.64-2.224-11.57%200-14.048zm1.323%2010.873c.763.131%201.818.241%203.037.325.076-.328.173-.706.242-.977.05-.197.086-.338.09-.362.016-.469.65-.888%201.34-1.174a1.303%201.303%200%2001-.134-.23.898.898%200%2000-.366-.277l-.01-.367.757-.243s.196-.093.214-.093a.893.893%200%2000-.083-.16%2016.675%2016.675%200%2001-.097-.302L8.43%209.4c.11.145.239.273.384.383a4.902%204.902%200%2001-.336-.749c-.06-.249-.1-.502-.12-.758a11.145%2011.145%200%2000-.244-1.379%201.3%201.3%200%2000-.4-.577%201.831%201.831%200%2000-.917-.333h-.038c-.33.026-.648.141-.918.333a1.296%201.296%200%2000-.4.577c-.11.454-.191.915-.243%201.38-.023.25-.066.497-.126.74-.091.263-.202.52-.33.766.145-.109.275-.237.385-.382%200%200-.071.268-.086.307-.039.06-.074.122-.104.187.02%200%20.215.093.215.093l.758.242-.011.367a.895.895%200%2000-.367.276.802.802%200%2001-.212.307%203.005%203.005%200%2000-.525.246c-.253.143-.53.237-.819.274-.29.048-.473.527-.473.527l-.053%201.065zm3.835.376c2.628.15%205.83.186%208.492.07a65.86%2065.86%200%2000-.295-1.193s-.515-.862-1.53-1.13a3.42%203.42%200%2001-.97-.45.876.876%200%2001-.054-.39l-.326-.05c0-.03-.028-.45-.028-.45.391-.135.351-.926.351-.926.248.14.41-.485.41-.485.294-.87-.146-.817-.146-.817a5.59%205.59%200%20000-1.602c-.196-1.762-3.14-1.284-2.79-.708-.861-.163-.665%201.837-.665%201.837l.187.517c-.259.171-.208.368-.152.588.024.091.049.187.052.287.018.499.317.395.317.395.018.824.416.932.416.932.074.517.028.428.028.428l-.354.044c.005.117-.004.235-.028.35a4.342%204.342%200%2000-.455.242%204.09%204.09%200%2001-.464.243c-.799.357-1.667.823-1.821%201.449-.042.168-.105.468-.175.819zm9.293.029c1.176-.069%202.212-.171%202.999-.312l-.058-1.172s-.182-.475-.47-.524a2.227%202.227%200%2001-.814-.272%202.974%202.974%200%2000-.522-.244.798.798%200%2001-.21-.305.887.887%200%2000-.364-.274l-.011-.365.753-.24s.194-.093.213-.093a1.482%201.482%200%2000-.104-.185c-.014-.039-.085-.305-.085-.305.11.143.239.271.384.379a5.532%205.532%200%2001-.329-.76%204.934%204.934%200%2001-.125-.737%2011.138%2011.138%200%2000-.241-1.37%201.287%201.287%200%2000-.398-.573%201.822%201.822%200%2000-.912-.33h-.037a1.82%201.82%200%2000-.912.33c-.182.15-.32.35-.398.573-.109.451-.19.91-.24%201.37-.02.254-.06.506-.12.753-.09.257-.203.506-.334.744.143-.109.305-.38.305-.38s-.015.291-.03.33a.886.886%200%2000-.083.16c.019%200%20.213.093.213.093l.753.241-.011.365c-.143.058-.445.28-.497.351.686.285%201.316.853%201.332%201.32.003.023.04.164.09.363.076.298.185.723.263%201.069z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-videoconf: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2213%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.318.898A27.29%2027.29%200%20007.904.125c-2.147%200-4.337.26-6.57.779-.48.111-.82.548-.82%201.053v8.623c0%20.488.319.915.778%201.042%202.134.59%204.269.886%206.404.886%202.147%200%204.361-.299%206.641-.896.466-.122.793-.552.793-1.046V1.948c0-.5-.337-.936-.812-1.05zm7.388.37a.33.33%200%2000-.02-.116.314.314%200%2000-.408-.188L16.51%202.82a.324.324%200%2000-.203.302v5.853c0%20.135.08.255.203.303l4.767%201.855a.31.31%200%2000.112.02.32.32%200%2000.316-.323V1.267zM7.739%207.294a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm-3.336%200a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm7.708-1.034a1.034%201.034%200%2011-2.068%200%201.034%201.034%200%20012.068%200z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E'); --im-avatar-type-icon-announcement: url('data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.5%200C6.598%200%202.64%202.944.754%207.176v.184C.19%208.648%200%2010.12%200%2011.592%200%2017.848%205.09%2023%2011.5%2023S23%2017.848%2023%2011.592C23%205.336%2017.91%200%2011.5%200zm8.86%206.624H16.78c-.377-1.84-1.131-3.496-1.886-4.784%202.263.92%204.337%202.576%205.468%204.784zm-4.712%204.968c0%20.736%200%201.656-.189%202.392H7.352c-.188-.736-.188-1.656-.188-2.392%200-1.104.188-2.208.188-3.128h7.73c.377.92.566%202.024.566%203.128zM11.5%201.472c1.32%200%202.828%202.024%203.582%205.336H7.918c.754-3.312%202.262-5.336%203.582-5.336zm-3.205.552c-.754%201.104-1.508%202.76-1.885%204.784H2.828C3.959%204.416%205.844%202.76%208.295%202.024zm-6.787%209.568c0-1.104.189-2.208.566-3.128H6.22c-.188.92-.188%202.024-.188%203.128%200%20.736%200%201.656.188%202.392H2.074c-.377-.92-.566-1.656-.566-2.392zm.754%203.864h3.77c.378%202.208%201.132%204.232%202.075%205.52-2.451-.92-4.714-2.944-5.845-5.52zm9.238%206.072c-1.508%200-3.016-2.392-3.77-6.072h7.54c-.754%203.68-2.262%206.072-3.77%206.072zm3.205-.552c.943-1.288%201.697-3.312%202.074-5.52h3.77c-.942%202.576-3.205%204.6-5.844%205.52zm6.221-7.176h-3.959c.189-.736.189-1.656.189-2.392%200-1.104-.189-2.208-.189-3.128h4.148c.377.92.565%202.024.565%203.128%200%20.736-.188%201.656-.377%202.392h-.377z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-call: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.586%2017.024c.583.588.566%201.56-.039%202.168l-.838.824L17.69%2020c-.354.278-.762.51-1.199.682a4.946%204.946%200%2001-1.223.308c-.192.02-4.632.438-10.142-5.092C1.14%2011.897-.329%208.948.059%205.721c.045-.402.144-.803.303-1.224.173-.442.405-.852.682-1.208l-.022-.022.827-.836c.606-.608%201.575-.626%202.159-.04l2.936%202.948c.583.586.567%201.558-.04%202.167l-.488.49-.992.995.159.287c.519.938%201.229%202.223%202.578%203.578%201.346%201.351%202.624%202.063%203.558%202.583l.292.163%201.48-1.485c.605-.607%201.573-.625%202.158-.04l2.936%202.947h.001zM10.88%201.54a.794.794%200%2001.537-1.493c3.99%201.44%206.67%204.355%207.998%208.683a.793.793%200%2011-1.515.466c-1.184-3.86-3.509-6.39-7.02-7.656zM9.65%205.345a.794.794%200%2001.6-1.468c2.427.994%204.215%202.839%205.342%205.492a.792.792%200%2011-1.458.621c-.968-2.279-2.455-3.813-4.484-4.645z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-support24: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.198%203.918c0-1.066-.882-1.44-1.82-1.44-1.258%200-2.29.411-3.248.841L.473%201.355C1.543.87%203.026.327%204.791.327c2.759%200%204.091%201.384%204.091%203.329%200%203.404-4.692%204.358-5.48%206.958h5.65v2.17H.06C.567%206.705%206.198%206.35%206.198%203.918zm6.814%203.872h1.126V6.462c0-.954.075-2.058.113-2.3l-2.797%203.684a30.661%2030.661%200%200%201%201.558-.056zM8.6%208.22L14.795.364h1.84V7.79h1.839v2.057h-1.84v2.937h-2.496V9.847H8.601V8.22z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-crm: url('data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.679%206.27a.889.889%200%2000-.276-.196.772.772%200%2000-.652%200%20.87.87%200%2000-.274.197.977.977%200%2000-.186.285.808.808%200%2000-.069.329c.005.23.096.45.254.618.079.08.169.144.275.193a.776.776%200%2000.652%200%20.898.898%200%2000.53-.811.823.823%200%2000-.069-.329.993.993%200%2000-.185-.285V6.27zm9.214%209.973H6.733v-2.439H19.12c.31%200%20.719-.409.719-.719V5.28h4.054v10.963zM5.774%2010.797c-.723-.023-1.282-.028-1.84-.063-.654-.042-1.308-.099-1.936-.298-.12-.036-.233-.093-.347-.144-.1-.045-.148-.118-.131-.23.045-.307.063-.62.135-.92.098-.419.372-.696.8-.844.562-.193%201.115-.406%201.668-.619.331-.126.54-.415.532-.715a.23.23%200%2000-.055-.141%202.75%202.75%200%2001-.743-1.504c-.074-.498-.079-.998.083-1.484.2-.603.623-.967%201.273-1.083.4-.072.791-.05%201.17.09.55.204.845.617.978%201.152.1.41.096.819.047%201.235a2.71%202.71%200%2001-.582%201.392c-.041.053-.08.11-.13.153-.09.075-.113.162-.075.266.043.12.088.241.14.359a.42.42%200%2000.247.226c.526.199%201.051.396%201.576.598.187.072.38.137.55.237.289.171.428.454.488.764.058.291.076.59.114.884.008.066-.022.102-.075.139a1.83%201.83%200%2001-.709.267c-.411.075-.827.146-1.242.179-.698.055-1.398.077-1.936.104zm4.912-5.628c.189-.432.439-.671.755-.975l.083-.08a3.95%203.95%200%20011.251-.808c.477-.195%201-.294%201.555-.294.512%200%20.995.086%201.436.256.443.17.832.408%201.158.705.326.299.586.654.773%201.056.187.404.282.84.282%201.296%200%20.386-.05.743-.147%201.063a2.58%202.58%200%2001-.424.837c-.178.23-.406.418-.666.549-.272.132-.57.198-.873.194a.889.889%200%2001-.495-.143%201.258%201.258%200%2001-.32-.302c-.19.178-.376.293-.553.344-.428.123-.793.112-1.197-.07a2.11%202.11%200%2001-.61-.42%202.326%202.326%200%2001-.458-.646%201.89%201.89%200%2001-.185-.837c0-.296.058-.572.175-.82.116-.25.27-.465.456-.64a2%202%200%2001.644-.411c.241-.098.492-.146.742-.146.278%200%20.526.054.736.162.145.075.265.168.358.277l.063-.356h1.01l-.01.088-.279%202.322c-.018.144-.028.29-.028.44%200%20.043.01.075.029.097.02.026.038.03.052.03a.56.56%200%2000.35-.125c.112-.086.211-.203.296-.35.09-.16.159-.333.202-.512.048-.19.072-.39.072-.597%200-.34-.066-.656-.198-.937a2.119%202.119%200%2000-.544-.719%202.51%202.51%200%2000-.818-.462%203.117%203.117%200%2000-1.02-.164c-.418%200-.808.073-1.16.214-.34.133-.651.33-.917.58a2.644%202.644%200%2000-.604.875c-.145.345-.22.715-.218%201.089%200%20.434.08.828.237%201.172.157.342.37.634.637.868.268.235.585.416.945.54.36.124.748.187%201.155.187.242%200%20.456-.008.637-.023.18-.015.353-.044.514-.086.162-.043.317-.102.46-.172.17-.085.333-.18.491-.285l.07-.046.555%201-.063.039c-.383.238-.79.418-1.209.536a5.74%205.74%200%2001-1.446.174c-.65%200-1.273-.107-1.754-.303a3.82%203.82%200%2001-1.27-.83c-.388-.387-.655-.918-.81-1.296a3.864%203.864%200%2001-.285-1.475c0-.584.206-1.26.382-1.66zM24.669%203.78l-4.83.02V.719c0-.31-.41-.719-.72-.719H.72C.41%200%200%20.409%200%20.719v12.366c0%20.31.41.72.72.72h4.596v3.14c0%20.31.409.719.72.719l18.633-.077c.31%200%20.719-.255.719-.72V4.501c0-.155-.41-.72-.72-.72l.001-.001z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-group: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M55.03%2042.705s-.474%201.492-.55%201.692c-.171.256-.316.53-.432.816.1%200%201.107.47%201.107.47l3.917%201.227-.057%201.86a4.639%204.639%200%2000-1.894%201.4c-.19.413-.42.805-.69%201.17%203.568%201.45%205.655%203.573%205.74%205.949.058.423%202.223%208.206%202.347%209.959H81c.014-.073-.5-10.142-.5-10.217%200%200-.946-2.425-2.446-2.672a11.739%2011.739%200%2001-4.233-1.388%2015.618%2015.618%200%2000-2.721-1.252%204.069%204.069%200%2001-1.095-1.555%204.616%204.616%200%2000-1.894-1.4l-.056-1.861%203.917-1.226s1.01-.471%201.107-.471a7.533%207.533%200%2000-.54-.947c-.074-.2-.443-1.554-.443-1.554a10.07%2010.07%200%20001.992%201.933%2027.952%2027.952%200%2001-1.708-3.877%2024.708%2024.708%200%2001-.653-3.754%2055.8%2055.8%200%2000-1.255-6.987%206.567%206.567%200%2000-2.072-2.923%209.593%209.593%200%2000-4.742-1.685h-.2c-1.7.13-3.334.712-4.733%201.685a6.589%206.589%200%2000-2.071%202.925%2055.45%2055.45%200%2000-1.254%206.987%2024.1%2024.1%200%2001-.622%203.84%2024.6%2024.6%200%2001-1.737%203.792%2010.093%2010.093%200%20001.988-1.936z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M60.272%2057.434c0-1.84-2.4-3.941-7.135-5.165a16.073%2016.073%200%2001-4.517-2.057c-.3-.174-.258-1.78-.258-1.78l-1.525-.235c0-.131-.13-2.057-.13-2.057%201.824-.613%201.636-4.23%201.636-4.23%201.158.645%201.912-2.213%201.912-2.213%201.37-3.976-.682-3.736-.682-3.736a25.034%2025.034%200%20000-7.323c-.912-8.054-14.646-5.868-13.018-3.241-4.014-.744-3.1%208.4-3.1%208.4l.87%202.364c-1.71%201.108-.521%202.45-.463%204%20.084%202.28%201.476%201.808%201.476%201.808.086%203.764%201.939%204.259%201.939%204.259.349%202.364.132%201.962.132%201.962l-1.651.2a6.565%206.565%200%2001-.13%201.6c-1.945.866-2.36%201.374-4.287%202.219-3.726%201.634-7.777%203.76-8.5%206.62C22.118%2061.692%2021%2070.998%2021%2070.998h42l-2.73-13.563z%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-calendar: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.12%2013.822h11.687V5.065H2.12v8.757zM12.75%201.696h1.217c1.113.07%201.974%201.041%201.954%202.204v11.024c0%20.609-.472%201.103-1.057%201.103h-13.8c-.584%200-1.058-.494-1.058-1.103V3.9A2.3%202.3%200%200%201%200%203.73c.002-1.126.88-2.037%201.96-2.034h1.218v.55c0%20.913.71%201.654%201.586%201.654.876%200%201.585-.74%201.585-1.653v-.551h3.23v.55c0%20.913.71%201.654%201.585%201.654s1.586-.74%201.586-1.653v-.551zm-7.21.332c0%20.448-.347.81-.776.81-.43%200-.777-.362-.777-.81V.805c.002-.447.353-.807.782-.805.43.003.774.368.772.816v1.212zm6.358-.033c0%20.423-.33.765-.735.765-.406%200-.733-.344-.733-.766V.846c0-.424.329-.766.734-.766.405%200%20.734.342.734.766v1.15zM4.515%207.04h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5z%22/%3E%3C/svg%3E'); --im-avatar-type-icon-task: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.118%2012.79V9.928h2.643V2.22H3.19v7.707h2.642v2.862h5.285zM2.31.018h12.332c.73%200%201.32.592%201.32%201.322V13.67c0%20.73-.59%201.321-1.32%201.321H2.31c-.73%200-1.321-.591-1.321-1.32V1.34C.989.61%201.58.018%202.31.018zm4.102%205.693L7.645%206.99l3.083-3.127.88%201.32-3.963%203.965-2.202-2.203.969-1.233z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20/%3E%3C/svg%3E'); --im-avatar-type-icon-thread: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.2%2011V7.6C18.2%203.4%2014.6%200%2010%200S1.8%203.4%201.8%207.6V11H0v14h20V11h-1.8zm-6.644%2010H8.444l.445-3.8C8.222%2017%208%2016.4%208%2015.8c0-1%20.889-1.8%202-1.8s2%20.8%202%201.8c0%20.6-.444%201.2-.889%201.4l.445%203.8zm3.252-10H5V7.683C5%205.146%207.308%203%2010%203s5%202.146%205%204.683V11h-.192z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); --im-avatar-type-icon-mail: url('data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.176%200H1.578A1.621%201.621%200%200%200%20.002%201.644V9.27c-.038.86.63%201.591%201.5%201.644h11.703a1.621%201.621%200%200%200%201.576-1.643V1.675A1.674%201.674%200%200%200%2013.176%200Zm-1.398%201.518L7.35%205.022%202.921%201.518h8.862-.005Zm1.547%207.211a.456.456%200%200%201-.133.338.493.493%200%200%201-.344.145H1.915a.482.482%200%200%201-.332-.15.445.445%200%200%201-.121-.333V2.48c.05.067.11.128.178.181l5.234%204.017a.621.621%200%200%200%20.386.151h.238a.88.88%200%200%200%20.387-.151l5.233-4.017a.81.81%200%200%200%20.207-.244V8.73Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E'); } .bx-im-component-avatar-wrap { position: relative; } .bx-im-component-avatar-size-l.bx-im-component-avatar-wrap { width: 45px; height: 45px; } .bx-im-component-avatar-size-m.bx-im-component-avatar-wrap { width: 34px; height: 34px; } .bx-im-component-avatar-content { width: 100%; height: 100%; border-radius: 50%; } .bx-im-component-avatar-image { background-size: cover; background-repeat: no-repeat; } /* Avatar text */ .bx-im-component-avatar-text { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; text-transform: uppercase; } .bx-im-component-avatar-size-m .bx-im-component-avatar-text { font-size: 14px; } /* End avatar text */ /* Chat type icons */ .bx-im-component-avatar-icon { background-size: 24px; background-position: center; background-repeat: no-repeat; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon { background-size: 20px; } .bx-im-component-avatar-icon-user { background-image: var(--im-avatar-type-icon-user); } .bx-im-component-avatar-icon-default, .bx-im-component-avatar-icon-chat { background-size: 20px; background-image: var(--im-avatar-type-icon-chat); } .bx-im-component-avatar-icon-open { background-image: var(--im-avatar-type-icon-open); } .bx-im-component-avatar-icon-general { background-image: var(--im-avatar-type-icon-general); background-size: 27px; } .bx-im-component-avatar-icon-videoconf { background-image: var(--im-avatar-type-icon-videoconf); } .bx-im-component-avatar-icon-announcement { background-image: var(--im-avatar-type-icon-announcement); } .bx-im-component-avatar-icon-call { background-image: var(--im-avatar-type-icon-call); } .bx-im-component-avatar-icon-support24Notifier, .bx-im-component-avatar-icon-support24Question { background-image: var(--im-avatar-type-icon-support24); background-size: 30px; background-color: #0165af!important; } .bx-im-component-avatar-icon-crm { background-image: var(--im-avatar-type-icon-crm); } .bx-im-component-avatar-icon-sonetGroup { background-size: 42px; background-image: var(--im-avatar-type-icon-group); } .bx-im-component-avatar-icon-calendar { background-size: 23px; background-image: var(--im-avatar-type-icon-calendar); } .bx-im-component-avatar-icon-tasks { background-size: 25px; background-image: var(--im-avatar-type-icon-task); } .bx-im-component-avatar-icon-thread { background-size: 20px; background-image: var(--im-avatar-type-icon-thread); } .bx-im-component-avatar-icon-mail { background-image: var(--im-avatar-type-icon-mail); } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-general { background-size: 24px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-tasks { background-size: 21px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-sonetGroup { background-size: 34px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-chat, .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-thread { background-size: 14px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Notifier, .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Question { background-size: 24px; } /* End chat type icons */ /* Status icons */ .bx-im-component-avatar-user-status-icon { position: absolute; height: 12px; width: 12px; } .bx-im-component-avatar-size-l .bx-im-component-avatar-user-status-icon { top: 34px; left: 32px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-user-status-icon { top: 24px; left: 25px; } .bx-im-component-avatar-user-status-icon-typing { background-color: #fff; border: 1px solid #fff; border-radius: 50%; height: 12px; width: 12px; } .bx-im-component-avatar-user-status-icon-typing:before { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.312%200L8.617%201.595v.1l3.688%203.688h.1L14%203.788v-.1L10.312%200zm-3.09%202.99L.044%2010.169c-.1.1%200%203.788%200%203.788s3.689.1%203.788%200l7.177-7.178v-.1L7.222%202.992c.1%200%20.1%200%200%200zm-3.689%209.37H1.84v-1.694h1.694v1.695z%22%20fill%3D%22%23757C82%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-size: 7px; background-position: 0 3px; content: ''; height: 16px; position: absolute; width: 19px; margin-top: -1px; margin-left: 1px; animation: imAvatarTyping 1.6s linear infinite; } @keyframes imAvatarTyping { 0% { background-position-x: 0; } 20% { background-position-x: 3px; transform:rotate(-20deg); } 35% { background-position-x: 3px; transform:rotate(0deg); } 50% { background-position-x: 1px; transform:rotate(-30deg); } 65% { background-position-x: 3px; transform:rotate(0deg); } 80% { background-position-x: 3px; } 100% { background-position-x: 0; } } .bx-im-component-avatar-user-status-icon-mobile-online { width: 9px; height: 13px; background-size: 12px; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M11.853.003c.667%200%201.211.55%201.211%201.22v15.585c0%20.671-.544%201.22-1.21%201.22H2.3a1.219%201.219%200%2001-1.211-1.22V1.223c0-.67.545-1.22%201.21-1.22h9.554zM7.077%2015.117a.98.98%200%20100%201.958.98.98%200%20000-1.958z%22%20fill%3D%22%233D7CCD%22%2F%3E%3Cpath%20d%3D%22M2.82%2014.257c-.115%200-.21-.089-.21-.197V2.965c0-.108.095-.196.21-.196h8.454c.115%200%20.21.088.21.196V14.06c0%20.108-.095.197-.21.197H2.82z%22%20fill%3D%22%23DDE4EE%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 2px; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-away { background-color: #f79d54; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-dnd { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23EC5961%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M10.1%201.1c-4.9%200-9%204-9%209s4%209%209%209c4.9%200%209-4%209-9s-4.1-9-9-9zm0%202.6c1.1%200%202.2.3%203.1.8l-8.6%208.6c-.5-.9-.8-2-.8-3.1-.1-3.5%202.8-6.3%206.3-6.3zm0%2012.7c-1.2%200-2.2-.3-3.2-.9l8.6-8.6c.5.9.9%202%20.9%203.2%200%203.4-2.8%206.3-6.3%206.3z%22%2F%3E%3Cpath%20d%3D%22M10%200C4.556%200%200%204.444%200%2010s4.444%2010%2010%2010c5.444%200%2010-4.444%2010-10S15.444%200%2010%200zm.373%203c1.287%200%202.574.351%203.627.936L3.939%2014a7.603%207.603%200%2001-.936-3.628C2.886%206.277%206.279%203%2010.373%203zm-.668%2014c-1.39%200-2.547-.347-3.705-1.042L15.958%206C16.537%207.042%2017%208.316%2017%209.705%2017%2013.642%2013.758%2017%209.705%2017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; background-size: 14px; border-radius: 50%; background-color: #fff; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-break { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.538%207h4.681c0%20.31-.01.608-.025.896.717-.141%201.906.042%202.027%201.2.15%201.445-2.04%203.188-3.282%203.668-.706.41-.66.409-1.035.665-1.027.705-3.729.832-4.464%200C2.706%2012.597.856%2011.411.856%207h4.682zm4.916%201.773a.576.576%200%2000-.33.106c-.115%201.088-.332%201.772-.605%202.54.904-.492%201.42-1.14%201.571-1.63.133-.434.045-1.016-.636-1.016z%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20d%3D%22M4.321%203.222c-.082.516.036.88.355%201.093.813.541%201.324.892%201.428%201.258.148.51-.057.87-.612%201.076.102-.431.01-.77-.275-1.015C4.634%205.13%203.88%204.71%203.782%204.42c-.158-.467.022-.867.54-1.199zm.79-2.894c-.146.912.062%201.555.626%201.931%201.437.958%202.34%201.578%202.526%202.225.26.904-.103%201.538-1.084%201.902.179-.762.017-1.36-.486-1.794-1.03-.89-2.364-1.632-2.537-2.145-.28-.826.039-1.532.955-2.12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: center; background-color: #b98312; background-size: 10px; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-idle { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3%205V0H0v8h7V5z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-size: 4px; background-color: #ff923a; background-position: 5px 3px; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-invitation { background-color: #01c8fb; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.969%201.712v6.721c0%20.346-.319.627-.714.627H.758c-.394%200-.714-.28-.714-.627V1.712l4.963%204.18%204.962-4.18zM9.206.84l-4.2%203.576L.809.84h8.398z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-position: center; background-size: 7px; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; } /* End status icons */ /* Counter */ .bx-im-component-avatar-counter { position: absolute; top: 0; right: -4px; display: inline-block; text-align: center; font: 10px/13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #f7f6f6; background-color: #f84932; opacity: 0.9; border-radius: 10px; height: 13px; min-width: 10px; padding: 0 3px; } .bx-im-component-avatar-counter-muted { background-color: #888; } /* End counter */ /* Invitation */ .bx-im-component-avatar-invitation { background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.074%202.023c.125.83.125%201.675%200%202.506h.03c.13.002.626.088.208%201.28%200%200-.263.979-.667.759%200%200%20.065%201.238-.571%201.448%200%200%20.036.52.044.668l.001.036.532.08v.144c.003.167.02.425.09.464a5.66%205.66%200%20001.576.704c1.569.399%202.404%201.068%202.484%201.673l.006.095.444%202.259c-1.91.8-4.128%201.28-6.5%201.33h-.833c-2.366-.05-4.578-.527-6.486-1.325.088-.624.201-1.331.318-1.787.251-.98%201.664-1.707%202.965-2.266.673-.29.818-.464%201.496-.76.025-.12.04-.242.045-.365v-.184l.576-.068s.076.138-.046-.671c0%200-.647-.168-.677-1.457%200%200-.487.162-.516-.618-.02-.494-.382-.927.055-1.291l.106-.077-.303-.81-.004-.04C4.416%203.388%204.224.679%205.532.915c-.569-.9%204.223-1.649%204.542%201.108zM18.512.669a4.824%204.824%200%20013.022%204.475%204.73%204.73%200%2001-4.632%204.82A4.824%204.824%200%201118.512.67zm-4.326%202.05a3.5%203.5%200%20002.664%205.923%203.432%203.432%200%20003.361-3.498%203.5%203.5%200%2000-6.025-2.425zm2.98-.003v1.96h1.961v1.308H15.86V2.716h1.307z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E); background-color: #00C8FB; background-size: 28px; background-position: center; background-repeat: no-repeat; } .bx-im-component-avatar-size-m .bx-im-component-avatar-invitation { background-size: 24px; } /* End invitation */ src/recent-loading-state/recent-loading-state.js 0000644 00000002726 15147707577 0015746 0 ustar 00 import './recent-loading-state.css'; export const RecentLoadingState = { name: 'RecentLoadingState', props: { compactMode: { type: Boolean, default: false }, itemsToShow: { type: Number, default: 50 } }, methods: { isThreeLineVersion() { return Math.random() < 0.5; } }, template: ` <div v-if="!compactMode" class="bx-im-component-recent-loading-state"> <div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item"> <div class="bx-im-component-recent-loading-state-avatar-wrap"> <div class="bx-im-component-recent-loading-state-avatar-placeholder"></div> </div> <div class="bx-im-component-recent-loading-state-content"> <div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-long"></div> <div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div> <div v-if="isThreeLineVersion()" class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div> </div> </div> </div> <div v-if="compactMode" class="bx-im-component-recent-loading-state bx-im-component-recent-loading-state-compact"> <div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item"> <div class="bx-im-component-recent-loading-state-avatar-wrap"> <div class="bx-im-component-recent-loading-state-avatar-placeholder"></div> </div> </div> </div> ` }; src/recent-loading-state/recent-loading-state.css 0000644 00000003576 15147707577 0016126 0 ustar 00 :root { --im-recent-placeholder-color: #E9EAEC; --im-recent-placeholder-opacity: 1.0; } .bx-messenger-dark { --im-recent-placeholder-color: #949595; --im-recent-placeholder-opacity: 0.4; } .bx-im-component-recent-loading-state { opacity: var(--im-recent-placeholder-opacity); } .bx-im-component-recent-loading-state-item { display: flex; height: 69px; box-sizing: border-box; margin-bottom: -1px; } .bx-im-component-recent-loading-state-avatar-wrap { display: flex; align-items: center; position: relative; height: 100%; width: 65px; justify-content: center; } .bx-im-component-recent-loading-state-avatar-placeholder { width: 45px; height: 45px; border-radius: 50%; background-color: var(--im-recent-placeholder-color); } .bx-im-component-recent-loading-state-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; flex: 1; border-top: 1px solid var(--im-recent-separator-line); margin-right: 10px; } .bx-im-component-recent-loading-state-line { height: 7px; margin-bottom: 8px; background-color: var(--im-recent-placeholder-color); } .bx-im-component-recent-loading-state-line:last-child { margin-bottom: 0; } .bx-im-component-recent-loading-state-line-long { width: 133px; } .bx-im-component-recent-loading-state-line-short { width: 92px; } /* Compact mode */ .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-item { display: flex; justify-content: center; align-items: center; height: 46px; width: 100%; margin: 0; padding: 0; } .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-wrap { width: 34px; height: 34px; padding-top: 0; margin-right: 0; } .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-placeholder { width: 34px; height: 34px; background-color: rgba(255, 255, 255, .3); } /* End compact mode */ dist/registry.bundle.js.map 0000644 00000044666 15147707577 0012005 0 ustar 00 {"version":3,"file":"registry.bundle.js","sources":["../src/avatar/avatar.js","../src/chat-title/chat-title.js","../src/recent-loading-state/recent-loading-state.js"],"sourcesContent":["import {ChatTypes, RecentSettings, AvatarSize} from 'im.v2.const';\nimport {Utils} from 'im.v2.lib.utils';\n\nimport 'ui.fonts.opensans';\nimport './avatar.css';\n\nconst DialogType = {\n\tuser: 'user',\n\tchat: 'chat',\n\topen: 'open',\n\tgeneral: 'general',\n\tvideoconf: 'videoconf',\n\tannouncement: 'announcement',\n\tcall: 'call',\n\tsupport24Notifier: 'support24Notifier',\n\tsupport24Question: 'support24Question',\n\tcrm: 'crm',\n\tsonetGroup: 'sonetGroup',\n\tcalendar: 'calendar',\n\ttasks: 'tasks',\n\tthread: 'thread',\n\tmail: 'mail'\n};\n\nexport const Avatar = {\n\tname: 'Avatar',\n\tprops: {\n\t\tdialogId: {\n\t\t\ttype: String,\n\t\t\tdefault: '0'\n\t\t},\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: AvatarSize.M\n\t\t},\n\t\twithAvatarLetters: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\twithStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\twithCounter: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\twithBirthday: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\twithTyping: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tcomputed:\n\t{\n\t\tdialog()\n\t\t{\n\t\t\treturn this.$store.getters['dialogues/get'](this.dialogId, true);\n\t\t},\n\t\tuser()\n\t\t{\n\t\t\treturn this.$store.getters['users/get'](this.dialogId, true);\n\t\t},\n\t\tisUser()\n\t\t{\n\t\t\treturn this.dialog.type === ChatTypes.user;\n\t\t},\n\t\tisBot()\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn this.user.bot;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\tisActiveInvitation(): boolean\n\t\t{\n\t\t\tconst recentItem = this.$store.getters['recent/get'](this.dialogId);\n\t\t\tif (!recentItem)\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn recentItem.invitation.isActive;\n\t\t},\n\t\tchatAvatarStyle(): Object\n\t\t{\n\t\t\treturn {backgroundImage: `url('${this.dialog.avatar}')`};\n\t\t},\n\t\tavatarText(): string\n\t\t{\n\t\t\tif (![ChatTypes.user, ChatTypes.open, ChatTypes.chat].includes(this.dialog.type))\n\t\t\t{\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\treturn Utils.text.getFirstLetters(this.dialog.name);\n\t\t},\n\t\tchatTypeIconClasses(): string[]\n\t\t{\n\t\t\tconst classes = [];\n\t\t\tif (DialogType[this.dialog.type])\n\t\t\t{\n\t\t\t\tclasses.push(`bx-im-component-avatar-icon-${this.dialog.type}`);\n\t\t\t}\n\t\t\telse\n\t\t\t{\n\t\t\t\tclasses.push('bx-im-component-avatar-icon-default');\n\t\t\t}\n\n\t\t\treturn classes;\n\t\t},\n\t\tuserStatusIcon(): string\n\t\t{\n\t\t\tif (!this.isUser || this.isBot || this.user.id === this.currentUserId)\n\t\t\t{\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\tconst status = this.$store.getters['users/getStatus'](this.dialogId);\n\t\t\tif (status)\n\t\t\t{\n\t\t\t\treturn status;\n\t\t\t}\n\n\t\t\treturn '';\n\t\t},\n\t\tisSomeoneTyping()\n\t\t{\n\t\t\treturn Object.keys(this.dialog.writingList).length > 0;\n\t\t},\n\t\tformattedCounter()\n\t\t{\n\t\t\treturn this.dialog.counter > 99 ? '99+' : this.dialog.counter;\n\t\t},\n\t\tisChatMuted()\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst isMuted = this.dialog.muteList.find(element => {\n\t\t\t\treturn element === this.currentUserId;\n\t\t\t});\n\n\t\t\treturn !!isMuted;\n\t\t},\n\t\tshowBirthdays()\n\t\t{\n\t\t\treturn this.$store.getters['recent/getOption'](RecentSettings.showBirthday);\n\t\t},\n\t\tcurrentUserId()\n\t\t{\n\t\t\treturn this.$store.state.application.common.userId;\n\t\t},\n\t},\n\ttemplate: `\n\t\t<div :title=\"dialog.name\" :class=\"'bx-im-component-avatar-size-' + size.toLowerCase()\" class=\"bx-im-component-avatar-wrap\">\n\t\t\t<div v-if=\"isActiveInvitation\" class=\"bx-im-component-avatar-content bx-im-component-avatar-invitation\"></div>\n\t\t\t<div v-else-if=\"dialog.avatar\" :style=\"chatAvatarStyle\" class=\"bx-im-component-avatar-content bx-im-component-avatar-image\"></div>\n\t\t\t<div v-else-if=\"withAvatarLetters && avatarText\" :style=\"{backgroundColor: dialog.color}\" class=\"bx-im-component-avatar-content bx-im-component-avatar-text\">\n\t\t\t\t{{ avatarText }}\n\t\t\t</div>\n\t\t\t<div v-else :style=\"{backgroundColor: dialog.color}\" :class=\"chatTypeIconClasses\" class=\"bx-im-component-avatar-content bx-im-component-avatar-icon\"></div>\n\t\t\t<div v-if=\"withTyping && isSomeoneTyping\" class=\"bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-typing\"></div>\n\t\t\t<div v-else-if=\"withBirthday && isUser && showBirthdays && user.isBirthday\" class=\"bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-birthday\"></div>\n\t\t\t<div v-else-if=\"withStatus && userStatusIcon\" :class=\"'bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-' + userStatusIcon\"></div>\n\t\t\t<div v-if=\"withCounter && dialog.counter > 0\" :class=\"{'bx-im-component-avatar-counter-muted': isChatMuted}\" class=\"bx-im-component-avatar-counter\">\n\t\t\t\t{{ formattedCounter }}\n\t\t\t</div>\n\t\t</div>\n\t`\n};","import {ChatTypes, RecentSettings} from 'im.v2.const';\n\nimport './chat-title.css';\nimport {BitrixVue} from 'ui.vue3';\n\nconst DialogSpecialType = {\n\tbot: 'bot',\n\textranet: 'extranet',\n\tnetwork: 'network',\n\tsupport24: 'support24'\n};\n\nconst TitleIcons = {\n\tabsent: 'absent',\n\tbirthday: 'birthday',\n};\n\nexport const ChatTitle = {\n\tname: 'ChatTitle',\n\tprops: {\n\t\tdialogId: {\n\t\t\ttype: String,\n\t\t\tdefault: '0'\n\t\t},\n\t\twithMute: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t}\n\t},\n\tcomputed:\n\t{\n\t\tdialog()\n\t\t{\n\t\t\treturn this.$store.getters['dialogues/get'](this.dialogId, true);\n\t\t},\n\t\tuser()\n\t\t{\n\t\t\treturn this.$store.getters['users/get'](this.dialogId, true);\n\t\t},\n\t\tbotType()\n\t\t{\n\t\t\tif (!this.isUser)\n\t\t\t{\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\treturn this.$store.getters['users/getBotType'](this.dialogId);\n\t\t},\n\t\tisUser(): boolean\n\t\t{\n\t\t\treturn this.dialog.type === ChatTypes.user;\n\t\t},\n\t\tisSelfChat(): boolean\n\t\t{\n\t\t\treturn this.isUser && this.user.id === this.currentUserId;\n\t\t},\n\t\tdialogSpecialType()\n\t\t{\n\t\t\tif (!this.isUser)\n\t\t\t{\n\t\t\t\tif (this.isExtranet)\n\t\t\t\t{\n\t\t\t\t\treturn DialogSpecialType.extranet;\n\t\t\t\t}\n\t\t\t\telse if ([ChatTypes.support24.notifier, ChatTypes.support24.question].includes(this.dialog.type))\n\t\t\t\t{\n\t\t\t\t\treturn DialogSpecialType.support24;\n\t\t\t\t}\n\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\tif (this.isBot)\n\t\t\t{\n\t\t\t\treturn this.botType;\n\t\t\t}\n\t\t\telse if (this.isExtranet)\n\t\t\t{\n\t\t\t\treturn DialogSpecialType.extranet;\n\t\t\t}\n\t\t\telse if (this.isNetwork)\n\t\t\t{\n\t\t\t\treturn DialogSpecialType.network;\n\t\t\t}\n\n\t\t\treturn '';\n\t\t},\n\t\tleftIcon(): string\n\t\t{\n\t\t\tif (this.dialogSpecialType)\n\t\t\t{\n\t\t\t\treturn this.dialogSpecialType;\n\t\t\t}\n\n\t\t\tif (!this.isUser)\n\t\t\t{\n\t\t\t\treturn '';\n\t\t\t}\n\n\t\t\tif (this.showBirthdays && this.user.isBirthday)\n\t\t\t{\n\t\t\t\treturn TitleIcons.birthday;\n\t\t\t}\n\t\t\telse if (this.user.isAbsent)\n\t\t\t{\n\t\t\t\treturn TitleIcons.absent;\n\t\t\t}\n\n\t\t\treturn '';\n\t\t},\n\t\tcolor(): string\n\t\t{\n\t\t\treturn this.dialogSpecialType;\n\t\t},\n\t\tisBot(): boolean\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn this.user.bot;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\tisExtranet(): boolean\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn this.user.extranet;\n\t\t\t}\n\n\t\t\treturn this.dialog.extranet;\n\t\t},\n\t\tisNetwork()\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn this.user.network;\n\t\t\t}\n\n\t\t\treturn false;\n\t\t},\n\t\tisChatMuted()\n\t\t{\n\t\t\tif (this.isUser)\n\t\t\t{\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst isMuted = this.dialog.muteList.find(element => {\n\t\t\t\treturn element === this.currentUserId;\n\t\t\t});\n\n\t\t\treturn !!isMuted;\n\t\t},\n\t\tcurrentUserId()\n\t\t{\n\t\t\treturn this.$store.state.application.common.userId;\n\t\t},\n\t\ttooltipText()\n\t\t{\n\t\t\tif (this.isSelfChat)\n\t\t\t{\n\t\t\t\treturn `${this.dialog.name} (${this.phrases['IM_RECENT_CHAT_SELF']})`;\n\t\t\t}\n\n\t\t\treturn this.dialog.name;\n\t\t},\n\t\tshowBirthdays()\n\t\t{\n\t\t\treturn this.$store.getters['recent/getOption'](RecentSettings.showBirthday);\n\t\t},\n\t\tisDarkTheme()\n\t\t{\n\t\t\treturn this.$store.state.application.options.darkTheme;\n\t\t},\n\t\tphrases()\n\t\t{\n\t\t\treturn BitrixVue.getFilteredPhrases(this, 'IM_RECENT_');\n\t\t},\n\t},\n\ttemplate: `\n\t\t<div class=\"bx-im-component-chat-title-wrap\">\n\t\t\t<div v-if=\"leftIcon\" :class=\"'bx-im-component-chat-name-left-icon bx-im-component-chat-name-left-icon-' + leftIcon\"></div>\n\t\t\t<span :class=\"'bx-im-component-chat-name-text-' + color\" :title=\"tooltipText\" class=\"bx-im-component-chat-name-text\" >\n\t\t\t\t{{ dialog.name }}\n\t\t\t\t<strong v-if=\"isSelfChat\">\n\t\t\t\t\t<span class=\"bx-im-component-chat-name-text-self\">({{ phrases['IM_RECENT_CHAT_SELF'] }})</span>\n\t\t\t\t</strong>\n\t\t\t</span>\n\t\t\t<div v-if=\"withMute && isChatMuted\" class=\"bx-im-component-chat-name-muted-icon\"></div>\n\t\t</div>\n\t`\n};","import './recent-loading-state.css';\n\nexport const RecentLoadingState = {\n\tname: 'RecentLoadingState',\n\tprops: {\n\t\tcompactMode: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\titemsToShow: {\n\t\t\ttype: Number,\n\t\t\tdefault: 50\n\t\t}\n\t},\n\tmethods:\n\t{\n\t\tisThreeLineVersion()\n\t\t{\n\t\t\treturn Math.random() < 0.5;\n\t\t}\n\t},\n\ttemplate: `\n\t\t<div v-if=\"!compactMode\" class=\"bx-im-component-recent-loading-state\">\n\t\t\t<div v-for=\"index in itemsToShow\" class=\"bx-im-component-recent-loading-state-item\">\n\t\t\t\t<div class=\"bx-im-component-recent-loading-state-avatar-wrap\">\n\t\t\t\t\t<div class=\"bx-im-component-recent-loading-state-avatar-placeholder\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"bx-im-component-recent-loading-state-content\">\n\t\t\t\t\t<div class=\"bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-long\"></div>\n\t\t\t\t\t<div class=\"bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short\"></div>\n\t\t\t\t\t<div v-if=\"isThreeLineVersion()\" class=\"bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if=\"compactMode\" class=\"bx-im-component-recent-loading-state bx-im-component-recent-loading-state-compact\">\n\t\t\t<div v-for=\"index in itemsToShow\" class=\"bx-im-component-recent-loading-state-item\">\n\t\t\t\t<div class=\"bx-im-component-recent-loading-state-avatar-wrap\">\n\t\t\t\t\t<div class=\"bx-im-component-recent-loading-state-avatar-placeholder\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t`\n};\n"],"names":["DialogType","user","chat","open","general","videoconf","announcement","call","support24Notifier","support24Question","crm","sonetGroup","calendar","tasks","thread","mail","Avatar","name","props","dialogId","type","String","default","size","AvatarSize","M","withAvatarLetters","Boolean","withStatus","withCounter","withBirthday","withTyping","computed","dialog","$store","getters","isUser","ChatTypes","isBot","bot","isActiveInvitation","recentItem","invitation","isActive","chatAvatarStyle","backgroundImage","avatar","avatarText","includes","Utils","text","getFirstLetters","chatTypeIconClasses","classes","push","userStatusIcon","id","currentUserId","status","isSomeoneTyping","Object","keys","writingList","length","formattedCounter","counter","isChatMuted","isMuted","muteList","find","element","showBirthdays","RecentSettings","showBirthday","state","application","common","userId","template","DialogSpecialType","extranet","network","support24","TitleIcons","absent","birthday","ChatTitle","withMute","botType","isSelfChat","dialogSpecialType","isExtranet","notifier","question","isNetwork","leftIcon","isBirthday","isAbsent","color","tooltipText","phrases","isDarkTheme","options","darkTheme","BitrixVue","getFilteredPhrases","RecentLoadingState","compactMode","itemsToShow","Number","methods","isThreeLineVersion","Math","random"],"mappings":"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"} dist/registry.bundle.map.js 0000644 00000013554 15147707577 0011775 0 ustar 00 {"version":3,"file":"registry.bundle.map.js","names":["this","BX","Messenger","v2","exports","im_v2_lib_utils","ui_fonts_opensans","im_v2_const","ui_vue3","DialogType","user","chat","open","general","videoconf","announcement","call","support24Notifier","support24Question","crm","sonetGroup","calendar","tasks","thread","mail","Avatar","name","props","dialogId","type","String","default","size","AvatarSize","M","withAvatarLetters","Boolean","withStatus","withCounter","withBirthday","withTyping","computed","dialog","$store","getters","isUser","ChatTypes","isBot","bot","isActiveInvitation","recentItem","invitation","isActive","chatAvatarStyle","backgroundImage","avatar","avatarText","includes","Utils","text","getFirstLetters","chatTypeIconClasses","classes","push","userStatusIcon","id","currentUserId","status","isSomeoneTyping","Object","keys","writingList","length","formattedCounter","counter","isChatMuted","isMuted","muteList","find","element","showBirthdays","RecentSettings","showBirthday","state","application","common","userId","template","DialogSpecialType","extranet","network","support24","TitleIcons","absent","birthday","ChatTitle","withMute","botType","isSelfChat","dialogSpecialType","isExtranet","notifier","question","isNetwork","leftIcon","isBirthday","isAbsent","color","tooltipText","phrases","isDarkTheme","options","darkTheme","BitrixVue","getFilteredPhrases","RecentLoadingState","compactMode","itemsToShow","Number","methods","isThreeLineVersion","Math","random","ComponentLegacy","Lib","Const","Vue3"],"sources":["registry.bundle.js"],"mappings":"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"} dist/registry.bundle.min.js 0000644 00000017346 15147707577 0012006 0 ustar 00 this.BX=this.BX||{};this.BX.Messenger=this.BX.Messenger||{};this.BX.Messenger.v2=this.BX.Messenger.v2||{};(function(t,e,i,s,n){"use strict";const a={user:"user",chat:"chat",open:"open",general:"general",videoconf:"videoconf",announcement:"announcement",call:"call",support24Notifier:"support24Notifier",support24Question:"support24Question",crm:"crm",sonetGroup:"sonetGroup",calendar:"calendar",tasks:"tasks",thread:"thread",mail:"mail"};const r={name:"Avatar",props:{dialogId:{type:String,default:"0"},size:{type:String,default:s.AvatarSize.M},withAvatarLetters:{type:Boolean,default:true},withStatus:{type:Boolean,default:true},withCounter:{type:Boolean,default:false},withBirthday:{type:Boolean,default:false},withTyping:{type:Boolean,default:false}},computed:{dialog(){return this.$store.getters["dialogues/get"](this.dialogId,true)},user(){return this.$store.getters["users/get"](this.dialogId,true)},isUser(){return this.dialog.type===s.ChatTypes.user},isBot(){if(this.isUser){return this.user.bot}return false},isActiveInvitation(){const t=this.$store.getters["recent/get"](this.dialogId);if(!t){return false}return t.invitation.isActive},chatAvatarStyle(){return{backgroundImage:`url('${this.dialog.avatar}')`}},avatarText(){if(![s.ChatTypes.user,s.ChatTypes.open,s.ChatTypes.chat].includes(this.dialog.type)){return""}return e.Utils.text.getFirstLetters(this.dialog.name)},chatTypeIconClasses(){const t=[];if(a[this.dialog.type]){t.push(`bx-im-component-avatar-icon-${this.dialog.type}`)}else{t.push("bx-im-component-avatar-icon-default")}return t},userStatusIcon(){if(!this.isUser||this.isBot||this.user.id===this.currentUserId){return""}const t=this.$store.getters["users/getStatus"](this.dialogId);if(t){return t}return""},isSomeoneTyping(){return Object.keys(this.dialog.writingList).length>0},formattedCounter(){return this.dialog.counter>99?"99+":this.dialog.counter},isChatMuted(){if(this.isUser){return false}const t=this.dialog.muteList.find((t=>t===this.currentUserId));return!!t},showBirthdays(){return this.$store.getters["recent/getOption"](s.RecentSettings.showBirthday)},currentUserId(){return this.$store.state.application.common.userId}},template:`\n\t\t<div :title="dialog.name" :class="'bx-im-component-avatar-size-' + size.toLowerCase()" class="bx-im-component-avatar-wrap">\n\t\t\t<div v-if="isActiveInvitation" class="bx-im-component-avatar-content bx-im-component-avatar-invitation"></div>\n\t\t\t<div v-else-if="dialog.avatar" :style="chatAvatarStyle" class="bx-im-component-avatar-content bx-im-component-avatar-image"></div>\n\t\t\t<div v-else-if="withAvatarLetters && avatarText" :style="{backgroundColor: dialog.color}" class="bx-im-component-avatar-content bx-im-component-avatar-text">\n\t\t\t\t{{ avatarText }}\n\t\t\t</div>\n\t\t\t<div v-else :style="{backgroundColor: dialog.color}" :class="chatTypeIconClasses" class="bx-im-component-avatar-content bx-im-component-avatar-icon"></div>\n\t\t\t<div v-if="withTyping && isSomeoneTyping" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-typing"></div>\n\t\t\t<div v-else-if="withBirthday && isUser && showBirthdays && user.isBirthday" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-birthday"></div>\n\t\t\t<div v-else-if="withStatus && userStatusIcon" :class="'bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-' + userStatusIcon"></div>\n\t\t\t<div v-if="withCounter && dialog.counter > 0" :class="{'bx-im-component-avatar-counter-muted': isChatMuted}" class="bx-im-component-avatar-counter">\n\t\t\t\t{{ formattedCounter }}\n\t\t\t</div>\n\t\t</div>\n\t`};const o={bot:"bot",extranet:"extranet",network:"network",support24:"support24"};const c={absent:"absent",birthday:"birthday"};const l={name:"ChatTitle",props:{dialogId:{type:String,default:"0"},withMute:{type:Boolean,default:false}},computed:{dialog(){return this.$store.getters["dialogues/get"](this.dialogId,true)},user(){return this.$store.getters["users/get"](this.dialogId,true)},botType(){if(!this.isUser){return""}return this.$store.getters["users/getBotType"](this.dialogId)},isUser(){return this.dialog.type===s.ChatTypes.user},isSelfChat(){return this.isUser&&this.user.id===this.currentUserId},dialogSpecialType(){if(!this.isUser){if(this.isExtranet){return o.extranet}else if([s.ChatTypes.support24.notifier,s.ChatTypes.support24.question].includes(this.dialog.type)){return o.support24}return""}if(this.isBot){return this.botType}else if(this.isExtranet){return o.extranet}else if(this.isNetwork){return o.network}return""},leftIcon(){if(this.dialogSpecialType){return this.dialogSpecialType}if(!this.isUser){return""}if(this.showBirthdays&&this.user.isBirthday){return c.birthday}else if(this.user.isAbsent){return c.absent}return""},color(){return this.dialogSpecialType},isBot(){if(this.isUser){return this.user.bot}return false},isExtranet(){if(this.isUser){return this.user.extranet}return this.dialog.extranet},isNetwork(){if(this.isUser){return this.user.network}return false},isChatMuted(){if(this.isUser){return false}const t=this.dialog.muteList.find((t=>t===this.currentUserId));return!!t},currentUserId(){return this.$store.state.application.common.userId},tooltipText(){if(this.isSelfChat){return`${this.dialog.name} (${this.phrases["IM_RECENT_CHAT_SELF"]})`}return this.dialog.name},showBirthdays(){return this.$store.getters["recent/getOption"](s.RecentSettings.showBirthday)},isDarkTheme(){return this.$store.state.application.options.darkTheme},phrases(){return n.BitrixVue.getFilteredPhrases(this,"IM_RECENT_")}},template:`\n\t\t<div class="bx-im-component-chat-title-wrap">\n\t\t\t<div v-if="leftIcon" :class="'bx-im-component-chat-name-left-icon bx-im-component-chat-name-left-icon-' + leftIcon"></div>\n\t\t\t<span :class="'bx-im-component-chat-name-text-' + color" :title="tooltipText" class="bx-im-component-chat-name-text" >\n\t\t\t\t{{ dialog.name }}\n\t\t\t\t<strong v-if="isSelfChat">\n\t\t\t\t\t<span class="bx-im-component-chat-name-text-self">({{ phrases['IM_RECENT_CHAT_SELF'] }})</span>\n\t\t\t\t</strong>\n\t\t\t</span>\n\t\t\t<div v-if="withMute && isChatMuted" class="bx-im-component-chat-name-muted-icon"></div>\n\t\t</div>\n\t`};const d={name:"RecentLoadingState",props:{compactMode:{type:Boolean,default:false},itemsToShow:{type:Number,default:50}},methods:{isThreeLineVersion(){return Math.random()<.5}},template:`\n\t\t<div v-if="!compactMode" class="bx-im-component-recent-loading-state">\n\t\t\t<div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item">\n\t\t\t\t<div class="bx-im-component-recent-loading-state-avatar-wrap">\n\t\t\t\t\t<div class="bx-im-component-recent-loading-state-avatar-placeholder"></div>\n\t\t\t\t</div>\n\t\t\t\t<div class="bx-im-component-recent-loading-state-content">\n\t\t\t\t\t<div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-long"></div>\n\t\t\t\t\t<div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div>\n\t\t\t\t\t<div v-if="isThreeLineVersion()" class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div v-if="compactMode" class="bx-im-component-recent-loading-state bx-im-component-recent-loading-state-compact">\n\t\t\t<div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item">\n\t\t\t\t<div class="bx-im-component-recent-loading-state-avatar-wrap">\n\t\t\t\t\t<div class="bx-im-component-recent-loading-state-avatar-placeholder"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t`};t.Avatar=r;t.ChatTitle=l;t.RecentLoadingState=d})(this.BX.Messenger.v2.ComponentLegacy=this.BX.Messenger.v2.ComponentLegacy||{},BX.Messenger.v2.Lib,BX,BX.Messenger.v2.Const,BX.Vue3); //# sourceMappingURL=registry.bundle.map.js dist/registry.bundle.min.css 0000644 00000113722 15147707577 0012155 0 ustar 00 :root{--im-avatar-type-icon-user:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.79%2015.354c0-.77-1.026-1.65-3.047-2.163a6.926%206.926%200%200%201-1.929-.862c-.13-.072-.11-.745-.11-.745l-.65-.097c0-.055-.056-.862-.056-.862.779-.257.698-1.772.698-1.772.495.27.817-.93.817-.93.585-1.665-.291-1.564-.291-1.564.153-1.017.153-2.05%200-3.067-.39-3.373-6.254-2.457-5.559-1.356-1.713-.31-1.322%203.518-1.322%203.518l.371.991c-.73.465-.222%201.027-.197%201.674.036.955.632.757.632.757.036%201.577.828%201.782.828%201.782.149.99.056.822.056.822l-.705.083a2.7%202.7%200%200%201-.055.672c-.829.362-1.007.575-1.83.93-1.592.684-3.321%201.574-3.629%202.772C.505%2017.136.22%2019.746.22%2019.746h17.433l-.862-4.392z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');--im-avatar-type-icon-chat:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 11V7.6C18.2 3.4 14.6 0 10 0S1.8 3.4 1.8 7.6V11H0v14h20V11h-1.8zm-6.644 10H8.444l.445-3.8C8.222 17 8 16.4 8 15.8c0-1 .889-1.8 2-1.8s2 .8 2 1.8c0 .6-.444 1.2-.889 1.4l.445 3.8zm3.252-10H5V7.683C5 5.146 7.308 3 10 3s5 2.146 5 4.683V11h-.192z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");--im-avatar-type-icon-open:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2015%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.03%2011.929v1.394a.7.7%200%200%201-.7.7H5.892a.7.7%200%200%201-.7-.7V9.987L3.899%209.62l-2.225.525v.353a.5.5%200%200%201-.5.5H.676a.5.5%200%200%201-.5-.5V4.242a.5.5%200%200%201%20.5-.5h.498a.5.5%200%200%201%20.5.5v.335l2.3.505L16.31%201.595v-.127a.5.5%200%200%201%20.5-.5h1.45a.5.5%200%200%201%20.5.5v11.804a.5.5%200%200%201-.5.5h-1.45a.5.5%200%200%201-.5-.5v-.128l-4.28-1.215zm-1.368-.389L6.56%2010.375v2.333h4.103V11.54z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');--im-avatar-type-icon-general:url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.126 2.42C4.35-.058 18.917.094 20.909 2.42c1.992 2.326 2.348 11.871 0 14.048-.447.414-1.324.73-2.468.958-.025 1.405-.127 4.254-.54 4.254-.377 0-3.044-2.325-4.678-3.782-4.67.086-9.877-.491-11.097-1.43-2.132-1.64-2.224-11.57 0-14.048zm1.323 10.873c.763.131 1.818.241 3.037.325.076-.328.173-.706.242-.977.05-.197.086-.338.09-.362.016-.469.65-.888 1.34-1.174a1.303 1.303 0 01-.134-.23.898.898 0 00-.366-.277l-.01-.367.757-.243s.196-.093.214-.093a.893.893 0 00-.083-.16 16.675 16.675 0 01-.097-.302L8.43 9.4c.11.145.239.273.384.383a4.902 4.902 0 01-.336-.749c-.06-.249-.1-.502-.12-.758a11.145 11.145 0 00-.244-1.379 1.3 1.3 0 00-.4-.577 1.831 1.831 0 00-.917-.333h-.038c-.33.026-.648.141-.918.333a1.296 1.296 0 00-.4.577c-.11.454-.191.915-.243 1.38-.023.25-.066.497-.126.74-.091.263-.202.52-.33.766.145-.109.275-.237.385-.382 0 0-.071.268-.086.307-.039.06-.074.122-.104.187.02 0 .215.093.215.093l.758.242-.011.367a.895.895 0 00-.367.276.802.802 0 01-.212.307 3.005 3.005 0 00-.525.246c-.253.143-.53.237-.819.274-.29.048-.473.527-.473.527l-.053 1.065zm3.835.376c2.628.15 5.83.186 8.492.07a65.86 65.86 0 00-.295-1.193s-.515-.862-1.53-1.13a3.42 3.42 0 01-.97-.45.876.876 0 01-.054-.39l-.326-.05c0-.03-.028-.45-.028-.45.391-.135.351-.926.351-.926.248.14.41-.485.41-.485.294-.87-.146-.817-.146-.817a5.59 5.59 0 000-1.602c-.196-1.762-3.14-1.284-2.79-.708-.861-.163-.665 1.837-.665 1.837l.187.517c-.259.171-.208.368-.152.588.024.091.049.187.052.287.018.499.317.395.317.395.018.824.416.932.416.932.074.517.028.428.028.428l-.354.044a1.42 1.42 0 01-.028.35 4.342 4.342 0 00-.455.242 4.09 4.09 0 01-.464.243c-.799.357-1.667.823-1.821 1.449-.042.168-.105.468-.175.819zm9.293.029c1.176-.069 2.212-.171 2.999-.312l-.058-1.172s-.182-.475-.47-.524a2.227 2.227 0 01-.814-.272 2.974 2.974 0 00-.522-.244.798.798 0 01-.21-.305.887.887 0 00-.364-.274l-.011-.365.753-.24s.194-.093.213-.093a1.482 1.482 0 00-.104-.185 10.973 10.973 0 01-.085-.305c.11.143.239.271.384.379a5.532 5.532 0 01-.329-.76 4.934 4.934 0 01-.125-.737 11.138 11.138 0 00-.241-1.37 1.287 1.287 0 00-.398-.573 1.822 1.822 0 00-.912-.33h-.037a1.82 1.82 0 00-.912.33 1.3 1.3 0 00-.398.573c-.109.451-.19.91-.24 1.37a4.78 4.78 0 01-.12.753c-.09.257-.203.506-.334.744.143-.109.305-.38.305-.38s-.015.291-.03.33a.886.886 0 00-.083.16c.019 0 .213.093.213.093l.753.241-.011.365c-.143.058-.445.28-.497.351.686.285 1.316.853 1.332 1.32.003.023.04.164.09.363.076.298.185.723.263 1.069z' fill='%23fff'/%3E%3C/svg%3E");--im-avatar-type-icon-videoconf:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2213%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.318.898A27.29%2027.29%200%20007.904.125c-2.147%200-4.337.26-6.57.779-.48.111-.82.548-.82%201.053v8.623c0%20.488.319.915.778%201.042%202.134.59%204.269.886%206.404.886%202.147%200%204.361-.299%206.641-.896.466-.122.793-.552.793-1.046V1.948c0-.5-.337-.936-.812-1.05zm7.388.37a.33.33%200%2000-.02-.116.314.314%200%2000-.408-.188L16.51%202.82a.324.324%200%2000-.203.302v5.853c0%20.135.08.255.203.303l4.767%201.855a.31.31%200%2000.112.02.32.32%200%2000.316-.323V1.267zM7.739%207.294a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm-3.336%200a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm7.708-1.034a1.034%201.034%200%2011-2.068%200%201.034%201.034%200%20012.068%200z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E');--im-avatar-type-icon-announcement:url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 0C6.598 0 2.64 2.944.754 7.176v.184C.19 8.648 0 10.12 0 11.592 0 17.848 5.09 23 11.5 23S23 17.848 23 11.592C23 5.336 17.91 0 11.5 0zm8.86 6.624h-3.58c-.377-1.84-1.131-3.496-1.886-4.784 2.263.92 4.337 2.576 5.468 4.784zm-4.712 4.968c0 .736 0 1.656-.189 2.392H7.352c-.188-.736-.188-1.656-.188-2.392 0-1.104.188-2.208.188-3.128h7.73c.377.92.566 2.024.566 3.128zM11.5 1.472c1.32 0 2.828 2.024 3.582 5.336H7.918c.754-3.312 2.262-5.336 3.582-5.336zm-3.205.552c-.754 1.104-1.508 2.76-1.885 4.784H2.828C3.959 4.416 5.844 2.76 8.295 2.024zm-6.787 9.568c0-1.104.189-2.208.566-3.128H6.22c-.188.92-.188 2.024-.188 3.128 0 .736 0 1.656.188 2.392H2.074c-.377-.92-.566-1.656-.566-2.392zm.754 3.864h3.77c.378 2.208 1.132 4.232 2.075 5.52-2.451-.92-4.714-2.944-5.845-5.52zm9.238 6.072c-1.508 0-3.016-2.392-3.77-6.072h7.54c-.754 3.68-2.262 6.072-3.77 6.072zm3.205-.552c.943-1.288 1.697-3.312 2.074-5.52h3.77c-.942 2.576-3.205 4.6-5.844 5.52zm6.221-7.176h-3.959c.189-.736.189-1.656.189-2.392 0-1.104-.189-2.208-.189-3.128h4.148c.377.92.565 2.024.565 3.128 0 .736-.188 1.656-.377 2.392h-.377z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");--im-avatar-type-icon-call:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.586 17.024c.583.588.566 1.56-.039 2.168l-.838.824L17.69 20c-.354.278-.762.51-1.199.682a4.946 4.946 0 01-1.223.308c-.192.02-4.632.438-10.142-5.092C1.14 11.897-.329 8.948.059 5.721c.045-.402.144-.803.303-1.224.173-.442.405-.852.682-1.208l-.022-.022.827-.836c.606-.608 1.575-.626 2.159-.04l2.936 2.948c.583.586.567 1.558-.04 2.167l-.488.49-.992.995.159.287c.519.938 1.229 2.223 2.578 3.578 1.346 1.351 2.624 2.063 3.558 2.583l.292.163 1.48-1.485c.605-.607 1.573-.625 2.158-.04l2.936 2.947h.001zM10.88 1.54a.794.794 0 01.537-1.493c3.99 1.44 6.67 4.355 7.998 8.683a.793.793 0 11-1.515.466c-1.184-3.86-3.509-6.39-7.02-7.656zM9.65 5.345a.794.794 0 01.6-1.468c2.427.994 4.215 2.839 5.342 5.492a.792.792 0 11-1.458.621c-.968-2.279-2.455-3.813-4.484-4.645z' fill='%23FFF'/%3E%3C/svg%3E");--im-avatar-type-icon-support24:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.198%203.918c0-1.066-.882-1.44-1.82-1.44-1.258%200-2.29.411-3.248.841L.473%201.355C1.543.87%203.026.327%204.791.327c2.759%200%204.091%201.384%204.091%203.329%200%203.404-4.692%204.358-5.48%206.958h5.65v2.17H.06C.567%206.705%206.198%206.35%206.198%203.918zm6.814%203.872h1.126V6.462c0-.954.075-2.058.113-2.3l-2.797%203.684a30.661%2030.661%200%200%201%201.558-.056zM8.6%208.22L14.795.364h1.84V7.79h1.839v2.057h-1.84v2.937h-2.496V9.847H8.601V8.22z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');--im-avatar-type-icon-crm:url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.679 6.27a.889.889 0 00-.276-.196.772.772 0 00-.652 0 .87.87 0 00-.274.197.977.977 0 00-.186.285.808.808 0 00-.069.329c.005.23.096.45.254.618.079.08.169.144.275.193a.776.776 0 00.652 0 .898.898 0 00.53-.811.823.823 0 00-.069-.329.993.993 0 00-.185-.285V6.27zm9.214 9.973H6.733v-2.439H19.12c.31 0 .719-.409.719-.719V5.28h4.054v10.963zM5.774 10.797c-.723-.023-1.282-.028-1.84-.063-.654-.042-1.308-.099-1.936-.298-.12-.036-.233-.093-.347-.144-.1-.045-.148-.118-.131-.23.045-.307.063-.62.135-.92.098-.419.372-.696.8-.844.562-.193 1.115-.406 1.668-.619.331-.126.54-.415.532-.715a.23.23 0 00-.055-.141 2.75 2.75 0 01-.743-1.504c-.074-.498-.079-.998.083-1.484.2-.603.623-.967 1.273-1.083.4-.072.791-.05 1.17.09.55.204.845.617.978 1.152.1.41.096.819.047 1.235a2.71 2.71 0 01-.582 1.392c-.041.053-.08.11-.13.153-.09.075-.113.162-.075.266.043.12.088.241.14.359a.42.42 0 00.247.226c.526.199 1.051.396 1.576.598.187.072.38.137.55.237.289.171.428.454.488.764.058.291.076.59.114.884.008.066-.022.102-.075.139a1.83 1.83 0 01-.709.267c-.411.075-.827.146-1.242.179-.698.055-1.398.077-1.936.104zm4.912-5.628c.189-.432.439-.671.755-.975l.083-.08a3.95 3.95 0 011.251-.808c.477-.195 1-.294 1.555-.294.512 0 .995.086 1.436.256.443.17.832.408 1.158.705.326.299.586.654.773 1.056.187.404.282.84.282 1.296 0 .386-.05.743-.147 1.063a2.58 2.58 0 01-.424.837c-.178.23-.406.418-.666.549-.272.132-.57.198-.873.194a.889.889 0 01-.495-.143 1.258 1.258 0 01-.32-.302c-.19.178-.376.293-.553.344-.428.123-.793.112-1.197-.07a2.11 2.11 0 01-.61-.42 2.326 2.326 0 01-.458-.646 1.89 1.89 0 01-.185-.837c0-.296.058-.572.175-.82.116-.25.27-.465.456-.64a2 2 0 01.644-.411c.241-.098.492-.146.742-.146.278 0 .526.054.736.162.145.075.265.168.358.277l.063-.356h1.01l-.01.088-.279 2.322c-.018.144-.028.29-.028.44 0 .043.01.075.029.097.02.026.038.03.052.03a.56.56 0 00.35-.125c.112-.086.211-.203.296-.35.09-.16.159-.333.202-.512.048-.19.072-.39.072-.597 0-.34-.066-.656-.198-.937a2.119 2.119 0 00-.544-.719 2.51 2.51 0 00-.818-.462 3.117 3.117 0 00-1.02-.164c-.418 0-.808.073-1.16.214a2.86 2.86 0 00-.917.58 2.644 2.644 0 00-.604.875c-.145.345-.22.715-.218 1.089 0 .434.08.828.237 1.172.157.342.37.634.637.868.268.235.585.416.945.54.36.124.748.187 1.155.187.242 0 .456-.008.637-.023.18-.015.353-.044.514-.086.162-.043.317-.102.46-.172.17-.085.333-.18.491-.285l.07-.046.555 1-.063.039c-.383.238-.79.418-1.209.536a5.74 5.74 0 01-1.446.174c-.65 0-1.273-.107-1.754-.303a3.82 3.82 0 01-1.27-.83c-.388-.387-.655-.918-.81-1.296a3.864 3.864 0 01-.285-1.475c0-.584.206-1.26.382-1.66zM24.669 3.78l-4.83.02V.719c0-.31-.41-.719-.72-.719H.72C.41 0 0 .409 0 .719v12.366c0 .31.41.72.72.72h4.596v3.14c0 .31.409.719.72.719l18.633-.077c.31 0 .719-.255.719-.72V4.501c0-.155-.41-.72-.72-.72l.001-.001z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");--im-avatar-type-icon-group:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M55.03 42.705s-.474 1.492-.55 1.692c-.171.256-.316.53-.432.816.1 0 1.107.47 1.107.47l3.917 1.227-.057 1.86a4.639 4.639 0 00-1.894 1.4 6.61 6.61 0 01-.69 1.17c3.568 1.45 5.655 3.573 5.74 5.949.058.423 2.223 8.206 2.347 9.959H81c.014-.073-.5-10.142-.5-10.217 0 0-.946-2.425-2.446-2.672a11.739 11.739 0 01-4.233-1.388 15.618 15.618 0 00-2.721-1.252 4.069 4.069 0 01-1.095-1.555 4.616 4.616 0 00-1.894-1.4l-.056-1.861 3.917-1.226s1.01-.471 1.107-.471a7.533 7.533 0 00-.54-.947c-.074-.2-.443-1.554-.443-1.554a10.07 10.07 0 001.992 1.933 27.952 27.952 0 01-1.708-3.877 24.708 24.708 0 01-.653-3.754 55.8 55.8 0 00-1.255-6.987 6.567 6.567 0 00-2.072-2.923 9.593 9.593 0 00-4.742-1.685h-.2c-1.7.13-3.334.712-4.733 1.685a6.589 6.589 0 00-2.071 2.925 55.45 55.45 0 00-1.254 6.987 24.1 24.1 0 01-.622 3.84 24.6 24.6 0 01-1.737 3.792 10.093 10.093 0 001.988-1.936z'/%3E%3Cpath fill='%23fff' d='M60.272 57.434c0-1.84-2.4-3.941-7.135-5.165a16.073 16.073 0 01-4.517-2.057c-.3-.174-.258-1.78-.258-1.78l-1.525-.235c0-.131-.13-2.057-.13-2.057 1.824-.613 1.636-4.23 1.636-4.23 1.158.645 1.912-2.213 1.912-2.213 1.37-3.976-.682-3.736-.682-3.736a25.034 25.034 0 000-7.323c-.912-8.054-14.646-5.868-13.018-3.241-4.014-.744-3.1 8.4-3.1 8.4l.87 2.364c-1.71 1.108-.521 2.45-.463 4 .084 2.28 1.476 1.808 1.476 1.808.086 3.764 1.939 4.259 1.939 4.259.349 2.364.132 1.962.132 1.962l-1.651.2a6.565 6.565 0 01-.13 1.6c-1.945.866-2.36 1.374-4.287 2.219-3.726 1.634-7.777 3.76-8.5 6.62C22.118 61.692 21 70.998 21 70.998h42l-2.73-13.563z'/%3E%3C/svg%3E");--im-avatar-type-icon-calendar:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.12%2013.822h11.687V5.065H2.12v8.757zM12.75%201.696h1.217c1.113.07%201.974%201.041%201.954%202.204v11.024c0%20.609-.472%201.103-1.057%201.103h-13.8c-.584%200-1.058-.494-1.058-1.103V3.9A2.3%202.3%200%200%201%200%203.73c.002-1.126.88-2.037%201.96-2.034h1.218v.55c0%20.913.71%201.654%201.586%201.654.876%200%201.585-.74%201.585-1.653v-.551h3.23v.55c0%20.913.71%201.654%201.585%201.654s1.586-.74%201.586-1.653v-.551zm-7.21.332c0%20.448-.347.81-.776.81-.43%200-.777-.362-.777-.81V.805c.002-.447.353-.807.782-.805.43.003.774.368.772.816v1.212zm6.358-.033c0%20.423-.33.765-.735.765-.406%200-.733-.344-.733-.766V.846c0-.424.329-.766.734-.766.405%200%20.734.342.734.766v1.15zM4.515%207.04h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5z%22/%3E%3C/svg%3E');--im-avatar-type-icon-task:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.118%2012.79V9.928h2.643V2.22H3.19v7.707h2.642v2.862h5.285zM2.31.018h12.332c.73%200%201.32.592%201.32%201.322V13.67c0%20.73-.59%201.321-1.32%201.321H2.31c-.73%200-1.321-.591-1.321-1.32V1.34C.989.61%201.58.018%202.31.018zm4.102%205.693L7.645%206.99l3.083-3.127.88%201.32-3.963%203.965-2.202-2.203.969-1.233z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20/%3E%3C/svg%3E');--im-avatar-type-icon-thread:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 11V7.6C18.2 3.4 14.6 0 10 0S1.8 3.4 1.8 7.6V11H0v14h20V11h-1.8zm-6.644 10H8.444l.445-3.8C8.222 17 8 16.4 8 15.8c0-1 .889-1.8 2-1.8s2 .8 2 1.8c0 .6-.444 1.2-.889 1.4l.445 3.8zm3.252-10H5V7.683C5 5.146 7.308 3 10 3s5 2.146 5 4.683V11h-.192z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");--im-avatar-type-icon-mail:url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.176 0H1.578A1.621 1.621 0 00.002 1.644V9.27c-.038.86.63 1.591 1.5 1.644h11.703a1.621 1.621 0 001.576-1.643V1.675A1.674 1.674 0 0013.176 0zm-1.398 1.518L7.35 5.022 2.921 1.518h8.862-.005zm1.547 7.211a.456.456 0 01-.133.338.493.493 0 01-.344.145H1.915a.482.482 0 01-.332-.15.445.445 0 01-.121-.333V2.48c.05.067.11.128.178.181l5.234 4.017a.621.621 0 00.386.151h.238a.88.88 0 00.387-.151l5.233-4.017a.81.81 0 00.207-.244V8.73z' fill='%23fff'/%3E%3C/svg%3E")}.bx-im-component-avatar-wrap{position:relative}.bx-im-component-avatar-size-l.bx-im-component-avatar-wrap{width:45px;height:45px}.bx-im-component-avatar-size-m.bx-im-component-avatar-wrap{width:34px;height:34px}.bx-im-component-avatar-content{width:100%;height:100%;border-radius:50%}.bx-im-component-avatar-image{background-size:cover;background-repeat:no-repeat}.bx-im-component-avatar-text{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;text-transform:uppercase}.bx-im-component-avatar-size-m .bx-im-component-avatar-text{font-size:14px}.bx-im-component-avatar-icon{background-size:24px;background-position:center;background-repeat:no-repeat}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon{background-size:20px}.bx-im-component-avatar-icon-user{background-image:var(--im-avatar-type-icon-user)}.bx-im-component-avatar-icon-default,.bx-im-component-avatar-icon-chat{background-size:20px;background-image:var(--im-avatar-type-icon-chat)}.bx-im-component-avatar-icon-open{background-image:var(--im-avatar-type-icon-open)}.bx-im-component-avatar-icon-general{background-image:var(--im-avatar-type-icon-general);background-size:27px}.bx-im-component-avatar-icon-videoconf{background-image:var(--im-avatar-type-icon-videoconf)}.bx-im-component-avatar-icon-announcement{background-image:var(--im-avatar-type-icon-announcement)}.bx-im-component-avatar-icon-call{background-image:var(--im-avatar-type-icon-call)}.bx-im-component-avatar-icon-support24Notifier,.bx-im-component-avatar-icon-support24Question{background-image:var(--im-avatar-type-icon-support24);background-size:30px;background-color:#0165af !important}.bx-im-component-avatar-icon-crm{background-image:var(--im-avatar-type-icon-crm)}.bx-im-component-avatar-icon-sonetGroup{background-size:42px;background-image:var(--im-avatar-type-icon-group)}.bx-im-component-avatar-icon-calendar{background-size:23px;background-image:var(--im-avatar-type-icon-calendar)}.bx-im-component-avatar-icon-tasks{background-size:25px;background-image:var(--im-avatar-type-icon-task)}.bx-im-component-avatar-icon-thread{background-size:20px;background-image:var(--im-avatar-type-icon-thread)}.bx-im-component-avatar-icon-mail{background-image:var(--im-avatar-type-icon-mail)}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-general{background-size:24px}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-tasks{background-size:21px}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-sonetGroup{background-size:34px}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-chat,.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-thread{background-size:14px}.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Notifier,.bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Question{background-size:24px}.bx-im-component-avatar-user-status-icon{position:absolute;height:12px;width:12px}.bx-im-component-avatar-size-l .bx-im-component-avatar-user-status-icon{top:34px;left:32px}.bx-im-component-avatar-size-m .bx-im-component-avatar-user-status-icon{top:24px;left:25px}.bx-im-component-avatar-user-status-icon-typing{background-color:#fff;border:1px solid #fff;border-radius:50%;height:12px;width:12px}.bx-im-component-avatar-user-status-icon-typing:before{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.312 0L8.617 1.595v.1l3.688 3.688h.1L14 3.788v-.1L10.312 0zm-3.09 2.99L.044 10.169c-.1.1 0 3.788 0 3.788s3.689.1 3.788 0l7.177-7.178v-.1L7.222 2.992c.1 0 .1 0 0 0zm-3.689 9.37H1.84v-1.694h1.694v1.695z' fill='%23757C82' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-size:7px;background-position:0 3px;content:'';height:16px;position:absolute;width:19px;margin-top:-1px;margin-left:1px;animation:imAvatarTyping 1.6s linear infinite}@keyframes imAvatarTyping{0{background-position-x:0}20%{background-position-x:3px;transform:rotate(-20deg)}35%{background-position-x:3px;transform:rotate(0)}50%{background-position-x:1px;transform:rotate(-30deg)}65%{background-position-x:3px;transform:rotate(0)}80%{background-position-x:3px}100%{background-position-x:0}}.bx-im-component-avatar-user-status-icon-mobile-online{width:9px;height:13px;background-size:12px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M11.853.003c.667 0 1.211.55 1.211 1.22v15.585c0 .671-.544 1.22-1.21 1.22H2.3a1.219 1.219 0 01-1.211-1.22V1.223c0-.67.545-1.22 1.21-1.22h9.554zM7.077 15.117a.98.98 0 100 1.958.98.98 0 000-1.958z' fill='%233D7CCD'/%3E%3Cpath d='M2.82 14.257c-.115 0-.21-.089-.21-.197V2.965c0-.108.095-.196.21-.196h8.454c.115 0 .21.088.21.196V14.06c0 .108-.095.197-.21.197H2.82z' fill='%23DDE4EE'/%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;background-color:#fff;border-radius:2px;border:1px solid #fff}.bx-im-component-avatar-user-status-icon-away{background-color:#f79d54;border-radius:50%;border:1px solid #fff;} .bx-im-component-avatar-user-status-icon-dnd { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23EC5961' fill-rule='evenodd'%3E%3Cpath d='M10.1 1.1c-4.9 0-9 4-9 9s4 9 9 9c4.9 0 9-4 9-9s-4.1-9-9-9zm0 2.6c1.1 0 2.2.3 3.1.8l-8.6 8.6c-.5-.9-.8-2-.8-3.1-.1-3.5 2.8-6.3 6.3-6.3zm0 12.7c-1.2 0-2.2-.3-3.2-.9l8.6-8.6c.5.9.9 2 .9 3.2 0 3.4-2.8 6.3-6.3 6.3z'/%3E%3Cpath d='M10 0C4.556 0 0 4.444 0 10s4.444 10 10 10c5.444 0 10-4.444 10-10S15.444 0 10 0zm.373 3A7.6 7.6 0 0114 3.936L3.939 14a7.603 7.603 0 01-.936-3.628C2.886 6.277 6.279 3 10.373 3zm-.668 14c-1.39 0-2.547-.347-3.705-1.042L15.958 6C16.537 7.042 17 8.316 17 9.705 17 13.642 13.758 17 9.705 17z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;background-size:14px;border-radius:50%;background-color:#fff;border:1px solid #fff;} .bx-im-component-avatar-user-status-icon-break { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M5.538 7h4.681c0 .31-.01.608-.025.896.717-.141 1.906.042 2.027 1.2.15 1.445-2.04 3.188-3.282 3.668-.706.41-.66.409-1.035.665-1.027.705-3.729.832-4.464 0C2.706 12.597.856 11.411.856 7h4.682zm4.916 1.773a.576.576 0 00-.33.106c-.115 1.088-.332 1.772-.605 2.54.904-.492 1.42-1.14 1.571-1.63.133-.434.045-1.016-.636-1.016z' fill-rule='nonzero'/%3E%3Cpath d='M4.321 3.222c-.082.516.036.88.355 1.093.813.541 1.324.892 1.428 1.258.148.51-.057.87-.612 1.076.102-.431.01-.77-.275-1.015C4.634 5.13 3.88 4.71 3.782 4.42c-.158-.467.022-.867.54-1.199zm.79-2.894c-.146.912.062 1.555.626 1.931 1.437.958 2.34 1.578 2.526 2.225.26.904-.103 1.538-1.084 1.902.179-.762.017-1.36-.486-1.794-1.03-.89-2.364-1.632-2.537-2.145-.28-.826.039-1.532.955-2.12z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;background-color:#b98312;background-size:10px;border-radius:50%;border:1px solid #fff;} .bx-im-component-avatar-user-status-icon-idle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5V0H0v8h7V5z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size:4px;background-color:#ff923a;background-position:5px 3px;background-repeat:no-repeat;border-radius:50%;border:1px solid #fff}.bx-im-component-avatar-user-status-icon-invitation{background-color:#01c8fb; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.969 1.712v6.721c0 .346-.319.627-.714.627H.758c-.394 0-.714-.28-.714-.627V1.712l4.963 4.18 4.962-4.18zM9.206.84l-4.2 3.576L.809.84h8.398z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position:center;background-size:7px;background-repeat:no-repeat;border-radius:50%;border:1px solid #fff;} .bx-im-component-avatar-user-status-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat:no-repeat;background-position:center}.bx-im-component-avatar-counter{position:absolute;top:0;right:-4px;display:inline-block;text-align:center;font:10px/13px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#f7f6f6;background-color:#f84932;opacity:.9;border-radius:10px;height:13px;min-width:10px;padding:0 3px}.bx-im-component-avatar-counter-muted{background-color:#888;} /* End counter */ /* Invitation */ .bx-im-component-avatar-invitation { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.074 2.023a8.42 8.42 0 010 2.506h.03c.13.002.626.088.208 1.28 0 0-.263.979-.667.759 0 0 .065 1.238-.571 1.448 0 0 .036.52.044.668l.001.036.532.08v.144c.003.167.02.425.09.464a5.66 5.66 0 001.576.704c1.569.399 2.404 1.068 2.484 1.673l.006.095.444 2.259c-1.91.8-4.128 1.28-6.5 1.33h-.833c-2.366-.05-4.578-.527-6.486-1.325.088-.624.201-1.331.318-1.787.251-.98 1.664-1.707 2.965-2.266.673-.29.818-.464 1.496-.76.025-.12.04-.242.045-.365v-.184l.576-.068s.076.138-.046-.671c0 0-.647-.168-.677-1.457 0 0-.487.162-.516-.618-.02-.494-.382-.927.055-1.291l.106-.077-.303-.81-.004-.04C4.416 3.388 4.224.679 5.532.915c-.569-.9 4.223-1.649 4.542 1.108zM18.512.669a4.824 4.824 0 013.022 4.475 4.73 4.73 0 01-4.632 4.82A4.824 4.824 0 1118.512.67zm-4.326 2.05a3.5 3.5 0 002.664 5.923 3.432 3.432 0 003.361-3.498 3.5 3.5 0 00-6.025-2.425zm2.98-.003v1.96h1.961v1.308H15.86V2.716h1.307z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-color:#00c8fb;background-size:28px;background-position:center;background-repeat:no-repeat}.bx-im-component-avatar-size-m .bx-im-component-avatar-invitation{background-size:24px}:root{--im-chat-title-color:#181818;--im-chat-title-bot-color:#715fc1;--im-chat-title-extranet-color:#ca7b00;--im-chat-title-network-color:#0a962f;--im-chat-title-support24-color:#005390;--im-chat-title-icon-opacity:var(--im-recent-icon-opacity,0.7)}.bx-messenger-dark{--im-chat-title-color:#dedede;--im-chat-title-bot-color:#bcabff;--im-chat-title-extranet-color:#ff9b00;--im-chat-title-network-color:#0a962f;--im-chat-title-support24-color:#0490f7;--im-chat-title-icon-opacity:var(--im-recent-icon-opacity,0.4)}.bx-im-component-chat-title-wrap{display:flex;align-items:center;font-size:14px;font-weight:var(--ui-font-weight-medium,500);min-width:0}.bx-im-component-chat-name-text{margin-right:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--im-chat-title-color)}.bx-im-component-chat-name-text-self{font-style:italic}.bx-im-component-chat-name-text-bot{color:var(--im-chat-title-bot-color)}.bx-im-component-chat-name-text-extranet{color:var(--im-chat-title-extranet-color)}.bx-im-component-chat-name-text-network{color:var(--im-chat-title-network-color)}.bx-im-component-chat-name-text-support24{color:var(--im-chat-title-support24-color)}.bx-im-component-chat-name-muted-icon{height:12px;width:12px;min-width:12px;margin-right:5px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.738.542a.5.5 0 01.784.411V14.65a.5.5 0 01-.78.415l-4.475-3.022V11.8a.805.805 0 01-.103.007H1a.8.8 0 01-.8-.8V4.581a.8.8 0 01.8-.8h3.165c.035 0 .07.003.103.007v-.149L8.737.542zm8.13 10.392l1.113-1.113-2.227-2.227 2.227-2.226-1.114-1.114-2.226 2.227-2.227-2.227-1.113 1.114 2.227 2.226L11.3 9.821l1.113 1.113 2.227-2.226 2.226 2.226z' fill='%23ABABAB'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;background-size:contain;opacity:var(--im-chat-title-icon-opacity)}.bx-im-component-chat-name-left-icon{height:12px;width:12px;min-width:12px;margin-right:5px;background-repeat:no-repeat;background-position:center;background-size:contain;} .bx-im-component-chat-name-left-icon-open { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23A3BB47%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M8.726%203.065c-.007-.17-.093-.244-.245-.215-.47.111-.939.23-1.408.341-.727.178-1.461.364-2.189.541-.773.186-1.54.379-2.314.564-.165.037-.33.081-.503.119-.033-.245-.052-.267-.264-.267h-.126c-.218%200-.251.037-.251.281V6.564c0%20.186.053.238.212.238h.172c.198%200%20.231-.03.257-.26.02%200%20.033-.007.053%200%20.304.074.609.156.92.23.079.015.092.052.092.126v1.045c0%20.282.205.527.443.527h2.136c.218%200%20.41-.2.443-.445.02-.156.02-.319.033-.49.767.193%201.534.379%202.3.572.153.037.239-.045.246-.215v-.134-4.56c-.007-.044-.007-.088-.007-.133zM5.802%207.892c0%20.081-.022.118-.111.118H3.48c-.08%200-.125-.03-.125-.111v-.994c.163.03.311.06.46.09.622.133%201.252.274%201.875.407.089.015.119.052.111.134a2.85%202.85%200%200%200%200%20.356z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-chat { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%2347A0BA%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M7.863%204.724v-.982c0-1.2-1.062-2.176-2.366-2.176-1.303%200-2.365.976-2.365%202.176v.982h-.505v4.024h5.74V4.724h-.504zM5.905%207.646h-.81l.121-1.103a.486.486%200%200%201-.252-.413c0-.27.24-.488.533-.488.293%200%20.534.218.534.488a.468.468%200%200%201-.252.413l.126%201.103zm1.068-2.922H4.028v-.982c0-.746.66-1.355%201.475-1.355.81%200%201.47.609%201.47%201.355v.982z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-absent { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%23CC7449%22%20d%3D%22M3.484%209.708s.321-3.05%202.086-4.815c.578-.257.514-.048.546.144-.963%201.784-.53%204.655-.53%204.655l-2.102.016z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.73%204.732c-.17-.164-1.492-1.235-4.044.033.177-.45%201.429-2.504%202.89-2.248%201.46.257%201.155%202.214%201.155%202.214v.001zm.017%200s.305-1.91%201.574-2.15c1.27-.242%202.327%201.38%202.327%201.38-.696-.096-1.4-.129-2.102-.097a4.477%204.477%200%200%200-1.799.866v.001z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.717%204.82l-.099-.232.121-.179c.104.033.212.05.32.053.053-.014.158.112.21.097.717-.183%201.989-.345%202.43-.069.738.462.986%202.085%201.014%202.485-2.389-2.193-3.997-2.157-3.997-2.157v.001z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-bot { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%237359D0%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.5%22/%3E%3Cpath%20d%3D%22M10.9%2012.8c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm5.5%200c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm2.4-3.5l.9-3c.1-.4-.1-.8-.5-1-.4-.1-.8.1-1%20.5l-.8%202.6c-1.2-.6-2.5-1-3.8-1-1.4%200-2.7.3-3.9%201l-.8-2.6c-.1-.4-.5-.6-1-.5-.4.1-.6.6-.5%201l.9%203.1c-2%201.6-3.2%204-3.2%206.8%200%204.8%203.8%203.6%208.4%203.6%204.7%200%208.4%201.2%208.4-3.6.2-2.9-1.1-5.3-3.1-6.9zm-5.2%206.1c-3.3%200-6%20.3-6-1.1%200-1.4%202.7-2.6%206-2.6s6%201.2%206%202.6c0%201.4-2.7%201.1-6%201.1z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-extranet { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.633.073c-7.18%200-13%205.82-13%2013%200%207.179%205.82%2013%2013%2013s13-5.82%2013-13-5.82-13-13-13zM4.92%2020.525c-.033.029-.179.14-.36.273a11.858%2011.858%200%2001-2.843-7.725c0-.555.04-1.104.113-1.646.68.882%201.427%202.073%201.684%202.43.419.583.885%201.156%201.292%201.748.685.997%201.4%202.362%201.037%203.602-.157.532-.506.965-.923%201.318zm13.728-9.65c.412%201.617%201.501%202.358%203.266%202.224.837-.063.783%202.176.249%203.1-.661%201.145-.49%202.504-1.115%203.647-.394.72-1.064%201.254-1.593%201.869-.663.77-1.407%201.514-2.512%201.419-.728-.063-1.031-.87-1.174-1.446-.235-.952-.435-2.403-.6-4.353-.685-1.48-1.801-1.995-3.35-1.543-2.322.678-2.795-1.122-2.86-2.833-.158-4.22%203.392-4.666%203.803-4.592.59.106%202.32.404%202.754.643%201.472.813%202.98-.307%202.86-.9-.117-.593-3.775-1.445-5.072-1.537-1.296-.093-1.416.368-1.772-.023-.287-.315-.022-.816.18-1.081%201.43-1.886%203.817-2.342%205.835-3.324.031-.016.078-.124.133-.284a11.88%2011.88%200%20014.38%202.786%2011.881%2011.881%200%20012.915%204.757c-.43.254.427-.087-1.824.436-1.5.35-3.001.694-4.503%201.036z%22%20fill%3D%22%23D79125%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-network { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22/%3E%3Ccircle%20fill%3D%22%2329AD46%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12.1%2010.6h-.7v2.2h2.2v-.7h-1.5v-1.5zm5.1-.3c-.1-1.6-1.4-2.8-3-2.8-.3%200-.7.1-1%20.2-.7-1-1.8-1.6-3-1.6-2%200-3.6%201.7-3.6%203.8v.3c-1.3.5-2.2%201.8-2.2%203.3%200%201.9%201.5%203.5%203.4%203.6h8.7c1.8%200%203.3-1.5%203.3-3.4%200-1.7-1.1-3.1-2.6-3.4zM12%2015.1c-1.6%200-2.9-1.3-2.9-2.9%200-1.6%201.3-2.9%202.9-2.9%201.6%200%202.9%201.3%202.9%202.9-.1%201.6-1.4%202.9-2.9%202.9z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-support24 { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20fill%3D%22%230165AF%22%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%227.5%22/%3E%3Cpath%20d%3D%22M6.603%207.2297c0-.5135-.4459-.6937-.9204-.6937-.6358%200-1.1577.1982-1.6416.4055l-.3323-.946C4.2497%205.7613%204.9994%205.5%205.8914%205.5c1.3949%200%202.0686.6667%202.0686%201.6036%200%201.6397-2.3723%202.099-2.771%203.3514h2.8565V11.5H3.5c.2562-2.9279%203.103-3.099%203.103-4.2703zm3.8793%201.8577h.6222v-.6416c0-.4608.0415-.994.0623-1.1115L9.6217%209.1145c.1244-.009.6222-.0271.8606-.0271zm-2.4368.2078L11.4675%205.5h1.0163v3.5874H13.5v.9939h-1.0162V11.5h-1.3793v-1.4187h-3.059v-.7861z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E');}:root{--im-recent-placeholder-color:#e9eaec;--im-recent-placeholder-opacity:1.0}.bx-messenger-dark{--im-recent-placeholder-color:#949595;--im-recent-placeholder-opacity:.4}.bx-im-component-recent-loading-state{opacity:var(--im-recent-placeholder-opacity)}.bx-im-component-recent-loading-state-item{display:flex;height:69px;box-sizing:border-box;margin-bottom:-1px}.bx-im-component-recent-loading-state-avatar-wrap{display:flex;align-items:center;position:relative;height:100%;width:65px;justify-content:center}.bx-im-component-recent-loading-state-avatar-placeholder{width:45px;height:45px;border-radius:50%;background-color:var(--im-recent-placeholder-color)}.bx-im-component-recent-loading-state-content{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;border-top:1px solid var(--im-recent-separator-line);margin-right:10px}.bx-im-component-recent-loading-state-line{height:7px;margin-bottom:8px;background-color:var(--im-recent-placeholder-color)}.bx-im-component-recent-loading-state-line:last-child{margin-bottom:0}.bx-im-component-recent-loading-state-line-long{width:133px}.bx-im-component-recent-loading-state-line-short{width:92px}.bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-item{display:flex;justify-content:center;align-items:center;height:46px;width:100%;margin:0;padding:0}.bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-wrap{width:34px;height:34px;padding-top:0;margin-right:0}.bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-placeholder{width:34px;height:34px;background-color:rgba(255,255,255,.3)} dist/registry.bundle.css 0000644 00000116336 15147707577 0011377 0 ustar 00 :root { --im-avatar-type-icon-user: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.79%2015.354c0-.77-1.026-1.65-3.047-2.163a6.926%206.926%200%200%201-1.929-.862c-.13-.072-.11-.745-.11-.745l-.65-.097c0-.055-.056-.862-.056-.862.779-.257.698-1.772.698-1.772.495.27.817-.93.817-.93.585-1.665-.291-1.564-.291-1.564.153-1.017.153-2.05%200-3.067-.39-3.373-6.254-2.457-5.559-1.356-1.713-.31-1.322%203.518-1.322%203.518l.371.991c-.73.465-.222%201.027-.197%201.674.036.955.632.757.632.757.036%201.577.828%201.782.828%201.782.149.99.056.822.056.822l-.705.083a2.7%202.7%200%200%201-.055.672c-.829.362-1.007.575-1.83.93-1.592.684-3.321%201.574-3.629%202.772C.505%2017.136.22%2019.746.22%2019.746h17.433l-.862-4.392z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-chat: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 11V7.6C18.2 3.4 14.6 0 10 0S1.8 3.4 1.8 7.6V11H0v14h20V11h-1.8zm-6.644 10H8.444l.445-3.8C8.222 17 8 16.4 8 15.8c0-1 .889-1.8 2-1.8s2 .8 2 1.8c0 .6-.444 1.2-.889 1.4l.445 3.8zm3.252-10H5V7.683C5 5.146 7.308 3 10 3s5 2.146 5 4.683V11h-.192z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); --im-avatar-type-icon-open: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2015%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.03%2011.929v1.394a.7.7%200%200%201-.7.7H5.892a.7.7%200%200%201-.7-.7V9.987L3.899%209.62l-2.225.525v.353a.5.5%200%200%201-.5.5H.676a.5.5%200%200%201-.5-.5V4.242a.5.5%200%200%201%20.5-.5h.498a.5.5%200%200%201%20.5.5v.335l2.3.505L16.31%201.595v-.127a.5.5%200%200%201%20.5-.5h1.45a.5.5%200%200%201%20.5.5v11.804a.5.5%200%200%201-.5.5h-1.45a.5.5%200%200%201-.5-.5v-.128l-4.28-1.215zm-1.368-.389L6.56%2010.375v2.333h4.103V11.54z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-general: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.126 2.42C4.35-.058 18.917.094 20.909 2.42c1.992 2.326 2.348 11.871 0 14.048-.447.414-1.324.73-2.468.958-.025 1.405-.127 4.254-.54 4.254-.377 0-3.044-2.325-4.678-3.782-4.67.086-9.877-.491-11.097-1.43-2.132-1.64-2.224-11.57 0-14.048zm1.323 10.873c.763.131 1.818.241 3.037.325.076-.328.173-.706.242-.977.05-.197.086-.338.09-.362.016-.469.65-.888 1.34-1.174a1.303 1.303 0 01-.134-.23.898.898 0 00-.366-.277l-.01-.367.757-.243s.196-.093.214-.093a.893.893 0 00-.083-.16 16.675 16.675 0 01-.097-.302L8.43 9.4c.11.145.239.273.384.383a4.902 4.902 0 01-.336-.749c-.06-.249-.1-.502-.12-.758a11.145 11.145 0 00-.244-1.379 1.3 1.3 0 00-.4-.577 1.831 1.831 0 00-.917-.333h-.038c-.33.026-.648.141-.918.333a1.296 1.296 0 00-.4.577c-.11.454-.191.915-.243 1.38-.023.25-.066.497-.126.74-.091.263-.202.52-.33.766.145-.109.275-.237.385-.382 0 0-.071.268-.086.307-.039.06-.074.122-.104.187.02 0 .215.093.215.093l.758.242-.011.367a.895.895 0 00-.367.276.802.802 0 01-.212.307 3.005 3.005 0 00-.525.246c-.253.143-.53.237-.819.274-.29.048-.473.527-.473.527l-.053 1.065zm3.835.376c2.628.15 5.83.186 8.492.07a65.86 65.86 0 00-.295-1.193s-.515-.862-1.53-1.13a3.42 3.42 0 01-.97-.45.876.876 0 01-.054-.39l-.326-.05c0-.03-.028-.45-.028-.45.391-.135.351-.926.351-.926.248.14.41-.485.41-.485.294-.87-.146-.817-.146-.817a5.59 5.59 0 000-1.602c-.196-1.762-3.14-1.284-2.79-.708-.861-.163-.665 1.837-.665 1.837l.187.517c-.259.171-.208.368-.152.588.024.091.049.187.052.287.018.499.317.395.317.395.018.824.416.932.416.932.074.517.028.428.028.428l-.354.044a1.42 1.42 0 01-.028.35 4.342 4.342 0 00-.455.242 4.09 4.09 0 01-.464.243c-.799.357-1.667.823-1.821 1.449-.042.168-.105.468-.175.819zm9.293.029c1.176-.069 2.212-.171 2.999-.312l-.058-1.172s-.182-.475-.47-.524a2.227 2.227 0 01-.814-.272 2.974 2.974 0 00-.522-.244.798.798 0 01-.21-.305.887.887 0 00-.364-.274l-.011-.365.753-.24s.194-.093.213-.093a1.482 1.482 0 00-.104-.185 10.973 10.973 0 01-.085-.305c.11.143.239.271.384.379a5.532 5.532 0 01-.329-.76 4.934 4.934 0 01-.125-.737 11.138 11.138 0 00-.241-1.37 1.287 1.287 0 00-.398-.573 1.822 1.822 0 00-.912-.33h-.037a1.82 1.82 0 00-.912.33 1.3 1.3 0 00-.398.573c-.109.451-.19.91-.24 1.37a4.78 4.78 0 01-.12.753c-.09.257-.203.506-.334.744.143-.109.305-.38.305-.38s-.015.291-.03.33a.886.886 0 00-.083.16c.019 0 .213.093.213.093l.753.241-.011.365c-.143.058-.445.28-.497.351.686.285 1.316.853 1.332 1.32.003.023.04.164.09.363.076.298.185.723.263 1.069z' fill='%23fff'/%3E%3C/svg%3E"); --im-avatar-type-icon-videoconf: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2213%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.318.898A27.29%2027.29%200%20007.904.125c-2.147%200-4.337.26-6.57.779-.48.111-.82.548-.82%201.053v8.623c0%20.488.319.915.778%201.042%202.134.59%204.269.886%206.404.886%202.147%200%204.361-.299%206.641-.896.466-.122.793-.552.793-1.046V1.948c0-.5-.337-.936-.812-1.05zm7.388.37a.33.33%200%2000-.02-.116.314.314%200%2000-.408-.188L16.51%202.82a.324.324%200%2000-.203.302v5.853c0%20.135.08.255.203.303l4.767%201.855a.31.31%200%2000.112.02.32.32%200%2000.316-.323V1.267zM7.739%207.294a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm-3.336%200a1.034%201.034%200%20100-2.068%201.034%201.034%200%20000%202.068zm7.708-1.034a1.034%201.034%200%2011-2.068%200%201.034%201.034%200%20012.068%200z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E'); --im-avatar-type-icon-announcement: url("data:image/svg+xml;charset=utf-8,%3Csvg width='23' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 0C6.598 0 2.64 2.944.754 7.176v.184C.19 8.648 0 10.12 0 11.592 0 17.848 5.09 23 11.5 23S23 17.848 23 11.592C23 5.336 17.91 0 11.5 0zm8.86 6.624h-3.58c-.377-1.84-1.131-3.496-1.886-4.784 2.263.92 4.337 2.576 5.468 4.784zm-4.712 4.968c0 .736 0 1.656-.189 2.392H7.352c-.188-.736-.188-1.656-.188-2.392 0-1.104.188-2.208.188-3.128h7.73c.377.92.566 2.024.566 3.128zM11.5 1.472c1.32 0 2.828 2.024 3.582 5.336H7.918c.754-3.312 2.262-5.336 3.582-5.336zm-3.205.552c-.754 1.104-1.508 2.76-1.885 4.784H2.828C3.959 4.416 5.844 2.76 8.295 2.024zm-6.787 9.568c0-1.104.189-2.208.566-3.128H6.22c-.188.92-.188 2.024-.188 3.128 0 .736 0 1.656.188 2.392H2.074c-.377-.92-.566-1.656-.566-2.392zm.754 3.864h3.77c.378 2.208 1.132 4.232 2.075 5.52-2.451-.92-4.714-2.944-5.845-5.52zm9.238 6.072c-1.508 0-3.016-2.392-3.77-6.072h7.54c-.754 3.68-2.262 6.072-3.77 6.072zm3.205-.552c.943-1.288 1.697-3.312 2.074-5.52h3.77c-.942 2.576-3.205 4.6-5.844 5.52zm6.221-7.176h-3.959c.189-.736.189-1.656.189-2.392 0-1.104-.189-2.208-.189-3.128h4.148c.377.92.565 2.024.565 3.128 0 .736-.188 1.656-.377 2.392h-.377z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); --im-avatar-type-icon-call: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.586 17.024c.583.588.566 1.56-.039 2.168l-.838.824L17.69 20c-.354.278-.762.51-1.199.682a4.946 4.946 0 01-1.223.308c-.192.02-4.632.438-10.142-5.092C1.14 11.897-.329 8.948.059 5.721c.045-.402.144-.803.303-1.224.173-.442.405-.852.682-1.208l-.022-.022.827-.836c.606-.608 1.575-.626 2.159-.04l2.936 2.948c.583.586.567 1.558-.04 2.167l-.488.49-.992.995.159.287c.519.938 1.229 2.223 2.578 3.578 1.346 1.351 2.624 2.063 3.558 2.583l.292.163 1.48-1.485c.605-.607 1.573-.625 2.158-.04l2.936 2.947h.001zM10.88 1.54a.794.794 0 01.537-1.493c3.99 1.44 6.67 4.355 7.998 8.683a.793.793 0 11-1.515.466c-1.184-3.86-3.509-6.39-7.02-7.656zM9.65 5.345a.794.794 0 01.6-1.468c2.427.994 4.215 2.839 5.342 5.492a.792.792 0 11-1.458.621c-.968-2.279-2.455-3.813-4.484-4.645z' fill='%23FFF'/%3E%3C/svg%3E"); --im-avatar-type-icon-support24: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2019%2013%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.198%203.918c0-1.066-.882-1.44-1.82-1.44-1.258%200-2.29.411-3.248.841L.473%201.355C1.543.87%203.026.327%204.791.327c2.759%200%204.091%201.384%204.091%203.329%200%203.404-4.692%204.358-5.48%206.958h5.65v2.17H.06C.567%206.705%206.198%206.35%206.198%203.918zm6.814%203.872h1.126V6.462c0-.954.075-2.058.113-2.3l-2.797%203.684a30.661%2030.661%200%200%201%201.558-.056zM8.6%208.22L14.795.364h1.84V7.79h1.839v2.057h-1.84v2.937h-2.496V9.847H8.601V8.22z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); --im-avatar-type-icon-crm: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.679 6.27a.889.889 0 00-.276-.196.772.772 0 00-.652 0 .87.87 0 00-.274.197.977.977 0 00-.186.285.808.808 0 00-.069.329c.005.23.096.45.254.618.079.08.169.144.275.193a.776.776 0 00.652 0 .898.898 0 00.53-.811.823.823 0 00-.069-.329.993.993 0 00-.185-.285V6.27zm9.214 9.973H6.733v-2.439H19.12c.31 0 .719-.409.719-.719V5.28h4.054v10.963zM5.774 10.797c-.723-.023-1.282-.028-1.84-.063-.654-.042-1.308-.099-1.936-.298-.12-.036-.233-.093-.347-.144-.1-.045-.148-.118-.131-.23.045-.307.063-.62.135-.92.098-.419.372-.696.8-.844.562-.193 1.115-.406 1.668-.619.331-.126.54-.415.532-.715a.23.23 0 00-.055-.141 2.75 2.75 0 01-.743-1.504c-.074-.498-.079-.998.083-1.484.2-.603.623-.967 1.273-1.083.4-.072.791-.05 1.17.09.55.204.845.617.978 1.152.1.41.096.819.047 1.235a2.71 2.71 0 01-.582 1.392c-.041.053-.08.11-.13.153-.09.075-.113.162-.075.266.043.12.088.241.14.359a.42.42 0 00.247.226c.526.199 1.051.396 1.576.598.187.072.38.137.55.237.289.171.428.454.488.764.058.291.076.59.114.884.008.066-.022.102-.075.139a1.83 1.83 0 01-.709.267c-.411.075-.827.146-1.242.179-.698.055-1.398.077-1.936.104zm4.912-5.628c.189-.432.439-.671.755-.975l.083-.08a3.95 3.95 0 011.251-.808c.477-.195 1-.294 1.555-.294.512 0 .995.086 1.436.256.443.17.832.408 1.158.705.326.299.586.654.773 1.056.187.404.282.84.282 1.296 0 .386-.05.743-.147 1.063a2.58 2.58 0 01-.424.837c-.178.23-.406.418-.666.549-.272.132-.57.198-.873.194a.889.889 0 01-.495-.143 1.258 1.258 0 01-.32-.302c-.19.178-.376.293-.553.344-.428.123-.793.112-1.197-.07a2.11 2.11 0 01-.61-.42 2.326 2.326 0 01-.458-.646 1.89 1.89 0 01-.185-.837c0-.296.058-.572.175-.82.116-.25.27-.465.456-.64a2 2 0 01.644-.411c.241-.098.492-.146.742-.146.278 0 .526.054.736.162.145.075.265.168.358.277l.063-.356h1.01l-.01.088-.279 2.322c-.018.144-.028.29-.028.44 0 .043.01.075.029.097.02.026.038.03.052.03a.56.56 0 00.35-.125c.112-.086.211-.203.296-.35.09-.16.159-.333.202-.512.048-.19.072-.39.072-.597 0-.34-.066-.656-.198-.937a2.119 2.119 0 00-.544-.719 2.51 2.51 0 00-.818-.462 3.117 3.117 0 00-1.02-.164c-.418 0-.808.073-1.16.214a2.86 2.86 0 00-.917.58 2.644 2.644 0 00-.604.875c-.145.345-.22.715-.218 1.089 0 .434.08.828.237 1.172.157.342.37.634.637.868.268.235.585.416.945.54.36.124.748.187 1.155.187.242 0 .456-.008.637-.023.18-.015.353-.044.514-.086.162-.043.317-.102.46-.172.17-.085.333-.18.491-.285l.07-.046.555 1-.063.039c-.383.238-.79.418-1.209.536a5.74 5.74 0 01-1.446.174c-.65 0-1.273-.107-1.754-.303a3.82 3.82 0 01-1.27-.83c-.388-.387-.655-.918-.81-1.296a3.864 3.864 0 01-.285-1.475c0-.584.206-1.26.382-1.66zM24.669 3.78l-4.83.02V.719c0-.31-.41-.719-.72-.719H.72C.41 0 0 .409 0 .719v12.366c0 .31.41.72.72.72h4.596v3.14c0 .31.409.719.72.719l18.633-.077c.31 0 .719-.255.719-.72V4.501c0-.155-.41-.72-.72-.72l.001-.001z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); --im-avatar-type-icon-group: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' d='M55.03 42.705s-.474 1.492-.55 1.692c-.171.256-.316.53-.432.816.1 0 1.107.47 1.107.47l3.917 1.227-.057 1.86a4.639 4.639 0 00-1.894 1.4 6.61 6.61 0 01-.69 1.17c3.568 1.45 5.655 3.573 5.74 5.949.058.423 2.223 8.206 2.347 9.959H81c.014-.073-.5-10.142-.5-10.217 0 0-.946-2.425-2.446-2.672a11.739 11.739 0 01-4.233-1.388 15.618 15.618 0 00-2.721-1.252 4.069 4.069 0 01-1.095-1.555 4.616 4.616 0 00-1.894-1.4l-.056-1.861 3.917-1.226s1.01-.471 1.107-.471a7.533 7.533 0 00-.54-.947c-.074-.2-.443-1.554-.443-1.554a10.07 10.07 0 001.992 1.933 27.952 27.952 0 01-1.708-3.877 24.708 24.708 0 01-.653-3.754 55.8 55.8 0 00-1.255-6.987 6.567 6.567 0 00-2.072-2.923 9.593 9.593 0 00-4.742-1.685h-.2c-1.7.13-3.334.712-4.733 1.685a6.589 6.589 0 00-2.071 2.925 55.45 55.45 0 00-1.254 6.987 24.1 24.1 0 01-.622 3.84 24.6 24.6 0 01-1.737 3.792 10.093 10.093 0 001.988-1.936z'/%3E%3Cpath fill='%23fff' d='M60.272 57.434c0-1.84-2.4-3.941-7.135-5.165a16.073 16.073 0 01-4.517-2.057c-.3-.174-.258-1.78-.258-1.78l-1.525-.235c0-.131-.13-2.057-.13-2.057 1.824-.613 1.636-4.23 1.636-4.23 1.158.645 1.912-2.213 1.912-2.213 1.37-3.976-.682-3.736-.682-3.736a25.034 25.034 0 000-7.323c-.912-8.054-14.646-5.868-13.018-3.241-4.014-.744-3.1 8.4-3.1 8.4l.87 2.364c-1.71 1.108-.521 2.45-.463 4 .084 2.28 1.476 1.808 1.476 1.808.086 3.764 1.939 4.259 1.939 4.259.349 2.364.132 1.962.132 1.962l-1.651.2a6.565 6.565 0 01-.13 1.6c-1.945.866-2.36 1.374-4.287 2.219-3.726 1.634-7.777 3.76-8.5 6.62C22.118 61.692 21 70.998 21 70.998h42l-2.73-13.563z'/%3E%3C/svg%3E"); --im-avatar-type-icon-calendar: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2.12%2013.822h11.687V5.065H2.12v8.757zM12.75%201.696h1.217c1.113.07%201.974%201.041%201.954%202.204v11.024c0%20.609-.472%201.103-1.057%201.103h-13.8c-.584%200-1.058-.494-1.058-1.103V3.9A2.3%202.3%200%200%201%200%203.73c.002-1.126.88-2.037%201.96-2.034h1.218v.55c0%20.913.71%201.654%201.586%201.654.876%200%201.585-.74%201.585-1.653v-.551h3.23v.55c0%20.913.71%201.654%201.585%201.654s1.586-.74%201.586-1.653v-.551zm-7.21.332c0%20.448-.347.81-.776.81-.43%200-.777-.362-.777-.81V.805c.002-.447.353-.807.782-.805.43.003.774.368.772.816v1.212zm6.358-.033c0%20.423-.33.765-.735.765-.406%200-.733-.344-.733-.766V.846c0-.424.329-.766.734-.766.405%200%20.734.342.734.766v1.15zM4.515%207.04h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm0%203h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5zm3-3h1a.5.5%200%200%201%20.5.5v1a.5.5%200%200%201-.5.5h-1a.5.5%200%200%201-.5-.5v-1a.5.5%200%200%201%20.5-.5z%22/%3E%3C/svg%3E'); --im-avatar-type-icon-task: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2216%22%20height%3D%2215%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.118%2012.79V9.928h2.643V2.22H3.19v7.707h2.642v2.862h5.285zM2.31.018h12.332c.73%200%201.32.592%201.32%201.322V13.67c0%20.73-.59%201.321-1.32%201.321H2.31c-.73%200-1.321-.591-1.321-1.32V1.34C.989.61%201.58.018%202.31.018zm4.102%205.693L7.645%206.99l3.083-3.127.88%201.32-3.963%203.965-2.202-2.203.969-1.233z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20/%3E%3C/svg%3E'); --im-avatar-type-icon-thread: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2 11V7.6C18.2 3.4 14.6 0 10 0S1.8 3.4 1.8 7.6V11H0v14h20V11h-1.8zm-6.644 10H8.444l.445-3.8C8.222 17 8 16.4 8 15.8c0-1 .889-1.8 2-1.8s2 .8 2 1.8c0 .6-.444 1.2-.889 1.4l.445 3.8zm3.252-10H5V7.683C5 5.146 7.308 3 10 3s5 2.146 5 4.683V11h-.192z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); --im-avatar-type-icon-mail: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.176 0H1.578A1.621 1.621 0 00.002 1.644V9.27c-.038.86.63 1.591 1.5 1.644h11.703a1.621 1.621 0 001.576-1.643V1.675A1.674 1.674 0 0013.176 0zm-1.398 1.518L7.35 5.022 2.921 1.518h8.862-.005zm1.547 7.211a.456.456 0 01-.133.338.493.493 0 01-.344.145H1.915a.482.482 0 01-.332-.15.445.445 0 01-.121-.333V2.48c.05.067.11.128.178.181l5.234 4.017a.621.621 0 00.386.151h.238a.88.88 0 00.387-.151l5.233-4.017a.81.81 0 00.207-.244V8.73z' fill='%23fff'/%3E%3C/svg%3E"); } .bx-im-component-avatar-wrap { position: relative; } .bx-im-component-avatar-size-l.bx-im-component-avatar-wrap { width: 45px; height: 45px; } .bx-im-component-avatar-size-m.bx-im-component-avatar-wrap { width: 34px; height: 34px; } .bx-im-component-avatar-content { width: 100%; height: 100%; border-radius: 50%; } .bx-im-component-avatar-image { background-size: cover; background-repeat: no-repeat; } /* Avatar text */ .bx-im-component-avatar-text { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; text-transform: uppercase; } .bx-im-component-avatar-size-m .bx-im-component-avatar-text { font-size: 14px; } /* End avatar text */ /* Chat type icons */ .bx-im-component-avatar-icon { background-size: 24px; background-position: center; background-repeat: no-repeat; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon { background-size: 20px; } .bx-im-component-avatar-icon-user { background-image: var(--im-avatar-type-icon-user); } .bx-im-component-avatar-icon-default, .bx-im-component-avatar-icon-chat { background-size: 20px; background-image: var(--im-avatar-type-icon-chat); } .bx-im-component-avatar-icon-open { background-image: var(--im-avatar-type-icon-open); } .bx-im-component-avatar-icon-general { background-image: var(--im-avatar-type-icon-general); background-size: 27px; } .bx-im-component-avatar-icon-videoconf { background-image: var(--im-avatar-type-icon-videoconf); } .bx-im-component-avatar-icon-announcement { background-image: var(--im-avatar-type-icon-announcement); } .bx-im-component-avatar-icon-call { background-image: var(--im-avatar-type-icon-call); } .bx-im-component-avatar-icon-support24Notifier, .bx-im-component-avatar-icon-support24Question { background-image: var(--im-avatar-type-icon-support24); background-size: 30px; background-color: #0165af!important; } .bx-im-component-avatar-icon-crm { background-image: var(--im-avatar-type-icon-crm); } .bx-im-component-avatar-icon-sonetGroup { background-size: 42px; background-image: var(--im-avatar-type-icon-group); } .bx-im-component-avatar-icon-calendar { background-size: 23px; background-image: var(--im-avatar-type-icon-calendar); } .bx-im-component-avatar-icon-tasks { background-size: 25px; background-image: var(--im-avatar-type-icon-task); } .bx-im-component-avatar-icon-thread { background-size: 20px; background-image: var(--im-avatar-type-icon-thread); } .bx-im-component-avatar-icon-mail { background-image: var(--im-avatar-type-icon-mail); } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-general { background-size: 24px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-tasks { background-size: 21px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-sonetGroup { background-size: 34px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-chat, .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-thread { background-size: 14px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Notifier, .bx-im-component-avatar-size-m .bx-im-component-avatar-icon-support24Question { background-size: 24px; } /* End chat type icons */ /* Status icons */ .bx-im-component-avatar-user-status-icon { position: absolute; height: 12px; width: 12px; } .bx-im-component-avatar-size-l .bx-im-component-avatar-user-status-icon { top: 34px; left: 32px; } .bx-im-component-avatar-size-m .bx-im-component-avatar-user-status-icon { top: 24px; left: 25px; } .bx-im-component-avatar-user-status-icon-typing { background-color: #fff; border: 1px solid #fff; border-radius: 50%; height: 12px; width: 12px; } .bx-im-component-avatar-user-status-icon-typing:before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.312 0L8.617 1.595v.1l3.688 3.688h.1L14 3.788v-.1L10.312 0zm-3.09 2.99L.044 10.169c-.1.1 0 3.788 0 3.788s3.689.1 3.788 0l7.177-7.178v-.1L7.222 2.992c.1 0 .1 0 0 0zm-3.689 9.37H1.84v-1.694h1.694v1.695z' fill='%23757C82' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 7px; background-position: 0 3px; content: ''; height: 16px; position: absolute; width: 19px; margin-top: -1px; margin-left: 1px; animation: imAvatarTyping 1.6s linear infinite; } @keyframes imAvatarTyping { 0% { background-position-x: 0; } 20% { background-position-x: 3px; transform:rotate(-20deg); } 35% { background-position-x: 3px; transform:rotate(0deg); } 50% { background-position-x: 1px; transform:rotate(-30deg); } 65% { background-position-x: 3px; transform:rotate(0deg); } 80% { background-position-x: 3px; } 100% { background-position-x: 0; } } .bx-im-component-avatar-user-status-icon-mobile-online { width: 9px; height: 13px; background-size: 12px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M11.853.003c.667 0 1.211.55 1.211 1.22v15.585c0 .671-.544 1.22-1.21 1.22H2.3a1.219 1.219 0 01-1.211-1.22V1.223c0-.67.545-1.22 1.21-1.22h9.554zM7.077 15.117a.98.98 0 100 1.958.98.98 0 000-1.958z' fill='%233D7CCD'/%3E%3Cpath d='M2.82 14.257c-.115 0-.21-.089-.21-.197V2.965c0-.108.095-.196.21-.196h8.454c.115 0 .21.088.21.196V14.06c0 .108-.095.197-.21.197H2.82z' fill='%23DDE4EE'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-color: #fff; border-radius: 2px; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-away { background-color: #f79d54; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-dnd { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23EC5961' fill-rule='evenodd'%3E%3Cpath d='M10.1 1.1c-4.9 0-9 4-9 9s4 9 9 9c4.9 0 9-4 9-9s-4.1-9-9-9zm0 2.6c1.1 0 2.2.3 3.1.8l-8.6 8.6c-.5-.9-.8-2-.8-3.1-.1-3.5 2.8-6.3 6.3-6.3zm0 12.7c-1.2 0-2.2-.3-3.2-.9l8.6-8.6c.5.9.9 2 .9 3.2 0 3.4-2.8 6.3-6.3 6.3z'/%3E%3Cpath d='M10 0C4.556 0 0 4.444 0 10s4.444 10 10 10c5.444 0 10-4.444 10-10S15.444 0 10 0zm.373 3A7.6 7.6 0 0114 3.936L3.939 14a7.603 7.603 0 01-.936-3.628C2.886 6.277 6.279 3 10.373 3zm-.668 14c-1.39 0-2.547-.347-3.705-1.042L15.958 6C16.537 7.042 17 8.316 17 9.705 17 13.642 13.758 17 9.705 17z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 14px; border-radius: 50%; background-color: #fff; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-break { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M5.538 7h4.681c0 .31-.01.608-.025.896.717-.141 1.906.042 2.027 1.2.15 1.445-2.04 3.188-3.282 3.668-.706.41-.66.409-1.035.665-1.027.705-3.729.832-4.464 0C2.706 12.597.856 11.411.856 7h4.682zm4.916 1.773a.576.576 0 00-.33.106c-.115 1.088-.332 1.772-.605 2.54.904-.492 1.42-1.14 1.571-1.63.133-.434.045-1.016-.636-1.016z' fill-rule='nonzero'/%3E%3Cpath d='M4.321 3.222c-.082.516.036.88.355 1.093.813.541 1.324.892 1.428 1.258.148.51-.057.87-.612 1.076.102-.431.01-.77-.275-1.015C4.634 5.13 3.88 4.71 3.782 4.42c-.158-.467.022-.867.54-1.199zm.79-2.894c-.146.912.062 1.555.626 1.931 1.437.958 2.34 1.578 2.526 2.225.26.904-.103 1.538-1.084 1.902.179-.762.017-1.36-.486-1.794-1.03-.89-2.364-1.632-2.537-2.145-.28-.826.039-1.532.955-2.12z'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-color: #b98312; background-size: 10px; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-idle { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5V0H0v8h7V5z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 4px; background-color: #ff923a; background-position: 5px 3px; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-invitation { background-color: #01c8fb; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.969 1.712v6.721c0 .346-.319.627-.714.627H.758c-.394 0-.714-.28-.714-.627V1.712l4.963 4.18 4.962-4.18zM9.206.84l-4.2 3.576L.809.84h8.398z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-position: center; background-size: 7px; background-repeat: no-repeat; border-radius: 50%; border: 1px solid #fff; } .bx-im-component-avatar-user-status-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; } /* End status icons */ /* Counter */ .bx-im-component-avatar-counter { position: absolute; top: 0; right: -4px; display: inline-block; text-align: center; font: 10px/13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #f7f6f6; background-color: #f84932; opacity: 0.9; border-radius: 10px; height: 13px; min-width: 10px; padding: 0 3px; } .bx-im-component-avatar-counter-muted { background-color: #888; } /* End counter */ /* Invitation */ .bx-im-component-avatar-invitation { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.074 2.023a8.42 8.42 0 010 2.506h.03c.13.002.626.088.208 1.28 0 0-.263.979-.667.759 0 0 .065 1.238-.571 1.448 0 0 .036.52.044.668l.001.036.532.08v.144c.003.167.02.425.09.464a5.66 5.66 0 001.576.704c1.569.399 2.404 1.068 2.484 1.673l.006.095.444 2.259c-1.91.8-4.128 1.28-6.5 1.33h-.833c-2.366-.05-4.578-.527-6.486-1.325.088-.624.201-1.331.318-1.787.251-.98 1.664-1.707 2.965-2.266.673-.29.818-.464 1.496-.76.025-.12.04-.242.045-.365v-.184l.576-.068s.076.138-.046-.671c0 0-.647-.168-.677-1.457 0 0-.487.162-.516-.618-.02-.494-.382-.927.055-1.291l.106-.077-.303-.81-.004-.04C4.416 3.388 4.224.679 5.532.915c-.569-.9 4.223-1.649 4.542 1.108zM18.512.669a4.824 4.824 0 013.022 4.475 4.73 4.73 0 01-4.632 4.82A4.824 4.824 0 1118.512.67zm-4.326 2.05a3.5 3.5 0 002.664 5.923 3.432 3.432 0 003.361-3.498 3.5 3.5 0 00-6.025-2.425zm2.98-.003v1.96h1.961v1.308H15.86V2.716h1.307z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-color: #00C8FB; background-size: 28px; background-position: center; background-repeat: no-repeat; } .bx-im-component-avatar-size-m .bx-im-component-avatar-invitation { background-size: 24px; } /* End invitation */ :root { --im-chat-title-color: #181818; --im-chat-title-bot-color: #715fc1; --im-chat-title-extranet-color: #ca7b00; --im-chat-title-network-color: #0a962f; --im-chat-title-support24-color: #005390; --im-chat-title-icon-opacity: var(--im-recent-icon-opacity, 0.7); } .bx-messenger-dark { --im-chat-title-color: #DEDEDE; --im-chat-title-bot-color: #bcabff; --im-chat-title-extranet-color: #ff9b00; --im-chat-title-network-color: #0a962f; --im-chat-title-support24-color: #0490f7; --im-chat-title-icon-opacity: var(--im-recent-icon-opacity, 0.4); } .bx-im-component-chat-title-wrap { display: flex; align-items: center; font-size: 14px; font-weight: var(--ui-font-weight-medium, 500); min-width: 0; } .bx-im-component-chat-name-text { margin-right: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--im-chat-title-color); } .bx-im-component-chat-name-text-self { font-style: italic; } .bx-im-component-chat-name-text-bot { color: var(--im-chat-title-bot-color); } .bx-im-component-chat-name-text-extranet { color: var(--im-chat-title-extranet-color); } .bx-im-component-chat-name-text-network { color: var(--im-chat-title-network-color); } .bx-im-component-chat-name-text-support24 { color: var(--im-chat-title-support24-color); } .bx-im-component-chat-name-muted-icon { height: 12px; width: 12px; min-width: 12px; margin-right: 5px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.738.542a.5.5 0 01.784.411V14.65a.5.5 0 01-.78.415l-4.475-3.022V11.8a.805.805 0 01-.103.007H1a.8.8 0 01-.8-.8V4.581a.8.8 0 01.8-.8h3.165c.035 0 .07.003.103.007v-.149L8.737.542zm8.13 10.392l1.113-1.113-2.227-2.227 2.227-2.226-1.114-1.114-2.226 2.227-2.227-2.227-1.113 1.114 2.227 2.226L11.3 9.821l1.113 1.113 2.227-2.226 2.226 2.226z' fill='%23ABABAB'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: var(--im-chat-title-icon-opacity); } .bx-im-component-chat-name-left-icon { height: 12px; width: 12px; min-width: 12px; margin-right: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; } .bx-im-component-chat-name-left-icon-open { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23A3BB47%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M8.726%203.065c-.007-.17-.093-.244-.245-.215-.47.111-.939.23-1.408.341-.727.178-1.461.364-2.189.541-.773.186-1.54.379-2.314.564-.165.037-.33.081-.503.119-.033-.245-.052-.267-.264-.267h-.126c-.218%200-.251.037-.251.281V6.564c0%20.186.053.238.212.238h.172c.198%200%20.231-.03.257-.26.02%200%20.033-.007.053%200%20.304.074.609.156.92.23.079.015.092.052.092.126v1.045c0%20.282.205.527.443.527h2.136c.218%200%20.41-.2.443-.445.02-.156.02-.319.033-.49.767.193%201.534.379%202.3.572.153.037.239-.045.246-.215v-.134-4.56c-.007-.044-.007-.088-.007-.133zM5.802%207.892c0%20.081-.022.118-.111.118H3.48c-.08%200-.125-.03-.125-.111v-.994c.163.03.311.06.46.09.622.133%201.252.274%201.875.407.089.015.119.052.111.134a2.85%202.85%200%200%200%200%20.356z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-chat { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2011%2011%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%2347A0BA%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M7.863%204.724v-.982c0-1.2-1.062-2.176-2.366-2.176-1.303%200-2.365.976-2.365%202.176v.982h-.505v4.024h5.74V4.724h-.504zM5.905%207.646h-.81l.121-1.103a.486.486%200%200%201-.252-.413c0-.27.24-.488.533-.488.293%200%20.534.218.534.488a.468.468%200%200%201-.252.413l.126%201.103zm1.068-2.922H4.028v-.982c0-.746.66-1.355%201.475-1.355.81%200%201.47.609%201.47%201.355v.982z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-birthday { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-absent { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%23CC7449%22%20d%3D%22M3.484%209.708s.321-3.05%202.086-4.815c.578-.257.514-.048.546.144-.963%201.784-.53%204.655-.53%204.655l-2.102.016z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.73%204.732c-.17-.164-1.492-1.235-4.044.033.177-.45%201.429-2.504%202.89-2.248%201.46.257%201.155%202.214%201.155%202.214v.001zm.017%200s.305-1.91%201.574-2.15c1.27-.242%202.327%201.38%202.327%201.38-.696-.096-1.4-.129-2.102-.097a4.477%204.477%200%200%200-1.799.866v.001z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.717%204.82l-.099-.232.121-.179c.104.033.212.05.32.053.053-.014.158.112.21.097.717-.183%201.989-.345%202.43-.069.738.462.986%202.085%201.014%202.485-2.389-2.193-3.997-2.157-3.997-2.157v.001z%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-bot { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%237359D0%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.5%22/%3E%3Cpath%20d%3D%22M10.9%2012.8c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm5.5%200c-.6%200-1.1.4-1.1.9s.5.9%201.1.9c.6%200%201.1-.4%201.1-.9-.1-.4-.5-.9-1.1-.9zm2.4-3.5l.9-3c.1-.4-.1-.8-.5-1-.4-.1-.8.1-1%20.5l-.8%202.6c-1.2-.6-2.5-1-3.8-1-1.4%200-2.7.3-3.9%201l-.8-2.6c-.1-.4-.5-.6-1-.5-.4.1-.6.6-.5%201l.9%203.1c-2%201.6-3.2%204-3.2%206.8%200%204.8%203.8%203.6%208.4%203.6%204.7%200%208.4%201.2%208.4-3.6.2-2.9-1.1-5.3-3.1-6.9zm-5.2%206.1c-3.3%200-6%20.3-6-1.1%200-1.4%202.7-2.6%206-2.6s6%201.2%206%202.6c0%201.4-2.7%201.1-6%201.1z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-extranet { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.633.073c-7.18%200-13%205.82-13%2013%200%207.179%205.82%2013%2013%2013s13-5.82%2013-13-5.82-13-13-13zM4.92%2020.525c-.033.029-.179.14-.36.273a11.858%2011.858%200%2001-2.843-7.725c0-.555.04-1.104.113-1.646.68.882%201.427%202.073%201.684%202.43.419.583.885%201.156%201.292%201.748.685.997%201.4%202.362%201.037%203.602-.157.532-.506.965-.923%201.318zm13.728-9.65c.412%201.617%201.501%202.358%203.266%202.224.837-.063.783%202.176.249%203.1-.661%201.145-.49%202.504-1.115%203.647-.394.72-1.064%201.254-1.593%201.869-.663.77-1.407%201.514-2.512%201.419-.728-.063-1.031-.87-1.174-1.446-.235-.952-.435-2.403-.6-4.353-.685-1.48-1.801-1.995-3.35-1.543-2.322.678-2.795-1.122-2.86-2.833-.158-4.22%203.392-4.666%203.803-4.592.59.106%202.32.404%202.754.643%201.472.813%202.98-.307%202.86-.9-.117-.593-3.775-1.445-5.072-1.537-1.296-.093-1.416.368-1.772-.023-.287-.315-.022-.816.18-1.081%201.43-1.886%203.817-2.342%205.835-3.324.031-.016.078-.124.133-.284a11.88%2011.88%200%20014.38%202.786%2011.881%2011.881%200%20012.915%204.757c-.43.254.427-.087-1.824.436-1.5.35-3.001.694-4.503%201.036z%22%20fill%3D%22%23D79125%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-network { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22/%3E%3Ccircle%20fill%3D%22%2329AD46%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M12.1%2010.6h-.7v2.2h2.2v-.7h-1.5v-1.5zm5.1-.3c-.1-1.6-1.4-2.8-3-2.8-.3%200-.7.1-1%20.2-.7-1-1.8-1.6-3-1.6-2%200-3.6%201.7-3.6%203.8v.3c-1.3.5-2.2%201.8-2.2%203.3%200%201.9%201.5%203.5%203.4%203.6h8.7c1.8%200%203.3-1.5%203.3-3.4%200-1.7-1.1-3.1-2.6-3.4zM12%2015.1c-1.6%200-2.9-1.3-2.9-2.9%200-1.6%201.3-2.9%202.9-2.9%201.6%200%202.9%201.3%202.9%202.9-.1%201.6-1.4%202.9-2.9%202.9z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } .bx-im-component-chat-name-left-icon-support24 { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20stroke%3D%22%23FFF%22%20fill%3D%22%230165AF%22%20cx%3D%228.5%22%20cy%3D%228.5%22%20r%3D%227.5%22/%3E%3Cpath%20d%3D%22M6.603%207.2297c0-.5135-.4459-.6937-.9204-.6937-.6358%200-1.1577.1982-1.6416.4055l-.3323-.946C4.2497%205.7613%204.9994%205.5%205.8914%205.5c1.3949%200%202.0686.6667%202.0686%201.6036%200%201.6397-2.3723%202.099-2.771%203.3514h2.8565V11.5H3.5c.2562-2.9279%203.103-3.099%203.103-4.2703zm3.8793%201.8577h.6222v-.6416c0-.4608.0415-.994.0623-1.1115L9.6217%209.1145c.1244-.009.6222-.0271.8606-.0271zm-2.4368.2078L11.4675%205.5h1.0163v3.5874H13.5v.9939h-1.0162V11.5h-1.3793v-1.4187h-3.059v-.7861z%22%20fill%3D%22%23FFF%22/%3E%3C/g%3E%3C/svg%3E'); } :root { --im-recent-placeholder-color: #E9EAEC; --im-recent-placeholder-opacity: 1.0; } .bx-messenger-dark { --im-recent-placeholder-color: #949595; --im-recent-placeholder-opacity: 0.4; } .bx-im-component-recent-loading-state { opacity: var(--im-recent-placeholder-opacity); } .bx-im-component-recent-loading-state-item { display: flex; height: 69px; box-sizing: border-box; margin-bottom: -1px; } .bx-im-component-recent-loading-state-avatar-wrap { display: flex; align-items: center; position: relative; height: 100%; width: 65px; justify-content: center; } .bx-im-component-recent-loading-state-avatar-placeholder { width: 45px; height: 45px; border-radius: 50%; background-color: var(--im-recent-placeholder-color); } .bx-im-component-recent-loading-state-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; flex: 1; border-top: 1px solid var(--im-recent-separator-line); margin-right: 10px; } .bx-im-component-recent-loading-state-line { height: 7px; margin-bottom: 8px; background-color: var(--im-recent-placeholder-color); } .bx-im-component-recent-loading-state-line:last-child { margin-bottom: 0; } .bx-im-component-recent-loading-state-line-long { width: 133px; } .bx-im-component-recent-loading-state-line-short { width: 92px; } /* Compact mode */ .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-item { display: flex; justify-content: center; align-items: center; height: 46px; width: 100%; margin: 0; padding: 0; } .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-wrap { width: 34px; height: 34px; padding-top: 0; margin-right: 0; } .bx-im-component-recent-loading-state-compact .bx-im-component-recent-loading-state-avatar-placeholder { width: 34px; height: 34px; background-color: rgba(255, 255, 255, .3); } /* End compact mode */ dist/registry.bundle.js 0000644 00000024177 15147707577 0011224 0 ustar 00 this.BX = this.BX || {}; this.BX.Messenger = this.BX.Messenger || {}; this.BX.Messenger.v2 = this.BX.Messenger.v2 || {}; (function (exports,im_v2_lib_utils,ui_fonts_opensans,im_v2_const,ui_vue3) { 'use strict'; const DialogType = { user: 'user', chat: 'chat', open: 'open', general: 'general', videoconf: 'videoconf', announcement: 'announcement', call: 'call', support24Notifier: 'support24Notifier', support24Question: 'support24Question', crm: 'crm', sonetGroup: 'sonetGroup', calendar: 'calendar', tasks: 'tasks', thread: 'thread', mail: 'mail' }; const Avatar = { name: 'Avatar', props: { dialogId: { type: String, default: '0' }, size: { type: String, default: im_v2_const.AvatarSize.M }, withAvatarLetters: { type: Boolean, default: true }, withStatus: { type: Boolean, default: true }, withCounter: { type: Boolean, default: false }, withBirthday: { type: Boolean, default: false }, withTyping: { type: Boolean, default: false } }, computed: { dialog() { return this.$store.getters['dialogues/get'](this.dialogId, true); }, user() { return this.$store.getters['users/get'](this.dialogId, true); }, isUser() { return this.dialog.type === im_v2_const.ChatTypes.user; }, isBot() { if (this.isUser) { return this.user.bot; } return false; }, isActiveInvitation() { const recentItem = this.$store.getters['recent/get'](this.dialogId); if (!recentItem) { return false; } return recentItem.invitation.isActive; }, chatAvatarStyle() { return { backgroundImage: `url('${this.dialog.avatar}')` }; }, avatarText() { if (![im_v2_const.ChatTypes.user, im_v2_const.ChatTypes.open, im_v2_const.ChatTypes.chat].includes(this.dialog.type)) { return ''; } return im_v2_lib_utils.Utils.text.getFirstLetters(this.dialog.name); }, chatTypeIconClasses() { const classes = []; if (DialogType[this.dialog.type]) { classes.push(`bx-im-component-avatar-icon-${this.dialog.type}`); } else { classes.push('bx-im-component-avatar-icon-default'); } return classes; }, userStatusIcon() { if (!this.isUser || this.isBot || this.user.id === this.currentUserId) { return ''; } const status = this.$store.getters['users/getStatus'](this.dialogId); if (status) { return status; } return ''; }, isSomeoneTyping() { return Object.keys(this.dialog.writingList).length > 0; }, formattedCounter() { return this.dialog.counter > 99 ? '99+' : this.dialog.counter; }, isChatMuted() { if (this.isUser) { return false; } const isMuted = this.dialog.muteList.find(element => { return element === this.currentUserId; }); return !!isMuted; }, showBirthdays() { return this.$store.getters['recent/getOption'](im_v2_const.RecentSettings.showBirthday); }, currentUserId() { return this.$store.state.application.common.userId; } }, template: ` <div :title="dialog.name" :class="'bx-im-component-avatar-size-' + size.toLowerCase()" class="bx-im-component-avatar-wrap"> <div v-if="isActiveInvitation" class="bx-im-component-avatar-content bx-im-component-avatar-invitation"></div> <div v-else-if="dialog.avatar" :style="chatAvatarStyle" class="bx-im-component-avatar-content bx-im-component-avatar-image"></div> <div v-else-if="withAvatarLetters && avatarText" :style="{backgroundColor: dialog.color}" class="bx-im-component-avatar-content bx-im-component-avatar-text"> {{ avatarText }} </div> <div v-else :style="{backgroundColor: dialog.color}" :class="chatTypeIconClasses" class="bx-im-component-avatar-content bx-im-component-avatar-icon"></div> <div v-if="withTyping && isSomeoneTyping" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-typing"></div> <div v-else-if="withBirthday && isUser && showBirthdays && user.isBirthday" class="bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-birthday"></div> <div v-else-if="withStatus && userStatusIcon" :class="'bx-im-component-avatar-user-status-icon bx-im-component-avatar-user-status-icon-' + userStatusIcon"></div> <div v-if="withCounter && dialog.counter > 0" :class="{'bx-im-component-avatar-counter-muted': isChatMuted}" class="bx-im-component-avatar-counter"> {{ formattedCounter }} </div> </div> ` }; const DialogSpecialType = { bot: 'bot', extranet: 'extranet', network: 'network', support24: 'support24' }; const TitleIcons = { absent: 'absent', birthday: 'birthday' }; const ChatTitle = { name: 'ChatTitle', props: { dialogId: { type: String, default: '0' }, withMute: { type: Boolean, default: false } }, computed: { dialog() { return this.$store.getters['dialogues/get'](this.dialogId, true); }, user() { return this.$store.getters['users/get'](this.dialogId, true); }, botType() { if (!this.isUser) { return ''; } return this.$store.getters['users/getBotType'](this.dialogId); }, isUser() { return this.dialog.type === im_v2_const.ChatTypes.user; }, isSelfChat() { return this.isUser && this.user.id === this.currentUserId; }, dialogSpecialType() { if (!this.isUser) { if (this.isExtranet) { return DialogSpecialType.extranet; } else if ([im_v2_const.ChatTypes.support24.notifier, im_v2_const.ChatTypes.support24.question].includes(this.dialog.type)) { return DialogSpecialType.support24; } return ''; } if (this.isBot) { return this.botType; } else if (this.isExtranet) { return DialogSpecialType.extranet; } else if (this.isNetwork) { return DialogSpecialType.network; } return ''; }, leftIcon() { if (this.dialogSpecialType) { return this.dialogSpecialType; } if (!this.isUser) { return ''; } if (this.showBirthdays && this.user.isBirthday) { return TitleIcons.birthday; } else if (this.user.isAbsent) { return TitleIcons.absent; } return ''; }, color() { return this.dialogSpecialType; }, isBot() { if (this.isUser) { return this.user.bot; } return false; }, isExtranet() { if (this.isUser) { return this.user.extranet; } return this.dialog.extranet; }, isNetwork() { if (this.isUser) { return this.user.network; } return false; }, isChatMuted() { if (this.isUser) { return false; } const isMuted = this.dialog.muteList.find(element => { return element === this.currentUserId; }); return !!isMuted; }, currentUserId() { return this.$store.state.application.common.userId; }, tooltipText() { if (this.isSelfChat) { return `${this.dialog.name} (${this.phrases['IM_RECENT_CHAT_SELF']})`; } return this.dialog.name; }, showBirthdays() { return this.$store.getters['recent/getOption'](im_v2_const.RecentSettings.showBirthday); }, isDarkTheme() { return this.$store.state.application.options.darkTheme; }, phrases() { return ui_vue3.BitrixVue.getFilteredPhrases(this, 'IM_RECENT_'); } }, template: ` <div class="bx-im-component-chat-title-wrap"> <div v-if="leftIcon" :class="'bx-im-component-chat-name-left-icon bx-im-component-chat-name-left-icon-' + leftIcon"></div> <span :class="'bx-im-component-chat-name-text-' + color" :title="tooltipText" class="bx-im-component-chat-name-text" > {{ dialog.name }} <strong v-if="isSelfChat"> <span class="bx-im-component-chat-name-text-self">({{ phrases['IM_RECENT_CHAT_SELF'] }})</span> </strong> </span> <div v-if="withMute && isChatMuted" class="bx-im-component-chat-name-muted-icon"></div> </div> ` }; const RecentLoadingState = { name: 'RecentLoadingState', props: { compactMode: { type: Boolean, default: false }, itemsToShow: { type: Number, default: 50 } }, methods: { isThreeLineVersion() { return Math.random() < 0.5; } }, template: ` <div v-if="!compactMode" class="bx-im-component-recent-loading-state"> <div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item"> <div class="bx-im-component-recent-loading-state-avatar-wrap"> <div class="bx-im-component-recent-loading-state-avatar-placeholder"></div> </div> <div class="bx-im-component-recent-loading-state-content"> <div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-long"></div> <div class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div> <div v-if="isThreeLineVersion()" class="bx-im-component-recent-loading-state-line bx-im-component-recent-loading-state-line-short"></div> </div> </div> </div> <div v-if="compactMode" class="bx-im-component-recent-loading-state bx-im-component-recent-loading-state-compact"> <div v-for="index in itemsToShow" class="bx-im-component-recent-loading-state-item"> <div class="bx-im-component-recent-loading-state-avatar-wrap"> <div class="bx-im-component-recent-loading-state-avatar-placeholder"></div> </div> </div> </div> ` }; exports.Avatar = Avatar; exports.ChatTitle = ChatTitle; exports.RecentLoadingState = RecentLoadingState; }((this.BX.Messenger.v2.ComponentLegacy = this.BX.Messenger.v2.ComponentLegacy || {}),BX.Messenger.v2.Lib,BX,BX.Messenger.v2.Const,BX.Vue3)); //# sourceMappingURL=registry.bundle.js.map
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.26 |
proxy
|
phpinfo
|
Settings