mdt-client 31.3.37 → 31.3.39

package/types/services/customModules/facades/utils/IUiComponentsFacade.d.ts

@@ -1,191 +1,191 @@
-/// <reference types="../../../../mithril" />
-/// <reference types="mithril" />
-/// <reference types="react" />
-import { HeaderSize } from "mdtScripts/components/form/header/types";
-import { ComponentConfigParams } from "mdtScripts/helpers/ui/elementModificators/modificatorsTypes";
-import { InputOptions } from "../../../../components/baseFormControls/input/inputOptions";
-import { DropdownInputItemOptions } from "../../../../components/dropdown/menu/item/dropdownInputItemOptions";
-import { DropdownItemViewOptions } from "../../../../components/dropdown/menu/item/dropdownItemWrapOptions";
-import { FieldViewOptions } from "../../../../components/form/fieldView/fieldViewOptions";
-import { Icon, IconElOptions, IconOptions } from "../../../../components/icon/iconOptions";
-import { ProcessPrincipalsListItem } from "../../../../components/processPrincipalsList/ProcessPrincipalsListItem";
-import { FormattedText } from "../../../../helpers/formattedText";
-import { Markdown, MithrilAttributes, MithrilControl, Valued, ViewControl, ViewElement } from "../../../../helpers/types";
-import { CommonControlOptions } from "../../../../views/form/controls/commonControl/ICommonControl";
-import { FileInputFacadeOptions } from "../../../../views/form/controls/fileupload/FileInputFacade.types";
-import { MonacoCodeOptions } from "../../../../views/form/controls/monacoEditor/MonacoCodeOptions.schema";
-import { IMultiPickerFacade, MultiPickerFacadeOptions, MultiPickerItem } from "../../../../views/form/controls/picker/multiPickerFacade/IMultiPickerFacade";
-import { ToggleablePanelsEditorFacadeOptions } from "../../../../views/form/controls/toggleablePanels/editor/toggleablePanelsEditorFacadeOptions";
-import { ChartFormControlFacadeOptions, IChartControlFacade } from "../../../../views/page/charts/facade/IChartControlFacade";
-import { CodeEditorFacade, CodeEditorFacadeOptions } from "../components/CodeEditorFacade";
-import { ButtonFacade } from "../Form/IFormFacade";
-import { TabularListSettings } from "../../../../views/list/tabular/TabularListTypes";
-import { TextWithIconOptions } from "mdtScripts/components/textWithIcon/textWithIconOptions";
-import { ClassNamesArg } from "../../../../helpers/utils/classNames";
-import { ResizablePanelsCtrl } from "mdtScripts/components/resizablePanels/resizablePanelsCtrl";
-import { ResizablePanelsOptions } from "mdtScripts/components/resizablePanels/resizablePanelsOptions";
-import { UserMenuSlot } from "../../../../components/navigation/header/userButton/UserMenuSlot";
-export interface IUiComponentsFacade {
-    button(button: ButtonFacade, translate?: boolean): ViewElement;
-    topNavButton(options: TopNavButton): _mithril.MithrilVirtualElement;
-    icon(code: string, options?: IconOptions): _mithril.MithrilVirtualElement;
-    iconHTML(icon: Icon, options?: IconElOptions): HTMLElement;
-    processFormBlock(options: IProcessFormBlockOptions): _mithril.MithrilVirtualElement;
-    commonControl(options: CommonControlOptions): _mithril.MithrilVirtualElement;
-    unstyledInput(options: InputOptions): _mithril.MithrilVirtualElement;
-    input(options: InputOptions): _mithril.MithrilVirtualElement;
-    tooltip(tooltipContent: TooltipContent, params: ComponentConfigParams): void;
-    field(options: FieldViewOptions): _mithril.MithrilVirtualElement;
-    dropdownItem(options: DropdownItemViewOptions): _mithril.MithrilVirtualElement;
-    dropdownInputItem(options: DropdownInputItemOptions): _mithril.MithrilVirtualElement;
-    toggleablePanelsCtrl(options: ToggleablePanelsEditorFacadeOptions): ViewControl;
-    fileCtrl(options: FileInputFacadeOptions): ViewControl;
-    editors: {
-        codeEditor(options: CodeEditorFacadeOptions): CodeEditorFacade;
-    };
-    /** @deprecated Use `UiComponents.editors.codeEditor` instead. */
-    fullScreenCodeEditor(options: MonacoCodeOptions): _mithril.MithrilVirtualElement;
-    chart(createOptions: () => ChartFormControlFacadeOptions): IChartControlFacade;
-    /**
-     * @experimental
-     * @deprecated
-     */
-    multiPicker<T extends MultiPickerItem = MultiPickerItem>(options: MultiPickerFacadeOptions<T>): IMultiPickerFacade<T>;
-    /**
-     *
-     * **Пример**
-     *
-     * ```js
-     * const markdownText = 'Удалено записей: **9**';
-     * Ui.showModal({
-     * 	$view: () => UiComponents.markdown(markdownText)
-     * })
-     * ```
-     */
-    markdown(content: string, options?: MarkdownOptions): ViewElement;
-    /**
-     * Компонент для отображения нескольких колонок из разных tabular таблиц в одной таблице.
-     */
-    tabularList(options: TabularListSettings & {
-        listOptions?: any;
-        listExtConfig?: any;
-    }): MithrilControl & {
-        getListCtrl(): any;
-    };
-    /**
-     * Компонент для отображения разницы между датами.
-     *
-     * @param date дата события
-     * @param base базовая дата относительно которой вычисляется разница во времени. По умолчанию - текущая дата
-     *
-     * @example
-     * **Пример**
-     *
-     * ```js
-     * const startDate = new Date("2024-01-01");
-     * const endDate = new Date("2024-01-03");
-     * Ui.userFriendlyDatesDistance(startDate);
-     * // Результат: "2 дня назад"
-     * ```
-     *
-     * При наведении курсора отображается точная дата и время
-     */
-    userFriendlyDatesDistance(date: Date, base?: Date): ViewElement;
-    /**
-     * Выводит иконку и текст с базовым отступом для консистентности системы
-     *
-     * @param options параметры для создания элемента с иконкой и текстом
-     *
-     * @example
-     * **Примеры**
-     *
-     * Создать элемент с иконкой и простым текстом:
-     * ```js
-     * Ui.textWithIcon({
-     *   icon: { name: "check" },
-     *   textContent: { text: "Успешно выполнено" }
-     * });
-     * ```
-     *
-     * Создать элемент с иконкой и текстом с дополнительными стилями:
-     * ```js
-     *Ui.textWithIcon({
-     *icon: {
-     *   name: "warning",
-     *   options: {
-     *      className: "icon-warning",
-     *      animate: "flash",
-     *      tooltip: "Внимание!"
-     *   }
-     *},
-     *textContent: {
-     *   text: "Ошибка загрузки",
-     *   className: "error-text",
-     *   attrs: { style: "color: red; font-weight: bold;" }
-     *}
-     *});
-     * ```
-     */
-    textWithIcon(options: TextWithIconOptions): ViewElement;
-    /**
-     * Адаптирует React-компонент для использования в Mithril-представлениях.
-     *
-     * Создаёт Mithril-элемент, который управляет жизненным циклом React-компонента:
-     * - При первом рендере создаёт React root и монтирует компонент
-     * - При изменении пропсов перерендеривает компонент
-     * - При размонтировании Mithril-элемента корректно unmount'ит React root
-     *
-     * @param Component React-компонент для адаптации
-     * @param props Пропсы для компонента
-     * @param options Дополнительные опции
-     * @param options.className CSS-классы для обёртки (div-элемента)
-     * @returns ViewElement для использования в Mithril
-     *
-     * @example
-     * // В Mithril view:
-     * return reactComponentWrap(MyReactComponent, {
-     *   title: "Hello",
-     *   onClick: () => console.log("clicked")
-     * }, {
-     *   className: "my-wrapper"
-     * });
-     */
-    reactComponentWrap<P>(Component: React.FC<P>, props?: P, options?: {
-        className?: ClassNamesArg;
-    }): ViewElement;
-    resizablePanelsCtrl(options: ResizablePanelsOptions): ResizablePanelsCtrl;
-    UserMenuSlot: typeof UserMenuSlot;
-}
-export interface IProcessFormBlockOptions {
-    title: string;
-    subtitle: string;
-    titleTooltip: string;
-    subtitleTooltip: string;
-    icon?: Icon;
-    description?: Markdown;
-    principals?: ProcessPrincipalsListItem[];
-    principalsTooltip?: string;
-    principalsTextError?: string;
-    principalsOnclick?: (item: ProcessPrincipalsListItem) => void;
-    historyAction?: ButtonFacade;
-    actions?: ButtonFacade[];
-}
-export interface TopNavButton {
-    title: string;
-    icon?: Icon;
-    attrs?: MithrilAttributes;
-    showCaret?: boolean;
-    focused?: Valued<boolean>;
-    execute?: () => void;
-}
-export type TooltipContent = (el: HTMLElement) => FormattedText;
-export interface MarkdownOptions {
-    type?: string;
-    title?: string;
-    icon?: string;
-    className?: string;
-    zones?: {
-        end?: ViewElement[];
-    };
-    headerSize?: HeaderSize;
-}
+/// <reference types="../../../../mithril" />
+/// <reference types="mithril" />
+/// <reference types="react" />
+import { HeaderSize } from "mdtScripts/components/form/header/types";
+import { ComponentConfigParams } from "mdtScripts/helpers/ui/elementModificators/modificatorsTypes";
+import { InputOptions } from "../../../../components/baseFormControls/input/inputOptions";
+import { DropdownInputItemOptions } from "../../../../components/dropdown/menu/item/dropdownInputItemOptions";
+import { DropdownItemViewOptions } from "../../../../components/dropdown/menu/item/dropdownItemWrapOptions";
+import { FieldViewOptions } from "../../../../components/form/fieldView/fieldViewOptions";
+import { Icon, IconElOptions, IconOptions } from "../../../../components/icon/iconOptions";
+import { ProcessPrincipalsListItem } from "../../../../components/processPrincipalsList/ProcessPrincipalsListItem";
+import { FormattedText } from "../../../../helpers/formattedText";
+import { Markdown, MithrilAttributes, MithrilControl, Valued, ViewControl, ViewElement } from "../../../../helpers/types";
+import { CommonControlOptions } from "../../../../views/form/controls/commonControl/ICommonControl";
+import { FileInputFacadeOptions } from "../../../../views/form/controls/fileupload/FileInputFacade.types";
+import { MonacoCodeOptions } from "../../../../views/form/controls/monacoEditor/MonacoCodeOptions.schema";
+import { IMultiPickerFacade, MultiPickerFacadeOptions, MultiPickerItem } from "../../../../views/form/controls/picker/multiPickerFacade/IMultiPickerFacade";
+import { ToggleablePanelsEditorFacadeOptions } from "../../../../views/form/controls/toggleablePanels/editor/toggleablePanelsEditorFacadeOptions";
+import { ChartFormControlFacadeOptions, IChartControlFacade } from "../../../../views/page/charts/facade/IChartControlFacade";
+import { CodeEditorFacade, CodeEditorFacadeOptions } from "../components/CodeEditorFacade";
+import { ButtonFacade } from "../Form/IFormFacade";
+import { TabularListSettings } from "../../../../views/list/tabular/TabularListTypes";
+import { TextWithIconOptions } from "mdtScripts/components/textWithIcon/textWithIconOptions";
+import { ClassNamesArg } from "../../../../helpers/utils/classNames";
+import { ResizablePanelsCtrl } from "mdtScripts/components/resizablePanels/resizablePanelsCtrl";
+import { ResizablePanelsOptions } from "mdtScripts/components/resizablePanels/resizablePanelsOptions";
+import { UserMenuSlot } from "../../../../components/navigation/header/userButton/UserMenuSlot";
+export interface IUiComponentsFacade {
+    button(button: ButtonFacade, translate?: boolean): ViewElement;
+    topNavButton(options: TopNavButton): _mithril.MithrilVirtualElement;
+    icon(code: string, options?: IconOptions): _mithril.MithrilVirtualElement;
+    iconHTML(icon: Icon, options?: IconElOptions): HTMLElement;
+    processFormBlock(options: IProcessFormBlockOptions): _mithril.MithrilVirtualElement;
+    commonControl(options: CommonControlOptions): _mithril.MithrilVirtualElement;
+    unstyledInput(options: InputOptions): _mithril.MithrilVirtualElement;
+    input(options: InputOptions): _mithril.MithrilVirtualElement;
+    tooltip(tooltipContent: TooltipContent, params: ComponentConfigParams): void;
+    field(options: FieldViewOptions): _mithril.MithrilVirtualElement;
+    dropdownItem(options: DropdownItemViewOptions): _mithril.MithrilVirtualElement;
+    dropdownInputItem(options: DropdownInputItemOptions): _mithril.MithrilVirtualElement;
+    toggleablePanelsCtrl(options: ToggleablePanelsEditorFacadeOptions): ViewControl;
+    fileCtrl(options: FileInputFacadeOptions): ViewControl;
+    editors: {
+        codeEditor(options: CodeEditorFacadeOptions): CodeEditorFacade;
+    };
+    /** @deprecated Use `UiComponents.editors.codeEditor` instead. */
+    fullScreenCodeEditor(options: MonacoCodeOptions): _mithril.MithrilVirtualElement;
+    chart(createOptions: () => ChartFormControlFacadeOptions): IChartControlFacade;
+    /**
+     * @experimental
+     * @deprecated
+     */
+    multiPicker<T extends MultiPickerItem = MultiPickerItem>(options: MultiPickerFacadeOptions<T>): IMultiPickerFacade<T>;
+    /**
+     *
+     * **Пример**
+     *
+     * ```js
+     * const markdownText = 'Удалено записей: **9**';
+     * Ui.showModal({
+     * 	$view: () => UiComponents.markdown(markdownText)
+     * })
+     * ```
+     */
+    markdown(content: string, options?: MarkdownOptions): ViewElement;
+    /**
+     * Компонент для отображения нескольких колонок из разных tabular таблиц в одной таблице.
+     */
+    tabularList(options: TabularListSettings & {
+        listOptions?: any;
+        listExtConfig?: any;
+    }): MithrilControl & {
+        getListCtrl(): any;
+    };
+    /**
+     * Компонент для отображения разницы между датами.
+     *
+     * @param date дата события
+     * @param base базовая дата относительно которой вычисляется разница во времени. По умолчанию - текущая дата
+     *
+     * @example
+     * **Пример**
+     *
+     * ```js
+     * const startDate = new Date("2024-01-01");
+     * const endDate = new Date("2024-01-03");
+     * Ui.userFriendlyDatesDistance(startDate);
+     * // Результат: "2 дня назад"
+     * ```
+     *
+     * При наведении курсора отображается точная дата и время
+     */
+    userFriendlyDatesDistance(date: Date, base?: Date): ViewElement;
+    /**
+     * Выводит иконку и текст с базовым отступом для консистентности системы
+     *
+     * @param options параметры для создания элемента с иконкой и текстом
+     *
+     * @example
+     * **Примеры**
+     *
+     * Создать элемент с иконкой и простым текстом:
+     * ```js
+     * Ui.textWithIcon({
+     *   icon: { name: "check" },
+     *   textContent: { text: "Успешно выполнено" }
+     * });
+     * ```
+     *
+     * Создать элемент с иконкой и текстом с дополнительными стилями:
+     * ```js
+     *Ui.textWithIcon({
+     *icon: {
+     *   name: "warning",
+     *   options: {
+     *      className: "icon-warning",
+     *      animate: "flash",
+     *      tooltip: "Внимание!"
+     *   }
+     *},
+     *textContent: {
+     *   text: "Ошибка загрузки",
+     *   className: "error-text",
+     *   attrs: { style: "color: red; font-weight: bold;" }
+     *}
+     *});
+     * ```
+     */
+    textWithIcon(options: TextWithIconOptions): ViewElement;
+    /**
+     * Адаптирует React-компонент для использования в Mithril-представлениях.
+     *
+     * Создаёт Mithril-элемент, который управляет жизненным циклом React-компонента:
+     * - При первом рендере создаёт React root и монтирует компонент
+     * - При изменении пропсов перерендеривает компонент
+     * - При размонтировании Mithril-элемента корректно unmount'ит React root
+     *
+     * @param Component React-компонент для адаптации
+     * @param props Пропсы для компонента
+     * @param options Дополнительные опции
+     * @param options.className CSS-классы для обёртки (div-элемента)
+     * @returns ViewElement для использования в Mithril
+     *
+     * @example
+     * // В Mithril view:
+     * return reactComponentWrap(MyReactComponent, {
+     *   title: "Hello",
+     *   onClick: () => console.log("clicked")
+     * }, {
+     *   className: "my-wrapper"
+     * });
+     */
+    reactComponentWrap<P>(Component: React.FC<P>, props?: P, options?: {
+        className?: ClassNamesArg;
+    }): ViewElement;
+    resizablePanelsCtrl(options: ResizablePanelsOptions): ResizablePanelsCtrl;
+    UserMenuSlot: typeof UserMenuSlot;
+}
+export interface IProcessFormBlockOptions {
+    title: string;
+    subtitle: string;
+    titleTooltip: string;
+    subtitleTooltip: string;
+    icon?: Icon;
+    description?: Markdown;
+    principals?: ProcessPrincipalsListItem[];
+    principalsTooltip?: string;
+    principalsTextError?: string;
+    principalsOnclick?: (item: ProcessPrincipalsListItem) => void;
+    historyAction?: ButtonFacade;
+    actions?: ButtonFacade[];
+}
+export interface TopNavButton {
+    title: string;
+    icon?: Icon;
+    attrs?: MithrilAttributes;
+    showCaret?: boolean;
+    focused?: Valued<boolean>;
+    execute?: () => void;
+}
+export type TooltipContent = (el: HTMLElement) => FormattedText;
+export interface MarkdownOptions {
+    type?: string;
+    title?: string;
+    icon?: string;
+    className?: string;
+    zones?: {
+        end?: ViewElement[];
+    };
+    headerSize?: HeaderSize;
+}

package/types/services/customModules/facades/utils/IUiFacade.d.ts

@@ -1,84 +1,84 @@
-/// <reference types="../../../../mithril" />
-/// <reference types="mithril" />
-import { MithrilControl } from "../../../../helpers/types";
-import { DropdownOptions } from "../../../dropdown/IDropDownMenu";
-import { ButtonFacade } from "../Form/IFormFacade";
-import { DropdownTargetContext, IDropdownMenu } from "../../../dropdown/IDropDownMenu";
-import { IModalFacade } from "../components/ModalFacade";
-import { UiType } from "../../../../helpers/IUi";
-import { IPanelOptions } from "mdtScripts/views/controls/panels/panelOptions";
-export type onModalResizeCallback = (data: IModalSizingState) => void;
-export interface IType<T> {
-    new (...args: any[]): T;
-}
-export interface ParentCtrl {
-    getViewControl(): MithrilControl;
-}
-export type NotificationType = "default" | "info" | "success" | "warning" | "danger";
-export type UiContainerContent = MithrilControl | ParentCtrl | string;
-export interface CustomNotification {
-    /** Заголовок сообщения */
-    title: string;
-    /** Текст сообщения */
-    text: string;
-    /** Наименование иконки */
-    icon?: string;
-    /** Тип выводимого сообщения*/
-    type?: NotificationType;
-    /** Кнопки, отображаемые в сообщении*/
-    actions?: ButtonFacade[];
-}
-export interface IUiFacade {
-    /** Вызвать окно уведомления */
-    showNotification(msg: CustomNotification, duration?: number): void;
-    /** Вызвать модальное окно */
-    showModal(content: UiContainerContent, options?: IModalOptions): IModalFacade;
-    /** Вызвать боковую панель */
-    showSidebar(content: UiContainerContent, options?: ISidebarOptions): void;
-    /** Создать выпадающее меню */
-    createDropdown<I>(options: DropdownOptions<I>, el: Element, ctx: DropdownTargetContext<I>): IDropdownMenu<I>;
-    /** Создать компонент с пользовательской версткой */
-    createControl(view: () => _mithril.MithrilVirtualElement): MithrilControl;
-}
-export type ModalTypes = UiType;
-export interface IModalOptions {
-    /** CSS класс */
-    class?: string;
-    /** Подписка на инциализацию модального окна */
-    initContainer?: (container: any) => void;
-    /** Размер модального окна */
-    size?: "lg" | "sm" | "md";
-    /** Классы CSS для содержимого модального окна */
-    css?: string;
-    /** Заголовок модального окна */
-    title?: string;
-    /** Иконка для модального окна */
-    icon?: string;
-    /** Затемнение заднего фона */
-    backdrop?: boolean;
-    /** Параметры размеров модального окна */
-    initialSizingState?: IModalSizingState;
-    /** Тип модального окна */
-    type?: ModalTypes;
-    /** Дополнительные кнопки на окне */
-    buttons?: ButtonFacade[];
-    /** Настройки кнопки закрытия модального окна */
-    closeButton?: Partial<ButtonFacade>;
-    /**
-     * Возможность закрыть окно по кнопкам закрытия и с помощью клавиатуры
-     * @default true
-     */
-    closable?: boolean;
-    onClose?: (closeResult?: any) => void;
-    /** Содержит ли модальное окно какое-либо действие */
-    isAction?: boolean;
-}
-export type ISidebarOptions = IPanelOptions;
-export interface IModalSizingState {
-    /** Отображать окно в расширенном на весь экран виде */
-    full: boolean;
-    /** Ширина */
-    width: number;
-    /** Высота */
-    height: number;
-}
+/// <reference types="../../../../mithril" />
+/// <reference types="mithril" />
+import { MithrilControl } from "../../../../helpers/types";
+import { DropdownOptions } from "../../../dropdown/IDropDownMenu";
+import { ButtonFacade } from "../Form/IFormFacade";
+import { DropdownTargetContext, IDropdownMenu } from "../../../dropdown/IDropDownMenu";
+import { IModalFacade } from "../components/ModalFacade";
+import { UiType } from "../../../../helpers/IUi";
+import { IPanelOptions } from "mdtScripts/views/controls/panels/panelOptions";
+export type onModalResizeCallback = (data: IModalSizingState) => void;
+export interface IType<T> {
+    new (...args: any[]): T;
+}
+export interface ParentCtrl {
+    getViewControl(): MithrilControl;
+}
+export type NotificationType = "default" | "info" | "success" | "warning" | "danger";
+export type UiContainerContent = MithrilControl | ParentCtrl | string;
+export interface CustomNotification {
+    /** Заголовок сообщения */
+    title: string;
+    /** Текст сообщения */
+    text: string;
+    /** Наименование иконки */
+    icon?: string;
+    /** Тип выводимого сообщения*/
+    type?: NotificationType;
+    /** Кнопки, отображаемые в сообщении*/
+    actions?: ButtonFacade[];
+}
+export interface IUiFacade {
+    /** Вызвать окно уведомления */
+    showNotification(msg: CustomNotification, duration?: number): void;
+    /** Вызвать модальное окно */
+    showModal(content: UiContainerContent, options?: IModalOptions): IModalFacade;
+    /** Вызвать боковую панель */
+    showSidebar(content: UiContainerContent, options?: ISidebarOptions): void;
+    /** Создать выпадающее меню */
+    createDropdown<I>(options: DropdownOptions<I>, el: Element, ctx: DropdownTargetContext<I>): IDropdownMenu<I>;
+    /** Создать компонент с пользовательской версткой */
+    createControl(view: () => _mithril.MithrilVirtualElement): MithrilControl;
+}
+export type ModalTypes = UiType;
+export interface IModalOptions {
+    /** CSS класс */
+    class?: string;
+    /** Подписка на инциализацию модального окна */
+    initContainer?: (container: any) => void;
+    /** Размер модального окна */
+    size?: "lg" | "sm" | "md";
+    /** Классы CSS для содержимого модального окна */
+    css?: string;
+    /** Заголовок модального окна */
+    title?: string;
+    /** Иконка для модального окна */
+    icon?: string;
+    /** Затемнение заднего фона */
+    backdrop?: boolean;
+    /** Параметры размеров модального окна */
+    initialSizingState?: IModalSizingState;
+    /** Тип модального окна */
+    type?: ModalTypes;
+    /** Дополнительные кнопки на окне */
+    buttons?: ButtonFacade[];
+    /** Настройки кнопки закрытия модального окна */
+    closeButton?: Partial<ButtonFacade>;
+    /**
+     * Возможность закрыть окно по кнопкам закрытия и с помощью клавиатуры
+     * @default true
+     */
+    closable?: boolean;
+    onClose?: (closeResult?: any) => void;
+    /** Содержит ли модальное окно какое-либо действие */
+    isAction?: boolean;
+}
+export type ISidebarOptions = IPanelOptions;
+export interface IModalSizingState {
+    /** Отображать окно в расширенном на весь экран виде */
+    full: boolean;
+    /** Ширина */
+    width: number;
+    /** Высота */
+    height: number;
+}