@swissquote/crafty-preset-lightningcss 1.29.0-beta.1 → 1.29.0-beta.2

package/dist/webpack-packages/bundled.js

@@ -2444,7 +2444,7 @@ module.exports = replaceValueSymbols;
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.LightningCssMinifyPlugin = void 0;
-var loader_1 = __nccwpck_require__(4461);
+const loader_1 = __nccwpck_require__(4461);
 var minify_1 = __nccwpck_require__(5476);
 Object.defineProperty(exports, "LightningCssMinifyPlugin", ({ enumerable: true, get: function () { return minify_1.LightningCssMinifyPlugin; } }));
 exports["default"] = loader_1.LightningCssLoader;
@@ -2463,7 +2463,7 @@ var ECacheKey;
 (function (ECacheKey) {
     ECacheKey["loader"] = "loader";
     ECacheKey["minify"] = "minify";
-})(ECacheKey = exports.ECacheKey || (exports.ECacheKey = {}));
+})(ECacheKey || (exports.ECacheKey = ECacheKey = {}));
 
 
 /***/ }),
@@ -2473,17 +2473,6 @@ var ECacheKey;
 
 "use strict";
 
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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) {
@@ -2493,33 +2482,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -2531,39 +2493,73 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.LightningCssLoader = void 0;
-var interface_1 = __nccwpck_require__(1959);
-var lightningcss_1 = __nccwpck_require__(9446);
-var buffer_1 = __nccwpck_require__(181);
-var utils_1 = __nccwpck_require__(4753);
-var LOADER_NAME = "lightningcss-loader";
+exports.LightningCssLoader = LightningCssLoader;
+const interface_1 = __nccwpck_require__(1959);
+const lightningcss_1 = __importDefault(__nccwpck_require__(9446));
+const buffer_1 = __nccwpck_require__(181);
+const utils_1 = __nccwpck_require__(4753);
+const LOADER_NAME = `lightningcss-loader`;
+// match `Custom media query {} is not defined`
+// https://github.com/parcel-bundler/lightningcss/blob/master/src/error.rs#L375
+const CUSTOM_MEDIA_ERROR_REG = /Custom media query (.+?) is not defined/;
+const isCustomMediaError = (err) => {
+    const msg = err === null || err === void 0 ? void 0 : err.message;
+    if (!(msg === null || msg === void 0 ? void 0 : msg.length)) {
+        return false;
+    }
+    const isMatch = CUSTOM_MEDIA_ERROR_REG.test(msg);
+    return isMatch;
+};
 function LightningCssLoader(source, prevMap) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function () {
-        var done, options, implementation, userTargets, opts, transform, _b, code, map, codeAsString;
-        return __generator(this, function (_c) {
-            done = this.async();
-            options = this.getOptions();
-            implementation = options.implementation, userTargets = options.targets, opts = __rest(options, ["implementation", "targets"]);
-            if (implementation && typeof implementation.transform !== 'function') {
-                done(new TypeError("[".concat(LOADER_NAME, "]: options.implementation.transform must be an 'lightningcss' transform function. Received ").concat(typeof implementation.transform)));
-                return [2 /*return*/];
-            }
-            transform = (_a = implementation === null || implementation === void 0 ? void 0 : implementation.transform) !== null && _a !== void 0 ? _a : lightningcss_1.transform;
-            try {
-                _b = transform(__assign({ filename: this.resourcePath, code: buffer_1.Buffer.from(source), sourceMap: this.sourceMap, targets: (0, utils_1.getTargets)({ default: userTargets, key: interface_1.ECacheKey.loader }), inputSourceMap: this.sourceMap && prevMap ? JSON.stringify(prevMap) : undefined }, opts)), code = _b.code, map = _b.map;
-                codeAsString = code.toString();
-                done(null, codeAsString, map && JSON.parse(map.toString()));
-            }
-            catch (error) {
-                done(error);
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const done = this.async();
+        const options = this.getOptions();
+        const { implementation, targets: userTargets } = options, opts = __rest(options, ["implementation", "targets"]);
+        if (implementation && typeof implementation.transform !== 'function') {
+            done(new TypeError(`[${LOADER_NAME}]: options.implementation.transform must be an 'lightningcss' transform function. Received ${typeof implementation.transform}`));
+            return;
+        }
+        const transform = (_a = implementation === null || implementation === void 0 ? void 0 : implementation.transform) !== null && _a !== void 0 ? _a : lightningcss_1.default.transform;
+        const bundle = (_b = implementation === null || implementation === void 0 ? void 0 : implementation.bundle) !== null && _b !== void 0 ? _b : lightningcss_1.default.bundle;
+        const filename = this.resourcePath;
+        const enableSourceMap = this.sourceMap;
+        const targets = (0, utils_1.getTargets)({ default: userTargets, key: interface_1.ECacheKey.loader });
+        const inputSourceMap = enableSourceMap && prevMap ? JSON.stringify(prevMap) : undefined;
+        try {
+            const codeBuffer = buffer_1.Buffer.from(source);
+            const { code, map } = transform(Object.assign({ filename, code: codeBuffer, sourceMap: enableSourceMap, targets,
+                inputSourceMap }, opts));
+            const codeAsString = code.toString();
+            done(null, codeAsString, map && JSON.parse(map.toString()));
+        }
+        catch (error) {
+            // support @custom-media queries
+            const isCustomMediaEnabled = ((_c = opts === null || opts === void 0 ? void 0 : opts.drafts) === null || _c === void 0 ? void 0 : _c.customMedia) === true;
+            if (isCustomMediaEnabled) {
+                const canBundle = typeof bundle === 'function' &&
+                    isCustomMediaError(error) &&
+                    filename;
+                if (canBundle) {
+                    // fallback to bundle API
+                    try {
+                        const { code, map } = bundle(Object.assign({ filename, sourceMap: enableSourceMap, targets,
+                            inputSourceMap }, opts));
+                        const codeAsString = code.toString();
+                        done(null, codeAsString, map && JSON.parse(map.toString()));
+                        return;
+                    }
+                    catch (_d) { }
+                }
             }
-            return [2 /*return*/];
-        });
+            done(error);
+        }
     });
 }
-exports.LightningCssLoader = LightningCssLoader;
 
 
 /***/ }),
@@ -2573,17 +2569,6 @@ exports.LightningCssLoader = LightningCssLoader;
 
 "use strict";
 
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 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) {
@@ -2593,33 +2578,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -2634,124 +2592,144 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.LightningCssMinifyPlugin = void 0;
 // @ts-ignore
-var ModuleFilenameHelpers_1 = __nccwpck_require__(761);
-var webpack_sources_1 = __nccwpck_require__(9842);
-var lightningcss_1 = __nccwpck_require__(9446);
-var interface_1 = __nccwpck_require__(1959);
-var path_1 = __nccwpck_require__(6928);
-var utils_1 = __nccwpck_require__(4753);
-var buffer_1 = __nccwpck_require__(181);
-var pkgPath = (0, path_1.join)(__dirname, '../../package.json');
-var pkg = require(pkgPath);
-var PLUGIN_NAME = 'lightning-css-minify';
-var CSS_FILE_REG = /\.css(?:\?.*)?$/i;
-var LightningCssMinifyPlugin = /** @class */ (function () {
-    function LightningCssMinifyPlugin(opts) {
-        if (opts === void 0) { opts = {}; }
+const ModuleFilenameHelpers_1 = __nccwpck_require__(761);
+const webpack_sources_1 = __nccwpck_require__(9842);
+const lightningcss_1 = __nccwpck_require__(9446);
+const interface_1 = __nccwpck_require__(1959);
+const path_1 = __nccwpck_require__(6928);
+const utils_1 = __nccwpck_require__(4753);
+const buffer_1 = __nccwpck_require__(181);
+const pkgPath = (0, path_1.join)(__dirname, '../../package.json');
+const pkg = require(pkgPath);
+const PLUGIN_NAME = 'lightning-css-minify';
+const CSS_FILE_REG = /\.css(?:\?.*)?$/i;
+class LightningCssMinifyPlugin {
+    constructor(opts = {}) {
         var _a;
-        var implementation = opts.implementation, otherOpts = __rest(opts, ["implementation"]);
+        const { implementation } = opts, otherOpts = __rest(opts, ["implementation"]);
         if (implementation && typeof implementation.transform !== 'function') {
-            throw new TypeError("[LightningCssMinifyPlugin]: implementation.transform must be an 'lightningcss' transform function. Received ".concat(typeof implementation.transform));
+            throw new TypeError(`[LightningCssMinifyPlugin]: implementation.transform must be an 'lightningcss' transform function. Received ${typeof implementation.transform}`);
         }
         this.transform = (_a = implementation === null || implementation === void 0 ? void 0 : implementation.transform) !== null && _a !== void 0 ? _a : lightningcss_1.transform;
         this.options = otherOpts;
     }
-    LightningCssMinifyPlugin.prototype.apply = function (compiler) {
-        var _this = this;
-        var meta = JSON.stringify({
+    apply(compiler) {
+        const meta = JSON.stringify({
             name: pkg.name,
             version: pkg.version,
             options: this.options,
         });
-        compiler.hooks.compilation.tap(PLUGIN_NAME, function (compilation) {
-            compilation.hooks.chunkHash.tap(PLUGIN_NAME, function (_, hash) {
-                return hash.update(meta);
-            });
+        compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
+            compilation.hooks.chunkHash.tap(PLUGIN_NAME, (_, hash) => hash.update(meta));
             if ((0, utils_1.isWebpack5)(compilation)) {
                 compilation.hooks.processAssets.tapPromise({
                     name: PLUGIN_NAME,
                     stage: compilation.constructor.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE,
                     additionalAssets: true,
-                }, function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transformAssets(compilation)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                }); }); });
-                compilation.hooks.statsPrinter.tap(PLUGIN_NAME, function (statsPrinter) {
+                }, () => __awaiter(this, void 0, void 0, function* () { return yield this.transformAssets(compilation); }));
+                compilation.hooks.statsPrinter.tap(PLUGIN_NAME, (statsPrinter) => {
                     statsPrinter.hooks.print
                         .for('asset.info.minimized')
                         // @ts-ignore
-                        .tap(PLUGIN_NAME, function (minimized, _a) {
-                        var green = _a.green, formatFlag = _a.formatFlag;
+                        .tap(PLUGIN_NAME, (minimized, { green, formatFlag }) => {
                         // @ts-ignore
                         return minimized ? green(formatFlag('minimized')) : undefined;
                     });
                 });
             }
             else {
-                compilation.hooks.optimizeChunkAssets.tapPromise(PLUGIN_NAME, function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.transformAssets(compilation)];
-                        case 1: return [2 /*return*/, _a.sent()];
-                    }
-                }); }); });
+                compilation.hooks.optimizeChunkAssets.tapPromise(PLUGIN_NAME, () => __awaiter(this, void 0, void 0, function* () { return yield this.transformAssets(compilation); }));
             }
         });
-    };
-    LightningCssMinifyPlugin.prototype.transformAssets = function (compilation) {
-        return __awaiter(this, void 0, void 0, function () {
-            var devtool, sourcemap, _a, include, exclude, testRegExp, userTargets, transformOptions, assets;
-            var _this = this;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        devtool = compilation.compiler.options.devtool;
-                        sourcemap = this.options.sourceMap === undefined
-                            ? (devtool && devtool.includes('source-map'))
-                            : this.options.sourceMap;
-                        _a = this.options, include = _a.include, exclude = _a.exclude, testRegExp = _a.test, userTargets = _a.targets, transformOptions = __rest(_a, ["include", "exclude", "test", "targets"]);
-                        assets = compilation.getAssets().filter(function (asset) {
-                            // Filter out already minimized
-                            return !asset.info.minimized &&
-                                // Filter out by file type
-                                (testRegExp || CSS_FILE_REG).test(asset.name) &&
-                                (0, ModuleFilenameHelpers_1.matchObject)({ include: include, exclude: exclude }, asset.name);
-                        });
-                        return [4 /*yield*/, Promise.all(assets.map(function (asset) { return __awaiter(_this, void 0, void 0, function () {
-                                var _a, source, map, sourceAsString, code, targets, result, codeString;
-                                return __generator(this, function (_b) {
-                                    switch (_b.label) {
-                                        case 0:
-                                            _a = asset.source.sourceAndMap(), source = _a.source, map = _a.map;
-                                            sourceAsString = source.toString();
-                                            code = typeof source === 'string' ? buffer_1.Buffer.from(source) : source;
-                                            targets = (0, utils_1.getTargets)({
-                                                default: userTargets,
-                                                key: interface_1.ECacheKey.minify,
-                                            });
-                                            return [4 /*yield*/, this.transform(__assign({ filename: asset.name, code: code, minify: true, sourceMap: sourcemap, targets: targets }, transformOptions))];
-                                        case 1:
-                                            result = _b.sent();
-                                            codeString = result.code.toString();
-                                            compilation.updateAsset(asset.name, 
-                                            // @ts-ignore
-                                            sourcemap
-                                                ? new webpack_sources_1.SourceMapSource(codeString, asset.name, JSON.parse(result.map.toString()), sourceAsString, map, true)
-                                                : new webpack_sources_1.RawSource(codeString), __assign(__assign({}, asset.info), { minimized: true }));
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            }); }))];
-                    case 1:
-                        _b.sent();
-                        return [2 /*return*/];
+    }
+    transformAssets(compilation) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { options: { devtool }, } = compilation.compiler;
+            const sourcemap = this.options.sourceMap === undefined
+                ? (devtool && devtool.includes('source-map'))
+                : this.options.sourceMap;
+            const _a = this.options, { include, exclude, test: testRegExp, targets: userTargets, features: transformFeatureOptions } = _a, transformOptions = __rest(_a, ["include", "exclude", "test", "targets", "features"]);
+            const assets = compilation.getAssets().filter((asset) => 
+            // Filter out already minimized
+            !asset.info.minimized &&
+                // Filter out by file type
+                (testRegExp || CSS_FILE_REG).test(asset.name) &&
+                (0, ModuleFilenameHelpers_1.matchObject)({ include, exclude }, asset.name));
+            yield Promise.all(assets.map((asset) => __awaiter(this, void 0, void 0, function* () {
+                const { source, map } = asset.source.sourceAndMap();
+                const sourceAsString = source.toString();
+                const code = typeof source === 'string' ? buffer_1.Buffer.from(source) : source;
+                const targets = (0, utils_1.getTargets)({
+                    default: userTargets,
+                    key: interface_1.ECacheKey.minify,
+                });
+                let result;
+                try {
+                    result = yield this.transform(Object.assign(Object.assign({ filename: asset.name, code, minify: true, sourceMap: sourcemap, targets }, transformFeatureOptions), transformOptions));
                 }
-            });
+                catch (error) {
+                    const err = error;
+                    const fileName = err.fileName || asset.name;
+                    const loc = err.loc;
+                    const messageParts = [`${err.message || error}`];
+                    if (loc && typeof loc.line === 'number') {
+                        const position = typeof loc.column === 'number'
+                            ? `${loc.line}:${loc.column}`
+                            : `${loc.line}`;
+                        messageParts.push(`  in ${fileName}:${position}`, '');
+                        const lines = sourceAsString.split('\n');
+                        const start = Math.max(0, loc.line - 4);
+                        const end = Math.min(lines.length, loc.line + 3);
+                        for (let i = start; i < end; i++) {
+                            const lineNum = i + 1;
+                            const marker = lineNum === loc.line ? '>' : ' ';
+                            messageParts.push(`${marker} ${lineNum} | ${lines[i]}`);
+                        }
+                    }
+                    else {
+                        messageParts.push(`  in ${fileName}`);
+                    }
+                    const tipsMessage = [];
+                    const errorMessage = messageParts.join('\n');
+                    const maySyntaxError = errorMessage.includes('SyntaxError:');
+                    if (maySyntaxError) {
+                        tipsMessage.push('');
+                        // Tips: `errorRecovery: true`
+                        // https://lightningcss.dev/docs.html#error-recovery
+                        const tipLine = '='.repeat(80);
+                        tipsMessage.push(tipLine);
+                        tipsMessage.push(`\n[LightningCssMinifyPlugin] This error might be caused by a syntax error in the CSS. \n\nLightningCSS has an 'errorRecovery' option that can be enabled to attempt to recover from syntax errors and provide more detailed error messages. You can enable it in the plugin options:`);
+                        tipsMessage.push(`
+  new LightningCssMinifyPlugin({
+    // other options...
+    errorRecovery: true,
+  })
+`);
+                        tipsMessage.push(tipLine);
+                    }
+                    // print tips
+                    console.log();
+                    console.log(tipsMessage.join('\n'));
+                    // print error
+                    console.log();
+                    console.log(`[LightningCssMinifyPlugin] LightningCSS error:`);
+                    console.log(errorMessage);
+                    console.log();
+                    // throw
+                    throw new Error('[LightningCssMinifyPlugin] minification failed', {
+                        cause: error,
+                    });
+                }
+                const codeString = result.code.toString();
+                compilation.updateAsset(asset.name, 
+                // @ts-ignore
+                sourcemap
+                    ? new webpack_sources_1.SourceMapSource(codeString, asset.name, JSON.parse(result.map.toString()), sourceAsString, map, true)
+                    : new webpack_sources_1.RawSource(codeString), Object.assign(Object.assign({}, asset.info), { minimized: true }));
+            })));
         });
-    };
-    return LightningCssMinifyPlugin;
-}());
+    }
+}
 exports.LightningCssMinifyPlugin = LightningCssMinifyPlugin;
 
 
@@ -2767,23 +2745,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.getTargets = exports.isWebpack5 = void 0;
-var browserslist_1 = __importDefault(__nccwpck_require__(6732));
-var lightningcss_1 = __nccwpck_require__(9446);
-var isWebpack5 = function (compilation) { return 'processAssets' in compilation.hooks; };
+const browserslist_1 = __importDefault(__nccwpck_require__(6732));
+const lightningcss_1 = __nccwpck_require__(9446);
+const isWebpack5 = (compilation) => 'processAssets' in compilation.hooks;
 exports.isWebpack5 = isWebpack5;
-var targetsCache = {};
-var getTargets = function (opts) {
-    var cache = targetsCache[opts.key];
+let targetsCache = {};
+const getTargets = (opts) => {
+    const cache = targetsCache[opts.key];
     if (cache) {
         return cache;
     }
-    var cwd = process.cwd();
-    var result = (0, browserslist_1.default)(opts.default, {
+    const cwd = process.cwd();
+    const result = (0, browserslist_1.default)(opts.default, {
         path: cwd,
         env: process.env.NODE_ENV || 'production',
     });
     targetsCache[opts.key] = (0, lightningcss_1.browserslistToTargets)(result);
-    return (targetsCache[opts.key] = (0, lightningcss_1.browserslistToTargets)(result));
+    return targetsCache[opts.key];
 };
 exports.getTargets = getTargets;
 
@@ -9244,7 +9222,15 @@ class Input {
       )
     }
 
-    result.input = { column, endColumn, endLine, endOffset, line, offset, source: this.css }
+    result.input = {
+      column,
+      endColumn,
+      endLine,
+      endOffset,
+      line,
+      offset,
+      source: this.css
+    }
     if (this.file) {
       if (pathToFileURL) {
         result.input.url = pathToFileURL(this.file).toString()
@@ -9753,6 +9739,16 @@ class LazyResult {
     if (opts.stringifier) str = opts.stringifier
     if (str.stringify) str = str.stringify
 
+    let rootSource = this.result.root.source
+    if (opts.map === undefined && !(rootSource && rootSource.input && rootSource.input.map)) {
+      let result = ''
+      str(this.result.root, i => {
+        result += i
+      })
+      this.result.css = result
+      return this.result
+    }
+
     let map = new MapGenerator(str, this.result.root, this.result.opts)
     let data = map.generate()
     this.result.css = data[0]
@@ -10074,7 +10070,15 @@ class MapGenerator {
         }
       }
     } else if (this.css) {
-      this.css = this.css.replace(/\n*\/\*#[\S\s]*?\*\/$/gm, '')
+      let startIndex
+      while ((startIndex = this.css.lastIndexOf('/*#')) !== -1) {
+        let endIndex = this.css.indexOf('*/', startIndex + 3)
+        if (endIndex === -1) break
+        while (startIndex > 0 && this.css[startIndex - 1] === '\n') {
+          startIndex--
+        }
+        this.css = this.css.slice(0, startIndex) + this.css.slice(endIndex + 2)
+      }
     }
   }
 
@@ -10377,7 +10381,7 @@ module.exports = MapGenerator
 
 let MapGenerator = __nccwpck_require__(2079)
 let parse = __nccwpck_require__(9110)
-const Result = __nccwpck_require__(3264)
+let Result = __nccwpck_require__(3264)
 let stringify = __nccwpck_require__(5720)
 let warnOnce = __nccwpck_require__(5979)
 
@@ -10440,10 +10444,9 @@ class NoWorkResult {
     this._css = css
     this._opts = opts
     this._map = undefined
-    let root
 
     let str = stringify
-    this.result = new Result(this._processor, root, this._opts)
+    this.result = new Result(this._processor, undefined, this._opts)
     this.result.css = css
 
     let self = this
@@ -10453,7 +10456,7 @@ class NoWorkResult {
       }
     })
 
-    let map = new MapGenerator(str, root, this._opts, css)
+    let map = new MapGenerator(str, undefined, this._opts, css)
     if (map.isMap()) {
       let [generatedCSS, generatedMap] = map.generate()
       if (generatedCSS) {
@@ -11204,7 +11207,7 @@ class Parser {
     node.source.end.offset++
 
     let text = token[1].slice(2, -2)
-    if (/^\s*$/.test(text)) {
+    if (!text.trim()) {
       node.text = ''
       node.raws.left = text
       node.raws.right = ''
@@ -11772,6 +11775,7 @@ function fromBase64(str) {
 class PreviousMap {
   constructor(css, opts) {
     if (opts.map === false) return
+    if (opts.unsafeMap) this.unsafeMap = true
     this.loadAnnotation(css)
     this.inline = this.startWith(this.annotation, 'data:')
 
@@ -11786,7 +11790,7 @@ class PreviousMap {
 
   consumer() {
     if (!this.consumerCache) {
-      this.consumerCache = new SourceMapConsumer(this.text)
+      this.consumerCache = new SourceMapConsumer(this.json || this.text)
     }
     return this.consumerCache
   }
@@ -11807,7 +11811,8 @@ class PreviousMap {
       return fromBase64(text.substr(baseUriMatch[0].length))
     }
 
-    let encoding = text.match(/data:application\/json;([^,]+),/)[1]
+    let encoding = text.slice('data:application/json;'.length)
+    encoding = encoding.slice(0, encoding.indexOf(','))
     throw new Error('Unsupported source map encoding ' + encoding)
   }
 
@@ -11838,7 +11843,13 @@ class PreviousMap {
     }
   }
 
-  loadFile(path) {
+  loadFile(path, cssFile, trusted) {
+    /* c8 ignore next 5 */
+    if (!trusted && !this.unsafeMap) {
+      if (!/\.map$/i.test(path)) {
+        return undefined
+      }
+    }
     this.root = dirname(path)
     if (existsSync(path)) {
       this.mapFile = path
@@ -11855,7 +11866,7 @@ class PreviousMap {
       } else if (typeof prev === 'function') {
         let prevPath = prev(file)
         if (prevPath) {
-          let map = this.loadFile(prevPath)
+          let map = this.loadFile(prevPath, file, true)
           if (!map) {
             throw new Error(
               'Unable to load previous source map: ' + prevPath.toString()
@@ -11879,7 +11890,16 @@ class PreviousMap {
     } else if (this.annotation) {
       let map = this.annotation
       if (file) map = join(dirname(file), map)
-      return this.loadFile(map)
+      let unknown = this.loadFile(map, file, false)
+      if (unknown) {
+        try {
+          /* c8 ignore next 4 */
+          this.json = JSON.parse(unknown.replace(/^\)]}'[^\n]*\n/, ''))
+        } catch {
+          return undefined
+        }
+      }
+      return unknown
     }
   }
 
@@ -11915,7 +11935,7 @@ let Root = __nccwpck_require__(6265)
 
 class Processor {
   constructor(plugins = []) {
-    this.version = '8.5.6'
+    this.version = '8.5.12'
     this.plugins = this.normalize(plugins)
   }
 
@@ -12137,6 +12157,18 @@ Container.registerRule(Rule)
 "use strict";
 
 
+// Escapes sequences that could break out of an HTML <style> context.
+// Uses CSS unicode escaping (\3c = '<') which is valid CSS and parsed
+// correctly by all compliant CSS consumers.
+const STYLE_TAG = /(<)(\/?style\b)/gi
+const COMMENT_OPEN = /(<)(!--)/g
+
+function escapeHTMLInCSS(str) {
+  if (typeof str !== 'string') return str
+  if (!str.includes('<')) return str
+  return str.replace(STYLE_TAG, '\\3c $2').replace(COMMENT_OPEN, '\\3c $2')
+}
+
 const DEFAULT_RAW = {
   after: '\n',
   beforeClose: '\n',
@@ -12162,11 +12194,12 @@ class Stringifier {
   }
 
   atrule(node, semicolon) {
+    let raws = node.raws
     let name = '@' + node.name
     let params = node.params ? this.rawValue(node, 'params') : ''
 
-    if (typeof node.raws.afterName !== 'undefined') {
-      name += node.raws.afterName
+    if (typeof raws.afterName !== 'undefined') {
+      name += raws.afterName
     } else if (params) {
       name += ' '
     }
@@ -12174,8 +12207,8 @@ class Stringifier {
     if (node.nodes) {
       this.block(node, name + params)
     } else {
-      let end = (node.raws.between || '') + (semicolon ? ';' : '')
-      this.builder(name + params + end, node)
+      let end = (raws.between || '') + (semicolon ? ';' : '')
+      this.builder(escapeHTMLInCSS(name + params + end), node)
     }
   }
 
@@ -12209,53 +12242,77 @@ class Stringifier {
   }
 
   block(node, start) {
-    let between = this.raw(node, 'between', 'beforeOpen')
-    this.builder(start + between + '{', node, 'start')
+    let raws = node.raws
+    let between = typeof raws.between !== 'undefined'
+      ? raws.between
+      : this.raw(node, 'between', 'beforeOpen')
+    this.builder(escapeHTMLInCSS(start + between) + '{', node, 'start')
 
     let after
     if (node.nodes && node.nodes.length) {
       this.body(node)
-      after = this.raw(node, 'after')
+      after = typeof raws.after !== 'undefined'
+        ? raws.after
+        : this.raw(node, 'after')
     } else {
-      after = this.raw(node, 'after', 'emptyBody')
+      after = typeof raws.after !== 'undefined'
+        ? raws.after
+        : this.raw(node, 'after', 'emptyBody')
     }
 
-    if (after) this.builder(after)
+    if (after) this.builder(escapeHTMLInCSS(after))
     this.builder('}', node, 'end')
   }
 
   body(node) {
-    let last = node.nodes.length - 1
+    let nodes = node.nodes
+    let last = nodes.length - 1
     while (last > 0) {
-      if (node.nodes[last].type !== 'comment') break
+      if (nodes[last].type !== 'comment') break
       last -= 1
     }
 
     let semicolon = this.raw(node, 'semicolon')
-    for (let i = 0; i < node.nodes.length; i++) {
-      let child = node.nodes[i]
-      let before = this.raw(child, 'before')
-      if (before) this.builder(before)
+    let isDocument = node.type === 'document'
+    for (let i = 0; i < nodes.length; i++) {
+      let child = nodes[i]
+      let before = child.raws.before
+      if (typeof before === 'undefined') {
+        before = this.raw(child, 'before')
+      }
+      if (before) this.builder(isDocument ? before : escapeHTMLInCSS(before))
       this.stringify(child, last !== i || semicolon)
     }
   }
 
   comment(node) {
-    let left = this.raw(node, 'left', 'commentLeft')
-    let right = this.raw(node, 'right', 'commentRight')
-    this.builder('/*' + left + node.text + right + '*/', node)
+    let raws = node.raws
+    let left = typeof raws.left !== 'undefined'
+      ? raws.left
+      : this.raw(node, 'left', 'commentLeft')
+    let right = typeof raws.right !== 'undefined'
+      ? raws.right
+      : this.raw(node, 'right', 'commentRight')
+    this.builder(escapeHTMLInCSS('/*' + left + node.text + right + '*/'), node)
   }
 
   decl(node, semicolon) {
-    let between = this.raw(node, 'between', 'colon')
-    let string = node.prop + between + this.rawValue(node, 'value')
+    let raws = node.raws
+    let between = typeof raws.between !== 'undefined'
+      ? raws.between
+      : this.raw(node, 'between', 'colon')
+
+    let rawVal = raws.value
+    let value = rawVal && rawVal.value === node.value ? rawVal.raw : node.value
+
+    let string = node.prop + between + value
 
     if (node.important) {
-      string += node.raws.important || ' !important'
+      string += raws.important || ' !important'
     }
 
     if (semicolon) string += ';'
-    this.builder(string, node)
+    this.builder(escapeHTMLInCSS(string), node)
   }
 
   document(node) {
@@ -12291,9 +12348,9 @@ class Stringifier {
 
     // Detect style by other nodes
     let root = node.root()
-    if (!root.rawCache) root.rawCache = {}
-    if (typeof root.rawCache[detect] !== 'undefined') {
-      return root.rawCache[detect]
+    let cache = root.rawCache || (root.rawCache = {})
+    if (typeof cache[detect] !== 'undefined') {
+      return cache[detect]
     }
 
     if (detect === 'before' || detect === 'after') {
@@ -12312,7 +12369,7 @@ class Stringifier {
 
     if (typeof value === 'undefined') value = DEFAULT_RAW[detect]
 
-    root.rawCache[detect] = value
+    cache[detect] = value
     return value
   }
 
@@ -12461,13 +12518,17 @@ class Stringifier {
 
   root(node) {
     this.body(node)
-    if (node.raws.after) this.builder(node.raws.after)
+    if (node.raws.after) {
+      let after = node.raws.after
+      let isDocument = node.parent && node.parent.type === 'document'
+      this.builder(isDocument ? after : escapeHTMLInCSS(after))
+    }
   }
 
   rule(node) {
     this.block(node, this.rawValue(node, 'selector'))
     if (node.raws.ownSemicolon) {
-      this.builder(node.raws.ownSemicolon, node, 'end')
+      this.builder(escapeHTMLInCSS(node.raws.ownSemicolon), node, 'end')
     }
   }
 
@@ -12644,6 +12705,7 @@ module.exports = function tokenizer(input, options = {}) {
   let pos = 0
   let buffer = []
   let returned = []
+  let lastBadParen = -1
 
   function position() {
     return pos
@@ -12735,11 +12797,14 @@ module.exports = function tokenizer(input, options = {}) {
           currentToken = ['brackets', css.slice(pos, next + 1), pos, next]
 
           pos = next
+        } else if (pos <= lastBadParen) {
+          currentToken = ['(', '(', pos]
         } else {
           next = css.indexOf(')', pos + 1)
           content = css.slice(pos, next + 1)
 
           if (next === -1 || RE_BAD_BRACKET.test(content)) {
+            lastBadParen = next === -1 ? length : next
             currentToken = ['(', '(', pos]
           } else {
             currentToken = ['brackets', content, pos, next]
@@ -13515,7 +13580,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"title":"CSS Loader options","additio
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"postcss","version":"8.5.6","description":"Tool for transforming styles with JS plugins","engines":{"node":"^10 || ^12 || >=14"},"exports":{".":{"import":"./lib/postcss.mjs","require":"./lib/postcss.js"},"./lib/at-rule":"./lib/at-rule.js","./lib/comment":"./lib/comment.js","./lib/container":"./lib/container.js","./lib/css-syntax-error":"./lib/css-syntax-error.js","./lib/declaration":"./lib/declaration.js","./lib/fromJSON":"./lib/fromJSON.js","./lib/input":"./lib/input.js","./lib/lazy-result":"./lib/lazy-result.js","./lib/no-work-result":"./lib/no-work-result.js","./lib/list":"./lib/list.js","./lib/map-generator":"./lib/map-generator.js","./lib/node":"./lib/node.js","./lib/parse":"./lib/parse.js","./lib/parser":"./lib/parser.js","./lib/postcss":"./lib/postcss.js","./lib/previous-map":"./lib/previous-map.js","./lib/processor":"./lib/processor.js","./lib/result":"./lib/result.js","./lib/root":"./lib/root.js","./lib/rule":"./lib/rule.js","./lib/stringifier":"./lib/stringifier.js","./lib/stringify":"./lib/stringify.js","./lib/symbols":"./lib/symbols.js","./lib/terminal-highlight":"./lib/terminal-highlight.js","./lib/tokenize":"./lib/tokenize.js","./lib/warn-once":"./lib/warn-once.js","./lib/warning":"./lib/warning.js","./package.json":"./package.json"},"main":"./lib/postcss.js","types":"./lib/postcss.d.ts","keywords":["css","postcss","rework","preprocessor","parser","source map","transform","manipulation","transpiler"],"funding":[{"type":"opencollective","url":"https://opencollective.com/postcss/"},{"type":"tidelift","url":"https://tidelift.com/funding/github/npm/postcss"},{"type":"github","url":"https://github.com/sponsors/ai"}],"author":"Andrey Sitnik <andrey@sitnik.ru>","license":"MIT","homepage":"https://postcss.org/","repository":"postcss/postcss","bugs":{"url":"https://github.com/postcss/postcss/issues"},"dependencies":{"nanoid":"^3.3.11","picocolors":"^1.1.1","source-map-js":"^1.2.1"},"browser":{"./lib/terminal-highlight":false,"source-map-js":false,"path":false,"url":false,"fs":false}}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"postcss","version":"8.5.12","description":"Tool for transforming styles with JS plugins","keywords":["css","manipulation","parser","postcss","preprocessor","rework","source map","transform","transpiler"],"homepage":"https://postcss.org/","bugs":{"url":"https://github.com/postcss/postcss/issues"},"license":"MIT","author":"Andrey Sitnik <andrey@sitnik.es>","repository":"postcss/postcss","funding":[{"type":"opencollective","url":"https://opencollective.com/postcss/"},{"type":"tidelift","url":"https://tidelift.com/funding/github/npm/postcss"},{"type":"github","url":"https://github.com/sponsors/ai"}],"main":"./lib/postcss.js","browser":{"./lib/terminal-highlight":false,"source-map-js":false,"path":false,"url":false,"fs":false},"types":"./lib/postcss.d.ts","exports":{".":{"import":"./lib/postcss.mjs","require":"./lib/postcss.js"},"./lib/at-rule":"./lib/at-rule.js","./lib/comment":"./lib/comment.js","./lib/container":"./lib/container.js","./lib/css-syntax-error":"./lib/css-syntax-error.js","./lib/declaration":"./lib/declaration.js","./lib/fromJSON":"./lib/fromJSON.js","./lib/input":"./lib/input.js","./lib/lazy-result":"./lib/lazy-result.js","./lib/no-work-result":"./lib/no-work-result.js","./lib/list":"./lib/list.js","./lib/map-generator":"./lib/map-generator.js","./lib/node":"./lib/node.js","./lib/parse":"./lib/parse.js","./lib/parser":"./lib/parser.js","./lib/postcss":"./lib/postcss.js","./lib/previous-map":"./lib/previous-map.js","./lib/processor":"./lib/processor.js","./lib/result":"./lib/result.js","./lib/root":"./lib/root.js","./lib/rule":"./lib/rule.js","./lib/stringifier":"./lib/stringifier.js","./lib/stringify":"./lib/stringify.js","./lib/symbols":"./lib/symbols.js","./lib/terminal-highlight":"./lib/terminal-highlight.js","./lib/tokenize":"./lib/tokenize.js","./lib/warn-once":"./lib/warn-once.js","./lib/warning":"./lib/warning.js","./package.json":"./package.json"},"dependencies":{"nanoid":"^3.3.11","picocolors":"^1.1.1","source-map-js":"^1.2.1"},"engines":{"node":"^10 || ^12 || >=14"}}');
 
 /***/ }),