/**
 * DevExtreme (esm/renovation/ui/scheduler/appointment/utils.js)
 * Version: 22.2.7 (build 23185-0311)
 * Build date: Tue Jul 04 2023
 *
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
 */
import {
    addToStyles
} from "../workspaces/utils";
import messageLocalization from "../../../../localization/message";
import dateLocalization from "../../../../localization/date";
var EditorLabelLocalizationConst = "dxScheduler-editorLabelEndDate";
export var getAppointmentStyles = viewModel => {
    var {
        geometry: {
            height: height,
            left: left,
            top: top,
            width: width
        }
    } = viewModel;
    return addToStyles([{
        attr: "height",
        value: "".concat(height || 50, "px")
    }, {
        attr: "width",
        value: "".concat(width || 50, "px")
    }, {
        attr: "top",
        value: "".concat(top, "px")
    }, {
        attr: "left",
        value: "".concat(left, "px")
    }])
};
export var getAppointmentKey = geometry => {
    var {
        height: height,
        left: left,
        top: top,
        width: width
    } = geometry;
    return "".concat(left, "-").concat(top, "-").concat(width, "-").concat(height)
};
export var getReducedIconTooltipText = endDate => {
    var tooltipLabel = messageLocalization.format(EditorLabelLocalizationConst);
    if (!endDate) {
        return tooltipLabel
    }
    var date = new Date(endDate);
    var monthAndDay = dateLocalization.format(date, "monthAndDay");
    var year = dateLocalization.format(date, "year");
    return "".concat(tooltipLabel, ": ").concat(monthAndDay, ", ").concat(year)
};
export var mergeStylesWithColor = (color, styles) => !color ? styles : addToStyles([{
    attr: "backgroundColor",
    value: color
}], styles);
