/*
    Парус 8 - Панели мониторинга
    Вспомогательные стили Typography
*/

//---------------------
//Подключение библиотек
//---------------------

import { P8P_COMPONENT_WIDTH, P8P_COMPONENT_HEIGHT } from "./common"; //Стили - общие

//----------------
//Интерфейс модуля
//----------------

//---------
//Общие стили текста
//---------

//Текст с возможностью нажатия
export const P8P_TYPOGRAPHY_CLICKABLE = {
    cursor: "pointer"
};

//Заголовок полноэкранного диалога
export const P8P_TYPOGRAPHY_DIALOG_TITLE = {
    marginLeft: "16px",
    flex: 1
};

//Заголовок
export const P8P_TYPOGRAPHY_TITLE = {
    ...P8P_COMPONENT_HEIGHT({ height: "44px" })
    //height: "44px"
};

//---------
//Стили приложения
//---------

//Описание панели на рабочем столе
export const P8P_TYPOGRAPHY_PANEL_DESK = {
    display: "-webkit-box",
    overflow: "hidden",
    WebkitBoxOrient: "vertical",
    WebkitLineClamp: 2,
    ...P8P_COMPONENT_WIDTH({ maxWidth: "140px" })
    //maxWidth: "140px"
};

//---------
//Стили циклограммы
//---------

//Колонка циклограммы
export const P8P_TYPOGRAPHY_CG_HEADER = {
    textOverflow: "ellipsis",
    overflow: "hidden",
    whiteSpace: "pre",
    textAlign: "center",
    lineHeight: "35px",
    padding: "0px 5px"
};

//Группа циклограммы
export const P8P_TYPOGRAPHY_CG_GROUP = ({ maxWidth, maxHeight }) => ({
    maxWidth,
    maxHeight,
    textAlign: "center",
    wordWrap: "break-word"
});

//Задача циклограммы
export const P8P_TYPOGRAPHY_CG_TASK = ({ maxHeight, availableLines }) => ({
    maxHeight,
    ...P8P_COMPONENT_WIDTH({ width: "100%" }),
    //width: "100%",
    padding: "0px 5px",
    overflowWrap: "break-word",
    wordBreak: "break-all",
    overflow: "hidden",
    textOverflow: "ellipsis",
    display: "-webkit-box",
    WebkitBoxOrient: "vertical",
    WebkitLineClamp: availableLines < 1 ? 1 : availableLines
});