ui-lit/helpers/cssproxy.js

UI Elements on LIT

import { unsafeCSS, css } from 'lit';
export const makeCSSProxy = (data, prefix = '') => {
    return new Proxy(data, {
        get: (target, prop, receiver) => {
            if (prop in target) {
                const value = Reflect.get(target, prop, receiver);
                const _default = value.default ? ", " + value.default : "";
                return unsafeCSS(`var(${prefix + value.name + _default})`);
            }
            else {
                console.warn(`undefined prop`, prop);
                return css ``;
            }
        }
    });
};
export const makeCSSNameProxy = (data, prefix = '') => {
    return new Proxy(data, {
        get: (target, prop, receiver) => {
            if (prop in target) {
                const value = Reflect.get(target, prop, receiver);
                return unsafeCSS(prefix + value.name);
            }
            else {
                console.warn(`undefined prop`, prop);
                return css ``;
            }
        }
    });
};