/*!
 * Jodit Editor (https://xdsoft.net/jodit/)
 * License GNU General Public License version 2 or later;
 * Copyright 2013-2019 Valeriy Chupurnov https://xdsoft.net
 */

import { IDictionary } from '../../types';
import { isPlainObject } from './checker/isPlainObject';
import { isNumeric } from './checker/isNumeric';
import { normilizeCSSValue } from './normalize/normilizeCSSValue';
import { camelCase } from './string/camelCase';
import { fromCamelCase } from './string/fromCamelCase';

/**
 * Get the value of a computed style property for the first element in the set of matched elements or set one or
 * more CSS properties for every matched element
 * @param {HTMLElement} element
 * @param {string|object} key An object of property-value pairs to set. A CSS property name.
 * @param {string|int} value A value to set for the property.
 * @param {boolean} onlyStyleMode Get value from style attribute, without calculating
 */
export const css = (
    element: HTMLElement,
    key: string | IDictionary<number | string | null | undefined>,
    value?: string | number,
    onlyStyleMode: boolean = false
): string | number => {
    const numberFieldsReg = /^left|top|bottom|right|width|min|max|height|margin|padding|font-size/i;

    if (isPlainObject(key) || value !== undefined) {
        const setValue = (
            elm: HTMLElement,
            _key: string,
            _value: string | number | undefined
        ) => {
            if (
                _value !== undefined &&
                _value !== null &&
                numberFieldsReg.test(_key) &&
                isNumeric(_value.toString())
            ) {
                _value = parseInt(_value.toString(), 10) + 'px';
            }

            if (
                _value !== undefined &&
                css(elm, _key, void 0, true) !== normilizeCSSValue(_key, _value)
            ) {
                (elm.style as any)[_key] = _value;
            }
        };

        if (isPlainObject(key)) {
            const keys: string[] = Object.keys(key);
            for (let j = 0; j < keys.length; j += 1) {
                setValue(element, camelCase(keys[j]), (key as any)[keys[j]]);
            }
        } else {
            setValue(element, camelCase(key as string), value);
        }

        return '';
    }

    const key2: string = fromCamelCase(key as string) as string,
        doc: Document = element.ownerDocument || document,
        win = doc ? doc.defaultView || (doc as any).parentWindow : false;

    const currentValue: string | undefined = (element.style as any)[
        key as string
    ];

    let result: string | number =
        currentValue !== undefined && currentValue !== ''
            ? currentValue
            : win && !onlyStyleMode
            ? win.getComputedStyle(element).getPropertyValue(key2)
            : '';

    if (
        numberFieldsReg.test(key as string) &&
        /^[\-+]?[0-9.]+px$/.test(result.toString())
    ) {
        result = parseInt(result.toString(), 10);
    }

    return normilizeCSSValue(key as string, result);
};