devextreme-themebuilder 26.1.2-beta → 26.1.3

package/modules/bootstrap-extractor.js

@@ -1,153 +1,153 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const sass = __importStar(require("sass-embedded"));
-const fs_1 = require("fs");
-const bootstrap5_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap5-metadata"));
-class BootstrapExtractor {
-    constructor(source, version) {
-        this.input = source;
-        this.version = version;
-        this.meta = bootstrap5_metadata_1.default;
-        this.compiler = BootstrapExtractor.sassRender;
-        this.sourceProcessor = this.sassProcessor;
-    }
-    getRootVariablesSass() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const result = [];
-            const path = require.resolve('bootstrap/dist/css/bootstrap.css');
-            const content = yield fs_1.promises.readFile(path, 'utf8');
-            const rootVariables = new RegExp(':root(,.+?])? {.+?}', 's').exec(content)[0];
-            const ruleRegex = /(--.+): (.+);/gm;
-            let match = ruleRegex.exec(rootVariables);
-            while (match !== null) {
-                const key = match[1];
-                const value = match[2];
-                result.push({ key, value });
-                match = ruleRegex.exec(rootVariables);
-            }
-            return result;
-        });
-    }
-    static sassRender(input) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                sass.compileStringAsync(input, {
-                    silenceDeprecations: ['color-functions', 'global-builtin', 'import'],
-                })
-                    .then((data) => resolve(data.css.toString()))
-                    .catch((error) => reject(error.message));
-            });
-        });
-    }
-    static convertRemToPx(cssValue) {
-        const remValueRegex = /(\d*?\.?\d+?)rem([;\s])?/g;
-        const replaceHandler = (_match, value, separator) => {
-            const pixelsInRem = 16;
-            const pxValue = Math.round(parseFloat(value) * pixelsInRem);
-            return `${pxValue}px${separator || ''}`;
-        };
-        return cssValue.replace(remValueRegex, replaceHandler);
-    }
-    readSassFile(fileName) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const path = this.getFilePath(fileName);
-            return fs_1.promises.readFile(path, 'utf8');
-        });
-    }
-    sassProcessor() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const functions = yield this.readSassFile('_functions.scss');
-            const variables = yield this.readSassFile('_variables.scss');
-            const variablesDarkFile = '_variables-dark.scss';
-            let variablesDark = '';
-            if ((0, fs_1.existsSync)(this.getFilePath(variablesDarkFile))) {
-                variablesDark = yield this.readSassFile(variablesDarkFile);
-            }
-            const result = `${functions}
-${variables}
-${variablesDark}
-${this.input}
-${this.getSetterServiceCode('!default')}
-${this.getCollectorServiceCode()}`;
-            return this.removeImports(result);
-        });
-    }
-    removeImports(content) {
-        return content.replace(/^@import "variables-dark";.*$/gm, '');
-    }
-    getFilePath(fileName) {
-        return require.resolve(`bootstrap/scss/${fileName}`);
-    }
-    getSetterServiceCode(postfix = '') {
-        return Object.keys(this.meta)
-            .map((key) => `${this.meta[key]}: dx-empty ${postfix};\n`)
-            .join('');
-    }
-    getCollectorServiceCode() {
-        const variables = Object.keys(this.meta)
-            .map((key) => `${key}: ${this.meta[key]};`)
-            .join('');
-        return `dx-varibles-collector {${variables}}`;
-    }
-    extract() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const css = yield this.compiler(yield this.sourceProcessor());
-            const serviceCodeRegex = /dx-varibles-collector\s{([\s\S]*)}/;
-            const ruleRegex = /([\w-]*):\s(.*);/g;
-            const serviceCode = serviceCodeRegex.exec(css)[1];
-            const rootVariables = yield this.getRootVariablesSass();
-            const result = [];
-            let match = ruleRegex.exec(serviceCode);
-            while (match !== null) {
-                const key = `$${match[1]}`;
-                let valueMatch = match[2];
-                if (valueMatch !== 'dx-empty') {
-                    if (valueMatch.startsWith('var')) {
-                        const cssVariableName = valueMatch.replace('var(', '').replace(')', '');
-                        valueMatch = rootVariables.find((item) => item.key === cssVariableName).value;
-                    }
-                    const value = BootstrapExtractor.convertRemToPx(valueMatch);
-                    result.push({ key, value });
-                }
-                match = ruleRegex.exec(serviceCode);
-            }
-            return result;
-        });
-    }
-}
-exports.default = BootstrapExtractor;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sass = __importStar(require("sass-embedded"));
+const fs_1 = require("fs");
+const bootstrap5_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap5-metadata"));
+class BootstrapExtractor {
+    constructor(source, version) {
+        this.input = source;
+        this.version = version;
+        this.meta = bootstrap5_metadata_1.default;
+        this.compiler = BootstrapExtractor.sassRender;
+        this.sourceProcessor = this.sassProcessor;
+    }
+    getRootVariablesSass() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = [];
+            const path = require.resolve('bootstrap/dist/css/bootstrap.css');
+            const content = yield fs_1.promises.readFile(path, 'utf8');
+            const rootVariables = new RegExp(':root(,.+?])? {.+?}', 's').exec(content)[0];
+            const ruleRegex = /(--.+): (.+);/gm;
+            let match = ruleRegex.exec(rootVariables);
+            while (match !== null) {
+                const key = match[1];
+                const value = match[2];
+                result.push({ key, value });
+                match = ruleRegex.exec(rootVariables);
+            }
+            return result;
+        });
+    }
+    static sassRender(input) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                sass.compileStringAsync(input, {
+                    silenceDeprecations: ['color-functions', 'global-builtin', 'import'],
+                })
+                    .then((data) => resolve(data.css.toString()))
+                    .catch((error) => reject(error.message));
+            });
+        });
+    }
+    static convertRemToPx(cssValue) {
+        const remValueRegex = /(\d*?\.?\d+?)rem([;\s])?/g;
+        const replaceHandler = (_match, value, separator) => {
+            const pixelsInRem = 16;
+            const pxValue = Math.round(parseFloat(value) * pixelsInRem);
+            return `${pxValue}px${separator || ''}`;
+        };
+        return cssValue.replace(remValueRegex, replaceHandler);
+    }
+    readSassFile(fileName) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const path = this.getFilePath(fileName);
+            return fs_1.promises.readFile(path, 'utf8');
+        });
+    }
+    sassProcessor() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const functions = yield this.readSassFile('_functions.scss');
+            const variables = yield this.readSassFile('_variables.scss');
+            const variablesDarkFile = '_variables-dark.scss';
+            let variablesDark = '';
+            if ((0, fs_1.existsSync)(this.getFilePath(variablesDarkFile))) {
+                variablesDark = yield this.readSassFile(variablesDarkFile);
+            }
+            const result = `${functions}
+${variables}
+${variablesDark}
+${this.input}
+${this.getSetterServiceCode('!default')}
+${this.getCollectorServiceCode()}`;
+            return this.removeImports(result);
+        });
+    }
+    removeImports(content) {
+        return content.replace(/^@import "variables-dark";.*$/gm, '');
+    }
+    getFilePath(fileName) {
+        return require.resolve(`bootstrap/scss/${fileName}`);
+    }
+    getSetterServiceCode(postfix = '') {
+        return Object.keys(this.meta)
+            .map((key) => `${this.meta[key]}: dx-empty ${postfix};\n`)
+            .join('');
+    }
+    getCollectorServiceCode() {
+        const variables = Object.keys(this.meta)
+            .map((key) => `${key}: ${this.meta[key]};`)
+            .join('');
+        return `dx-varibles-collector {${variables}}`;
+    }
+    extract() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const css = yield this.compiler(yield this.sourceProcessor());
+            const serviceCodeRegex = /dx-varibles-collector\s{([\s\S]*)}/;
+            const ruleRegex = /([\w-]*):\s(.*);/g;
+            const serviceCode = serviceCodeRegex.exec(css)[1];
+            const rootVariables = yield this.getRootVariablesSass();
+            const result = [];
+            let match = ruleRegex.exec(serviceCode);
+            while (match !== null) {
+                const key = `$${match[1]}`;
+                let valueMatch = match[2];
+                if (valueMatch !== 'dx-empty') {
+                    if (valueMatch.startsWith('var')) {
+                        const cssVariableName = valueMatch.replace('var(', '').replace(')', '');
+                        valueMatch = rootVariables.find((item) => item.key === cssVariableName).value;
+                    }
+                    const value = BootstrapExtractor.convertRemToPx(valueMatch);
+                    result.push({ key, value });
+                }
+                match = ruleRegex.exec(serviceCode);
+            }
+            return result;
+        });
+    }
+}
+exports.default = BootstrapExtractor;

package/modules/builder.js

@@ -1,25 +1,25 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildTheme = void 0;
-const config_normalizer_1 = __importDefault(require("./config-normalizer"));
-const compile_manager_1 = __importDefault(require("./compile-manager"));
-const buildTheme = (config) => __awaiter(void 0, void 0, void 0, function* () {
-    (0, config_normalizer_1.default)(config);
-    const compileManager = new compile_manager_1.default();
-    return compileManager.compile(config);
-});
-exports.buildTheme = buildTheme;
-// compatibility default export
-exports.default = { buildTheme: exports.buildTheme };
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildTheme = void 0;
+const config_normalizer_1 = __importDefault(require("./config-normalizer"));
+const compile_manager_1 = __importDefault(require("./compile-manager"));
+const buildTheme = (config) => __awaiter(void 0, void 0, void 0, function* () {
+    (0, config_normalizer_1.default)(config);
+    const compileManager = new compile_manager_1.default();
+    return compileManager.compile(config);
+});
+exports.buildTheme = buildTheme;
+// compatibility default export
+exports.default = { buildTheme: exports.buildTheme };

package/modules/bundle-resolver.js

@@ -1,16 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = require("path");
-exports.default = (theme, colorScheme) => {
-    const dottedColorScheme = colorScheme.replace(/-/g, '.');
-    const themePart = theme !== 'generic' ? `${theme}.` : '';
-    const basePath = (0, path_1.resolve)((0, path_1.join)(__dirname, '..', 'data', 'scss'));
-    const bundlePath = (0, path_1.join)(basePath, 'bundles', `dx.${themePart}${dottedColorScheme}.scss`);
-    const indexPath = (0, path_1.join)(basePath, 'widgets', theme);
-    return {
-        file: bundlePath,
-        options: {
-            loadPaths: [indexPath],
-        },
-    };
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = require("path");
+exports.default = (theme, colorScheme) => {
+    const dottedColorScheme = colorScheme.replace(/-/g, '.');
+    const themePart = theme !== 'generic' ? `${theme}.` : '';
+    const basePath = (0, path_1.resolve)((0, path_1.join)(__dirname, '..', 'data', 'scss'));
+    const bundlePath = (0, path_1.join)(basePath, 'bundles', `dx.${themePart}${dottedColorScheme}.scss`);
+    const indexPath = (0, path_1.join)(basePath, 'widgets', theme);
+    return {
+        file: bundlePath,
+        options: {
+            loadPaths: [indexPath],
+        },
+    };
+};

package/modules/commands.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    BUILD_THEME: 'build-theme',
-    BUILD_VARS: 'export-theme-vars',
-    BUILD_META: 'export-theme-meta',
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    BUILD_THEME: 'build-theme',
+    BUILD_VARS: 'export-theme-vars',
+    BUILD_META: 'export-theme-meta',
+};

package/modules/compile-manager.js

@@ -1,77 +1,77 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const compiler_1 = __importDefault(require("./compiler"));
-const widgets_handler_1 = __importDefault(require("./widgets-handler"));
-const pre_compiler_1 = require("./pre-compiler");
-const bundle_resolver_1 = __importDefault(require("./bundle-resolver"));
-const post_compiler_1 = require("./post-compiler");
-const bootstrap_extractor_1 = __importDefault(require("./bootstrap-extractor"));
-const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
-class CompileManager {
-    constructor() {
-        this.compiler = new compiler_1.default();
-    }
-    compile(config) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const bundleOptions = (0, bundle_resolver_1.default)(config.themeName, config.colorScheme);
-            const { items, widgets, isBootstrap, bootstrapVersion, data, } = config;
-            const widgetsHandler = new widgets_handler_1.default(widgets, bundleOptions.file, dx_theme_builder_metadata_1.dependencies);
-            const widgetsLists = yield widgetsHandler.getIndexContent();
-            this.compiler.indexFileContent = widgetsLists.indexContent;
-            let modifiedVariables = items;
-            try {
-                if (isBootstrap) {
-                    const bootstrapExtractor = new bootstrap_extractor_1.default(data, bootstrapVersion);
-                    modifiedVariables = yield bootstrapExtractor.extract();
-                }
-                const compileData = yield this.compiler.compile(bundleOptions.file, modifiedVariables, bundleOptions.options);
-                let css = compileData.result.css.toString();
-                let swatchSelector = null;
-                if (config.makeSwatch) {
-                    const swatchSass = (0, pre_compiler_1.createSassForSwatch)(config.outColorScheme, css);
-                    const swatchResult = yield this.compiler.compileString(swatchSass.sass, [], bundleOptions.options);
-                    css = (0, post_compiler_1.fixSwatchCss)(swatchResult.result.css, swatchSass.selector, config.colorScheme);
-                    swatchSelector = swatchSass.selector;
-                }
-                if (config.assetsBasePath) {
-                    css = (0, post_compiler_1.addBasePath)(css, config.assetsBasePath);
-                }
-                css = yield (0, post_compiler_1.autoPrefix)(css);
-                if (!config.noClean) {
-                    css = yield (0, post_compiler_1.cleanCss)(css);
-                }
-                if (config.removeExternalResources) {
-                    css = (0, post_compiler_1.removeExternalResources)(css);
-                }
-                css = (0, post_compiler_1.addInfoHeader)(css, dx_theme_builder_metadata_1.version);
-                return {
-                    compiledMetadata: compileData.changedVariables,
-                    css,
-                    widgets: widgetsLists.widgets,
-                    unusedWidgets: widgetsLists.unusedWidgets,
-                    swatchSelector,
-                    version: dx_theme_builder_metadata_1.version,
-                };
-            }
-            catch (e) {
-                const { span, message } = e;
-                const { url, start } = span;
-                const { line, column } = start;
-                throw new Error(`Compilation failed.\nbundle: ${bundleOptions.file},\nfile: ${url}:${line}:${column},\n${message}`);
-            }
-        });
-    }
-}
-exports.default = CompileManager;
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const compiler_1 = __importDefault(require("./compiler"));
+const widgets_handler_1 = __importDefault(require("./widgets-handler"));
+const pre_compiler_1 = require("./pre-compiler");
+const bundle_resolver_1 = __importDefault(require("./bundle-resolver"));
+const post_compiler_1 = require("./post-compiler");
+const bootstrap_extractor_1 = __importDefault(require("./bootstrap-extractor"));
+const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
+class CompileManager {
+    constructor() {
+        this.compiler = new compiler_1.default();
+    }
+    compile(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const bundleOptions = (0, bundle_resolver_1.default)(config.themeName, config.colorScheme);
+            const { items, widgets, isBootstrap, bootstrapVersion, data, } = config;
+            const widgetsHandler = new widgets_handler_1.default(widgets, bundleOptions.file, dx_theme_builder_metadata_1.dependencies);
+            const widgetsLists = yield widgetsHandler.getIndexContent();
+            this.compiler.indexFileContent = widgetsLists.indexContent;
+            let modifiedVariables = items;
+            try {
+                if (isBootstrap) {
+                    const bootstrapExtractor = new bootstrap_extractor_1.default(data, bootstrapVersion);
+                    modifiedVariables = yield bootstrapExtractor.extract();
+                }
+                const compileData = yield this.compiler.compile(bundleOptions.file, modifiedVariables, bundleOptions.options);
+                let css = compileData.result.css.toString();
+                let swatchSelector = null;
+                if (config.makeSwatch) {
+                    const swatchSass = (0, pre_compiler_1.createSassForSwatch)(config.outColorScheme, css);
+                    const swatchResult = yield this.compiler.compileString(swatchSass.sass, [], bundleOptions.options);
+                    css = (0, post_compiler_1.fixSwatchCss)(swatchResult.result.css, swatchSass.selector, config.colorScheme);
+                    swatchSelector = swatchSass.selector;
+                }
+                if (config.assetsBasePath) {
+                    css = (0, post_compiler_1.addBasePath)(css, config.assetsBasePath);
+                }
+                css = yield (0, post_compiler_1.autoPrefix)(css);
+                if (!config.noClean) {
+                    css = yield (0, post_compiler_1.cleanCss)(css);
+                }
+                if (config.removeExternalResources) {
+                    css = (0, post_compiler_1.removeExternalResources)(css);
+                }
+                css = (0, post_compiler_1.addInfoHeader)(css, dx_theme_builder_metadata_1.version);
+                return {
+                    compiledMetadata: compileData.changedVariables,
+                    css,
+                    widgets: widgetsLists.widgets,
+                    unusedWidgets: widgetsLists.unusedWidgets,
+                    swatchSelector,
+                    version: dx_theme_builder_metadata_1.version,
+                };
+            }
+            catch (e) {
+                const { span, message } = e;
+                const { url, start } = span;
+                const { line, column } = start;
+                throw new Error(`Compilation failed.\nbundle: ${bundleOptions.file},\nfile: ${url}:${line}:${column},\n${message}`);
+            }
+        });
+    }
+}
+exports.default = CompileManager;