devextreme-themebuilder 24.1.2-beta → 24.1.3

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,78 +1,78 @@
-"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"));
-// eslint-disable-next-line import/extensions
-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"));
+// eslint-disable-next-line import/extensions
+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;

package/modules/compiler.js

@@ -1,114 +1,114 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const sass = __importStar(require("sass-embedded"));
-// eslint-disable-next-line import/extensions
-const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
-const parse_value_1 = require("./parse-value");
-const post_compiler_1 = require("./post-compiler");
-class Compiler {
-    constructor() {
-        this.changedVariables = {};
-        this.importerCache = {};
-        this.meta = dx_theme_builder_metadata_1.metadata;
-        this.userItems = {};
-        this.compile = (file, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(file, items, options, sass.compileAsync); });
-        this.compileString = (content, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(content, items, options, sass.compileStringAsync); });
-        this.sassCompile = (source, items, options, compile) => __awaiter(this, void 0, void 0, function* () {
-            this.changedVariables = {};
-            if (items) {
-                this.userItems = items.reduce((acc, item) => {
-                    acc[item.key] = item;
-                    return acc;
-                }, {});
-            }
-            let compilerOptions = {
-                importers: [{
-                        // eslint-disable-next-line spellcheck/spell-checker
-                        canonicalize: this.canonicalize,
-                        load: this.load,
-                    }],
-                functions: {
-                    'collector($map)': this.collector,
-                    'getCustomVar($value)': this.getCustomVar,
-                },
-            };
-            compilerOptions = Object.assign(Object.assign({}, compilerOptions), options);
-            return new Promise((resolve, reject) => {
-                compile(source, compilerOptions)
-                    .then((data) => {
-                    resolve({
-                        result: Object.assign(Object.assign({}, data), { css: (0, post_compiler_1.optimizeCss)(data.css) }),
-                        changedVariables: this.changedVariables,
-                    });
-                })
-                    .catch((error) => reject(error));
-            });
-        });
-        // eslint-disable-next-line spellcheck/spell-checker
-        this.canonicalize = (url) => (url.includes('tb_index') ? new URL(`db:${url}`) : null);
-        this.load = () => ({
-            contents: this.indexFileContent,
-            syntax: 'scss',
-        });
-        this.getCustomVar = (values) => {
-            const customVariable = values[0].get(0);
-            const nameVariable = customVariable.get(0);
-            let result = sass.sassNull;
-            const customerVariable = this.userItems[nameVariable.text];
-            if (customerVariable) {
-                result = (0, parse_value_1.parseString)(customerVariable.value);
-            }
-            return result;
-        };
-        this.collector = (maps) => {
-            maps.forEach((map) => {
-                map.asList.forEach((value) => {
-                    if (value.get(1) === sass.sassNull) {
-                        return;
-                    }
-                    const key = value.get(0);
-                    if (!(key instanceof sass.SassString)) {
-                        return;
-                    }
-                    const variableKey = key.text;
-                    const variableValue = (0, parse_value_1.parse)(value.get(1));
-                    this.changedVariables[variableKey] = variableValue;
-                });
-            });
-            return sass.sassNull;
-        };
-    }
-}
-exports.default = Compiler;
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sass = __importStar(require("sass-embedded"));
+// eslint-disable-next-line import/extensions
+const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
+const parse_value_1 = require("./parse-value");
+const post_compiler_1 = require("./post-compiler");
+class Compiler {
+    constructor() {
+        this.changedVariables = {};
+        this.importerCache = {};
+        this.meta = dx_theme_builder_metadata_1.metadata;
+        this.userItems = {};
+        this.compile = (file, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(file, items, options, sass.compileAsync); });
+        this.compileString = (content, items, options) => __awaiter(this, void 0, void 0, function* () { return this.sassCompile(content, items, options, sass.compileStringAsync); });
+        this.sassCompile = (source, items, options, compile) => __awaiter(this, void 0, void 0, function* () {
+            this.changedVariables = {};
+            if (items) {
+                this.userItems = items.reduce((acc, item) => {
+                    acc[item.key] = item;
+                    return acc;
+                }, {});
+            }
+            let compilerOptions = {
+                importers: [{
+                        // eslint-disable-next-line spellcheck/spell-checker
+                        canonicalize: this.canonicalize,
+                        load: this.load,
+                    }],
+                functions: {
+                    'collector($map)': this.collector,
+                    'getCustomVar($value)': this.getCustomVar,
+                },
+            };
+            compilerOptions = Object.assign(Object.assign({}, compilerOptions), options);
+            return new Promise((resolve, reject) => {
+                compile(source, compilerOptions)
+                    .then((data) => {
+                    resolve({
+                        result: Object.assign(Object.assign({}, data), { css: (0, post_compiler_1.optimizeCss)(data.css) }),
+                        changedVariables: this.changedVariables,
+                    });
+                })
+                    .catch((error) => reject(error));
+            });
+        });
+        // eslint-disable-next-line spellcheck/spell-checker
+        this.canonicalize = (url) => (url.includes('tb_index') ? new URL(`db:${url}`) : null);
+        this.load = () => ({
+            contents: this.indexFileContent,
+            syntax: 'scss',
+        });
+        this.getCustomVar = (values) => {
+            const customVariable = values[0].get(0);
+            const nameVariable = customVariable.get(0);
+            let result = sass.sassNull;
+            const customerVariable = this.userItems[nameVariable.text];
+            if (customerVariable) {
+                result = (0, parse_value_1.parseString)(customerVariable.value);
+            }
+            return result;
+        };
+        this.collector = (maps) => {
+            maps.forEach((map) => {
+                map.asList.forEach((value) => {
+                    if (value.get(1) === sass.sassNull) {
+                        return;
+                    }
+                    const key = value.get(0);
+                    if (!(key instanceof sass.SassString)) {
+                        return;
+                    }
+                    const variableKey = key.text;
+                    const variableValue = (0, parse_value_1.parse)(value.get(1));
+                    this.changedVariables[variableKey] = variableValue;
+                });
+            });
+            return sass.sassNull;
+        };
+    }
+}
+exports.default = Compiler;