import { Block } from './Block'; export * from './Block'; /** * @doctemplate function_annotation * @doctitle Block UI * @doc * Интерфейс виджета для inline-встраивания в страницу. * Подходит, например, для трансляций (когда чат находится рядом с видео). * * Виджет будет занимать 100% высоты и ширины узла, в который он встроен * * @doc -scope=internal * [Storybook](https://messenger-test.s3.mds.yandex.net/storybook/widget/latest/index.html?path=/story/widget--ui-block) * * @docsubtitle Получение кол-ва непрочитанных сообщений в чате * Если вы планируете постоянно отображать виджет, можно использовать событие * виджета `counter` ([подробнее о том как подписываться на события](/doc/events.md)). * Иначе можно подключить плагин [UnreadCounter](/doc/plugin-unread-counter.md). * * @example * -scope=internal * import 'yandex-int/messenger.widget/lib/ui/button.css'; * import { * YandexSingleBlockChatConfig, * blockUIFactory, * Widget, * } from 'yandex-int/messenger.widget'; * * const ui = blockUIFactory(); * const widget = new Widget(new YandexSingleBlockChatConfig( * { * serviceId: YOUR_SERVICE_ID, * iframeOpenData: { * // Параметры открытия виджета (идентификатор чата, идентификатор бота и т.п.) * // [подробнее](/doc/interfaces.md#baseiframeopenparams) * }, * }, * )) * .setUI(ui) * .init(); * * ui.mount(document.getElementById('widget_wrapper_node')) * * widget.show(); * * @example * -scope=external * import 'yandex-messenger-widget/lib/ui/button.css'; * import { * blockUIFactory, * createMultiChatsWidget, * } from 'yandex-messenger-widget'; * * const ui = blockUIFactory(); * const widget = createMultiChatsWidget( * { * serviceId: YOUR_SERVICE_ID, * iframeOpenData: { * // Параметры открытия виджета (идентификатор чата, идентификатор бота и т.п.) * // [подробнее](/doc/interfaces.md#baseiframeopenparams) * }, * }, * ) * .setUI(ui) * .init(); * * ui.mount(document.getElementById('widget_wrapper_node')) * * widget.show(); */ export declare function blockUIFactory(): Block;