"use strict";

function applyStyles(element, styles) {
    Object.entries(styles).forEach((([prop, value]) => {
        element.style[prop] = value;
    }));
}

function createElement(tag, attributes = {}, children = []) {
    const element = document.createElement(tag);
    return Object.entries(attributes).forEach((([key, value]) => {
        element.setAttribute(key, value);
    })), children.forEach((child => {
        "string" == typeof child ? element.appendChild(document.createTextNode(child)) : element.appendChild(child);
    })), element;
}

Object.defineProperty(exports, "__esModule", {
    value: !0
}), exports.createElement = exports.applyStyles = exports.filterStyles = void 0, 
exports.filterStyles = {
    filterMenu: {
        display: "none",
        position: "absolute",
        backgroundColor: "white",
        border: "1px solid #ccc",
        boxShadow: "0 4px 8px rgba(0,0,0,0.15)",
        zIndex: "100"
    },
    filterPanel: {
        padding: "10px",
        display: "block"
    },
    searchContainer: {
        padding: "5px"
    },
    searchInput: {
        width: "100%",
        padding: "8px 10px",
        border: "1px solid #ccc",
        borderRadius: "4px",
        fontSize: "14px",
        boxSizing: "border-box"
    },
    optionsContainer: {
        maxHeight: "200px",
        overflowY: "auto",
        marginTop: "10px"
    },
    optionItem: {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
        padding: "8px 5px"
    },
    optionLabel: {
        display: "flex",
        alignItems: "center",
        cursor: "pointer",
        flexGrow: "1",
        fontWeight: "normal"
    },
    checkbox: {
        marginRight: "10px"
    },
    countSpan: {
        color: "#888",
        fontSize: "12px"
    },
    tabsContainer: {
        display: "flex",
        justifyContent: "space-around",
        borderBottom: "1px solid #e0e0e0"
    },
    tabStyle: isActive => ({
        backgroundColor: "transparent",
        border: "none",
        flex: "1",
        padding: "10px 15px",
        cursor: "pointer",
        fontSize: "14px",
        fontWeight: isActive ? "bold" : "normal",
        color: isActive ? "#007bff" : "#666",
        borderBottom: isActive ? "3px solid #007bff" : "2px solid transparent"
    }),
    footerContainer: {
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
        padding: "10px 15px",
        borderTop: "1px solid #e0e0e0",
        backgroundColor: "#f8f9fa"
    },
    footerButton: isPrimary => ({
        padding: "6px 12px",
        border: "1px solid #ccc",
        borderRadius: "4px",
        cursor: "pointer",
        marginLeft: "5px",
        backgroundColor: isPrimary ? "#007bff" : "white",
        color: isPrimary ? "white" : "#333",
        borderColor: isPrimary ? "#007bff" : "#ccc"
    }),
    clearLink: {
        color: "#007bff",
        textDecoration: "none"
    },
    buttonStyle: (isPrimary = !1) => ({
        padding: "6px 12px",
        border: "1px solid #ccc",
        borderRadius: "4px",
        cursor: "pointer",
        marginLeft: "5px",
        backgroundColor: isPrimary ? "#007bff" : "white",
        color: isPrimary ? "white" : "#333",
        borderColor: isPrimary ? "#007bff" : "#ccc"
    }),
    conditionContainer: {
        marginBottom: "15px",
        padding: "10px"
    },
    formLabel: {
        display: "block",
        marginBottom: "8px",
        fontWeight: "bold"
    },
    operatorSelect: {
        width: "100%",
        padding: "8px",
        marginBottom: "15px",
        border: "1px solid #ccc",
        borderRadius: "4px",
        boxSizing: "border-box"
    },
    rangeInputContainer: {
        display: "flex",
        alignItems: "center",
        gap: "8px"
    },
    addLabel: {
        display: "none",
        padding: "0 5px"
    }
}, exports.applyStyles = applyStyles, exports.createElement = createElement;
//# sourceMappingURL=styles.js.map