devextreme-themebuilder 24.1.2-beta → 24.1.3

package/data/migration-metadata/migration-metadata.js

@@ -1,120 +1,120 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    generic: [
-        '@radiogroup-checked-bg',
-        '@radiogroup-border-color',
-        '@radiogroup-bg',
-        '@radiobutton-active-bg',
-        '@radiogroup-hover-border-color',
-        '@radiobutton-focused-border-color',
-        '@accordion-color',
-        '@accordion-item-focused-border-color',
-        '@accordion-background-color',
-        '@accordion-title-active-color',
-        '@accordion-item-hover-bg',
-        '@accordion-title-active-bg',
-        '@checkbox-border-color',
-        '@checkbox-focused-borderd-color',
-        '@checkbox-bg',
-        '@checkbox-hover-border-color',
-        '@checkbox-active-icon-bg',
-        '@base-invalid-color',
-        '@base-invalid-faded-border-color',
-        '@list-border-color',
-        '@list-normal-color',
-        '@list-item-hover-bg',
-        '@list-item-focused-selected-bg',
-        '@list-focused-bg',
-        '@dropdowneditor-button-hover-bg',
-        '@dropdowneditor-button-active-bg',
-        '@tabs-border-color',
-        '@tabs-focused-border-color',
-        '@tabs-tab-hover-bg',
-        '@switch-border-color',
-        '@switch-handle-active-bg',
-        '@switch-hover-border-color',
-        '@switch-focused-border-color',
-        '@switch-container-active-bg',
-        '@switch-active-border-color',
-        '@datagrid-base-color',
-        '@datagrid-base-background-color',
-        '@datagrid-border-color',
-        '@datagrid-hover-bg',
-        '@datagrid-row-hovered-color',
-        '@datagrid-nodata-color',
-        '@datagrid-link-color',
-        '@datagrid-columnchooser-bg',
-        '@PIVOTGRID_BORDER_COLOR',
-        '@PIVOTGRID_DATA_AREA_COLOR',
-        '@scheduler-cell-hover-bg',
-        '@SCHEDULER_PANEL_TEXT_COLOR',
-        '@SCHEDULER_WORKSPACE_BACKGROUND_COLOR',
-        '@SCHEDULER_WORKSPACE_ACCENT_COLOR',
-        '@menu-popup-bg',
-        '@menu-item-hover-bg',
-        '@menu-color',
-        '@menu-item-hovered-color',
-        '@menu-popup-border-color',
-        '@calendar-color',
-        '@calendar-hover-bg',
-        '@calendar-border-color',
-        '@calendar-cell-active-bg',
-        '@treeview-hover-bg',
-        '@treeview-border-color',
-        '@form-field-item-color',
-        '@filterbuilder-bg',
-    ],
-    material: [
-        '@radiogroup-checked-bg',
-        '@radiogroup-border-color',
-        '@radiogroup-bg',
-        '@accordion-color',
-        '@accordion-background-color',
-        '@accordion-title-active-color',
-        '@accordion-item-hover-bg',
-        '@accordion-title-active-bg',
-        '@checkbox-border-color',
-        '@checkbox-bg',
-        '@checkbox-hover-border-color',
-        '@base-invalid-color',
-        '@base-invalid-faded-border-color',
-        '@list-border-color',
-        '@list-normal-color',
-        '@list-item-hover-bg',
-        '@list-item-focused-selected-bg',
-        '@datagrid-base-color',
-        '@datagrid-base-background-color',
-        '@datagrid-border-color',
-        '@datagrid-hover-bg',
-        '@datagrid-row-hovered-color',
-        '@datagrid-nodata-color',
-        '@datagrid-link-color',
-        '@datagrid-columnchooser-bg',
-        '@PIVOTGRID_BORDER_COLOR',
-        '@PIVOTGRID_DATA_AREA_COLOR',
-        '@scheduler-cell-hover-bg',
-        '@SCHEDULER_PANEL_TEXT_COLOR',
-        '@SCHEDULER_WORKSPACE_BACKGROUND_COLOR',
-        '@SCHEDULER_WORKSPACE_ACCENT_COLOR',
-        '@menu-popup-bg',
-        '@menu-item-hover-bg',
-        '@menu-color',
-        '@menu-popup-border-color',
-        '@calendar-color',
-        '@calendar-hover-bg',
-        '@calendar-cell-active-bg',
-        '@treeview-hover-bg',
-        '@treeview-border-color',
-        '@form-field-item-color',
-        '@filterbuilder-bg',
-        '@datagrid-chevron-icon-color',
-        '@datagrid-filter-row-background-color',
-        '@datagrid-active-header-filter-icon-color',
-        '@datagrid-filter-panel-color',
-        '@pivotgrid-chevron-icon-color',
-        '@menu-item-expanded-color',
-        '@numberbox-spin-icon-color',
-        '@treeview-spin-icon-color',
-    ],
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    generic: [
+        '@radiogroup-checked-bg',
+        '@radiogroup-border-color',
+        '@radiogroup-bg',
+        '@radiobutton-active-bg',
+        '@radiogroup-hover-border-color',
+        '@radiobutton-focused-border-color',
+        '@accordion-color',
+        '@accordion-item-focused-border-color',
+        '@accordion-background-color',
+        '@accordion-title-active-color',
+        '@accordion-item-hover-bg',
+        '@accordion-title-active-bg',
+        '@checkbox-border-color',
+        '@checkbox-focused-borderd-color',
+        '@checkbox-bg',
+        '@checkbox-hover-border-color',
+        '@checkbox-active-icon-bg',
+        '@base-invalid-color',
+        '@base-invalid-faded-border-color',
+        '@list-border-color',
+        '@list-normal-color',
+        '@list-item-hover-bg',
+        '@list-item-focused-selected-bg',
+        '@list-focused-bg',
+        '@dropdowneditor-button-hover-bg',
+        '@dropdowneditor-button-active-bg',
+        '@tabs-border-color',
+        '@tabs-focused-border-color',
+        '@tabs-tab-hover-bg',
+        '@switch-border-color',
+        '@switch-handle-active-bg',
+        '@switch-hover-border-color',
+        '@switch-focused-border-color',
+        '@switch-container-active-bg',
+        '@switch-active-border-color',
+        '@datagrid-base-color',
+        '@datagrid-base-background-color',
+        '@datagrid-border-color',
+        '@datagrid-hover-bg',
+        '@datagrid-row-hovered-color',
+        '@datagrid-nodata-color',
+        '@datagrid-link-color',
+        '@datagrid-columnchooser-bg',
+        '@PIVOTGRID_BORDER_COLOR',
+        '@PIVOTGRID_DATA_AREA_COLOR',
+        '@scheduler-cell-hover-bg',
+        '@SCHEDULER_PANEL_TEXT_COLOR',
+        '@SCHEDULER_WORKSPACE_BACKGROUND_COLOR',
+        '@SCHEDULER_WORKSPACE_ACCENT_COLOR',
+        '@menu-popup-bg',
+        '@menu-item-hover-bg',
+        '@menu-color',
+        '@menu-item-hovered-color',
+        '@menu-popup-border-color',
+        '@calendar-color',
+        '@calendar-hover-bg',
+        '@calendar-border-color',
+        '@calendar-cell-active-bg',
+        '@treeview-hover-bg',
+        '@treeview-border-color',
+        '@form-field-item-color',
+        '@filterbuilder-bg',
+    ],
+    material: [
+        '@radiogroup-checked-bg',
+        '@radiogroup-border-color',
+        '@radiogroup-bg',
+        '@accordion-color',
+        '@accordion-background-color',
+        '@accordion-title-active-color',
+        '@accordion-item-hover-bg',
+        '@accordion-title-active-bg',
+        '@checkbox-border-color',
+        '@checkbox-bg',
+        '@checkbox-hover-border-color',
+        '@base-invalid-color',
+        '@base-invalid-faded-border-color',
+        '@list-border-color',
+        '@list-normal-color',
+        '@list-item-hover-bg',
+        '@list-item-focused-selected-bg',
+        '@datagrid-base-color',
+        '@datagrid-base-background-color',
+        '@datagrid-border-color',
+        '@datagrid-hover-bg',
+        '@datagrid-row-hovered-color',
+        '@datagrid-nodata-color',
+        '@datagrid-link-color',
+        '@datagrid-columnchooser-bg',
+        '@PIVOTGRID_BORDER_COLOR',
+        '@PIVOTGRID_DATA_AREA_COLOR',
+        '@scheduler-cell-hover-bg',
+        '@SCHEDULER_PANEL_TEXT_COLOR',
+        '@SCHEDULER_WORKSPACE_BACKGROUND_COLOR',
+        '@SCHEDULER_WORKSPACE_ACCENT_COLOR',
+        '@menu-popup-bg',
+        '@menu-item-hover-bg',
+        '@menu-color',
+        '@menu-popup-border-color',
+        '@calendar-color',
+        '@calendar-hover-bg',
+        '@calendar-cell-active-bg',
+        '@treeview-hover-bg',
+        '@treeview-border-color',
+        '@form-field-item-color',
+        '@filterbuilder-bg',
+        '@datagrid-chevron-icon-color',
+        '@datagrid-filter-row-background-color',
+        '@datagrid-active-header-filter-icon-color',
+        '@datagrid-filter-panel-color',
+        '@pivotgrid-chevron-icon-color',
+        '@menu-item-expanded-color',
+        '@numberbox-spin-icon-color',
+        '@treeview-spin-icon-color',
+    ],
+};

package/data/scss/widgets/base/_drawer.scss

@@ -6,8 +6,8 @@
   height: 100%;
   width: 100%;
 
-  &:not(.dx-drawer-opened) > {
-    .dx-drawer-wrapper > .dx-drawer-panel-content:not(.dx-drawer-panel-content-has-min-size) {
+  .dx-drawer-wrapper > .dx-drawer-panel-content {
+    &.dx-drawer-panel-content-hidden {
       visibility: hidden;
     }
   }

package/data/scss/widgets/base/_gridBase.scss

@@ -465,8 +465,14 @@
 
       .dx-editor-cell {
         max-width: 0;
-        padding: 0;
         vertical-align: middle;
+        padding-top: 0;
+        padding-right: 0;
+        padding-bottom: 0;
+
+        &:not(.dx-#{$widget-name}-cell-expandable) {
+          padding-left: 0;
+        }
 
         .dx-texteditor,
         .dx-texteditor-container {

package/data/scss/widgets/fluent/gridBase/_index.scss

@@ -331,7 +331,10 @@ $fluent-grid-base-group-panel-message-line-height: $fluent-button-text-line-heig
 
         &.dx-editor-cell:not(.dx-command-select) {
           padding-right: 0;
-          padding-left: 0;
+
+          &:not(.dx-#{$widget-name}-cell-expandable) {
+            padding-left: 0;
+          }
         }
       }
     }

package/data/scss/widgets/material/gridBase/_index.scss

@@ -309,7 +309,10 @@ $material-grid-base-group-panel-message-line-height: $material-button-text-line-
 
         &.dx-editor-cell:not(.dx-command-select) {
           padding-right: 0;
-          padding-left: 0;
+
+          &:not(.dx-#{$widget-name}-cell-expandable) {
+            padding-left: 0;
+          }
         }
       }
     }

package/modules/base-parameters.js

@@ -1,2 +1,2 @@
-"use strict";
-module.exports = ['@base-accent', '@base-text-color', '@base-bg', '@base-border-color', '@base-border-radius'];
+"use strict";
+module.exports = ['@base-accent', '@base-text-color', '@base-bg', '@base-border-color', '@base-border-radius'];

package/modules/bootstrap-extractor.js

@@ -1,168 +1,174 @@
-"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 less_1 = __importDefault(require("less"));
-const fs_1 = require("fs");
-const bootstrap3_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap3-metadata"));
-const bootstrap4_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap4-metadata"));
-const bootstrap5_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap5-metadata"));
-class BootstrapExtractor {
-    constructor(source, version) {
-        this.input = source;
-        this.version = version;
-        if (version === 3) {
-            this.compiler = BootstrapExtractor.lessRender;
-            this.sourceProcessor = this.lessProcessor;
-            this.meta = bootstrap3_metadata_1.default;
-        }
-        else {
-            this.compiler = BootstrapExtractor.sassRender;
-            this.sourceProcessor = this.sassProcessor;
-            this.meta = version === 4
-                ? bootstrap4_metadata_1.default
-                : bootstrap5_metadata_1.default;
-        }
-    }
-    getRootVariablesSass() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const result = [];
-            if (this.version === 3 || this.version === 4) {
-                return result;
-            }
-            const path = require.resolve(`bootstrap${this.version}/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)
-                    .then((data) => resolve(data.css.toString()))
-                    .catch((error) => reject(error.message));
-            });
-        });
-    }
-    static lessRender(input) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve, reject) => {
-                less_1.default.render(input, (error, result) => (error ? reject(error.message) : resolve(result.css)));
-            });
-        });
-    }
-    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 = require.resolve(`bootstrap${this.version}/scss/${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 result = `${functions}
-${variables}
-${this.input}
-${this.getSetterServiceCode('!default')}
-${this.getCollectorServiceCode()}`;
-            return result;
-        });
-    }
-    lessProcessor() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return Promise.resolve(this.getSetterServiceCode()
-                + this.input
-                + this.getCollectorServiceCode());
-        });
-    }
-    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 less_1 = __importDefault(require("less"));
+const fs_1 = require("fs");
+const bootstrap3_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap3-metadata"));
+const bootstrap4_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap4-metadata"));
+const bootstrap5_metadata_1 = __importDefault(require("../data/bootstrap-metadata/bootstrap5-metadata"));
+class BootstrapExtractor {
+    constructor(source, version) {
+        this.input = source;
+        this.version = version;
+        if (version === 3) {
+            this.compiler = BootstrapExtractor.lessRender;
+            this.sourceProcessor = this.lessProcessor;
+            this.meta = bootstrap3_metadata_1.default;
+        }
+        else {
+            this.compiler = BootstrapExtractor.sassRender;
+            this.sourceProcessor = this.sassProcessor;
+            this.meta = version === 4
+                ? bootstrap4_metadata_1.default
+                : bootstrap5_metadata_1.default;
+        }
+    }
+    getRootVariablesSass() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = [];
+            if (this.version === 3 || this.version === 4) {
+                return result;
+            }
+            const path = require.resolve(`bootstrap${this.version}/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)
+                    .then((data) => resolve(data.css.toString()))
+                    .catch((error) => reject(error.message));
+            });
+        });
+    }
+    static lessRender(input) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                less_1.default.render(input, (error, result) => (error ? reject(error.message) : resolve(result.css)));
+            });
+        });
+    }
+    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';
+            const variablesDark = this.version === 5 && (0, fs_1.existsSync)(this.getFilePath(variablesDarkFile)) ? yield this.readSassFile(variablesDarkFile) : ''; // TODO: can be removed safely in bootstrap@6
+            const result = `${functions}
+${variables.replace('@import "variables-dark";', '')}
+${variablesDark}
+${this.input}
+${this.getSetterServiceCode('!default')}
+${this.getCollectorServiceCode()}`;
+            return result;
+        });
+    }
+    lessProcessor() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return Promise.resolve(this.getSetterServiceCode()
+                + this.input
+                + this.getCollectorServiceCode());
+        });
+    }
+    getFilePath(fileName) {
+        return require.resolve(`bootstrap${this.version}/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;