highlights.module.js

function pickHighlightColor(objects, settings, yukon_state) {
    for (const color of settings.HighlightColors) {
        if (color.taken === false) {
            color.taken = true;
            for (const object of objects) {
                object.takenColor = color;
            }
            return color.color;
        }
    }
    return "red";
}
export function isPortStateHighlighted(portNr, yukon_state) {
    if (typeof yukon_state.monitor2PortHighlights !== undefined && Array.isArray(yukon_state.monitor2PortHighlights)) {
        return yukon_state.monitor2PortHighlights.includes(portNr);
    } else {
        return false;
    }
}
export function setPortStateAsHiglighted(portNr, yukon_state) {
    // It returns true if the port was not selected before
    if (typeof yukon_state.monitor2PortHighlights !== undefined && Array.isArray(yukon_state.monitor2PortHighlights)) {
        if (!yukon_state.monitor2PortHighlights.includes(portNr)) {
            yukon_state.monitor2PortHighlights.push(portNr);
            return true;
        } else {
            return false;
        }
    } else {
        yukon_state.monitor2PortHighlights = [portNr];
        return true;
    }
}
export function setPortStateAsUnhiglighted(portNr, yukon_state) {
    if (typeof yukon_state.monitor2PortHighlights !== undefined && Array.isArray(yukon_state.monitor2PortHighlights)) {
        yukon_state.monitor2PortHighlights = yukon_state.monitor2PortHighlights.filter((p) => p !== portNr);
    }
}
export function highlightElement(element, color, settings, yukon_state) {
    if (element.classList.contains("arrowhead")) {
        element.style.setProperty("border-top-color", color, "important");
    } else if (element.classList.contains("horizontal_line_label") && element.tagName === "LABEL") {
        element.style.setProperty("background-color", settings.LinkLabelHighlightColor, "important");
        element.style.setProperty("color", settings.LinkLabelHighlightTextColor, "important");
    } else if (element.classList.contains("horizontal_line") || element.classList.contains("line") || element.classList.contains("circle")) {
        element.style.setProperty("background-color", color, "important");
    }
}
export function highlightElements(objects, settings, yukon_state) {
    const pickedHighlightColor = pickHighlightColor(objects, settings, yukon_state);
    for (const object of objects) {
        highlightElement(object.element, pickedHighlightColor, settings, yukon_state);
    }
}
export function removeHighlightsFromObjects(objects, settings, yukon_state) {
    for (const object of objects) {
        object.toggledOn.value = false;
        if (object.takenColor) {
            const takenColor = settings.HighlightColors.find((color) => { return color.color === object.takenColor.color; });
            takenColor.taken = false;
        }
        removeHighlightFromElement(object.element, settings, yukon_state);
    }
}
export function removeHighlightFromElement(element, settings, yukon_state) {
    if (element.classList.contains("arrowhead")) {
        element.style.removeProperty("border-top-color");
    } else if (element.classList.contains("horizontal_line_label") && element.tagName === "LABEL") {
        element.style.setProperty("background-color", settings.LinkLabelColor);
        element.style.setProperty("color", settings.LinkLabelTextColor);
    } else if (element.classList.contains("horizontal_line") || element.classList.contains("line") || element.classList.contains("circle")) {
        element.style.removeProperty("background-color");
    }
}
export function unhighlightAll(linesByPortAndPortType, settings, yukon_state) {
    for (const object of linesByPortAndPortType) {
        object.toggledOn.value = false;
        if (object.takenColor) {
            const takenColor = settings.HighlightColors.find((color) => { return color.color === object.takenColor.color; });
            takenColor.taken = false;
        }
        removeHighlightFromElement(object.element, settings, yukon_state);
    }
}