import { __assign } from "tslib"; import { concatStyleSets } from './concatStyleSets'; import { extractStyleParts } from './extractStyleParts'; import { getStyleOptions } from './StyleOptionsState'; import { applyRegistration, styleToRegistration } from './styleToClassName'; import { isShadowConfig } from './shadowConfig'; import { Stylesheet } from './Stylesheet'; /** * Takes in one or more style set objects, each consisting of a set of areas, * each which will produce a class name. Using this is analogous to calling * `mergeStyles` for each property in the object, but ensures we maintain the * set ordering when multiple style sets are merged. * * @param styleSets - One or more style sets to be merged. */ export function mergeStyleSets() { var styleSets = []; for (var _i = 0; _i < arguments.length; _i++) { styleSets[_i] = arguments[_i]; } return mergeCssSets(styleSets, getStyleOptions()); } /** * Takes in one or more style set objects, each1consisting of a set of areas, * each which will produce a class name. Using this is analogous to calling * `mergeCss` for each property in the object, but ensures the * set ordering when multiple style sets are merged. * * @param styleSets - One or more style sets to be merged. * @param options - (optional) Options to use when creating rules. */ export function mergeCssSets(styleSets, options) { var classNameSet = { subComponentStyles: {} }; var shadowConfig = undefined; var styleSet; if (isShadowConfig(styleSets[0])) { shadowConfig = styleSets[0]; styleSet = styleSets[1]; } else { styleSet = styleSets[0]; } shadowConfig !== null && shadowConfig !== void 0 ? shadowConfig : (shadowConfig = options === null || options === void 0 ? void 0 : options.shadowConfig); var opts = __assign(__assign({}, options), { shadowConfig: shadowConfig }); if (!styleSet && styleSets.length <= 1) { return { subComponentStyles: {} }; } var sheet = Stylesheet.getInstance(shadowConfig); opts.stylesheet = sheet; var concatenatedStyleSet = concatStyleSets.apply(void 0, styleSets); var registrations = []; for (var styleSetArea in concatenatedStyleSet) { if (concatenatedStyleSet.hasOwnProperty(styleSetArea)) { if (styleSetArea === 'subComponentStyles') { classNameSet.subComponentStyles = concatenatedStyleSet.subComponentStyles || {}; continue; } else if (styleSetArea === '__shadowConfig__') { continue; } var styles = concatenatedStyleSet[styleSetArea]; var _a = extractStyleParts(sheet, styles), classes = _a.classes, objects = _a.objects; if (objects === null || objects === void 0 ? void 0 : objects.length) { var registration = styleToRegistration(opts || {}, { displayName: styleSetArea }, objects); if (registration) { registrations.push(registration); classNameSet[styleSetArea] = classes.concat([registration.className]).join(' '); } } else { classNameSet[styleSetArea] = classes.join(' '); } } } for (var _i = 0, registrations_1 = registrations; _i < registrations_1.length; _i++) { var registration = registrations_1[_i]; if (registration) { applyRegistration(registration, options === null || options === void 0 ? void 0 : options.specificityMultiplier, shadowConfig); } } return classNameSet; } //# sourceMappingURL=mergeStyleSets.js.map