@platform/css/lib/css/global.js

Helpers for working with inline CSS.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.global = void 0;
var common_1 = require("../common");
var jss_plugin_global_1 = require("jss-plugin-global");
common_1.jss.jss.use(jss_plugin_global_1.default);
var global = function (styles, options) {
    if (options === void 0) { options = {}; }
    if (common_1.R.isEmpty(styles)) {
        return;
    }
    var prefix = options.prefix;
    var global = {};
    Object.keys(styles).forEach(function (key) {
        var style = styles[key];
        key.split(',').forEach(function (key) {
            var selector = toCssSelector({ key: key, prefix: prefix });
            global[selector] = style;
        });
    });
    common_1.jss.jss.createStyleSheet({ '@global': global }).attach();
};
exports.global = global;
function toCssSelector(args) {
    var key = args.key, prefix = args.prefix;
    var selector = prefix ? "".concat(prefix, " ").concat(key) : key;
    return selector.replace(/^\n/, '').replace(/\n$/, '').trim();
}