@lwc/template-compiler 8.1.2 → 8.1.3

package/dist/codegen/helpers.d.ts

@@ -19,10 +19,6 @@ export declare function shouldFlatten(codeGen: CodeGen, children: ChildNode[]):
  */
 export declare function hasIdAttribute(node: Node): boolean;
 export declare function generateTemplateMetadata(codeGen: CodeGen): t.Statement[];
-export declare function parseStyleText(cssText: string): {
-    [name: string]: string;
-};
-export declare function normalizeStyleAttribute(style: string): string;
 export declare function styleMapToStyleDeclsAST(styleMap: {
     [name: string]: string;
 }): t.ArrayExpression;

package/dist/index.cjs.js

@@ -12951,40 +12951,14 @@ function generateStylesheetTokens(codeGen) {
     }
     return styleTokens;
 }
-const DECLARATION_DELIMITER = /;(?![^(]*\))/g;
-const PROPERTY_DELIMITER = /:(.+)/s; // `/s` (dotAll) required to match styles across newlines, e.g. `color: \n red;`
-// Borrowed from Vue template compiler.
-// https://github.com/vuejs/vue/blob/531371b818b0e31a989a06df43789728f23dc4e8/src/platforms/web/util/style.js#L5-L16
-function parseStyleText(cssText) {
-    const styleMap = {};
-    const declarations = cssText.split(DECLARATION_DELIMITER);
-    for (const declaration of declarations) {
-        if (declaration) {
-            const [prop, value] = declaration.split(PROPERTY_DELIMITER);
-            if (prop !== undefined && value !== undefined) {
-                styleMap[prop.trim()] = value.trim();
-            }
-        }
-    }
-    return styleMap;
-}
-function normalizeStyleAttribute(style) {
-    const styleMap = parseStyleText(style);
-    const styles = Object.entries(styleMap).map(([key, value]) => {
-        value = value.replace(IMPORTANT_FLAG, ' !important').trim();
-        return `${key}: ${value};`;
-    });
-    return styles.join(' ');
-}
-const IMPORTANT_FLAG = /\s*!\s*important\s*$/i;
 // Given a map of CSS property keys to values, return an array AST like:
 // ['color', 'blue', false]    // { color: 'blue' }
 // ['background', 'red', true] // { background: 'red !important' }
 function styleMapToStyleDeclsAST(styleMap) {
     const styles = Object.entries(styleMap).map(([key, value]) => {
-        const important = IMPORTANT_FLAG.test(value);
+        const important = shared.IMPORTANT_FLAG.test(value);
         if (important) {
-            value = value.replace(IMPORTANT_FLAG, '').trim();
+            value = value.replace(shared.IMPORTANT_FLAG, '').trim();
         }
         return [key, value, important];
     });
@@ -13201,7 +13175,7 @@ function serializeAttrs(element, codeGen) {
                 v = String(v.toLowerCase() !== 'false');
             }
             if (name === 'style' && !hasExpression) {
-                v = normalizeStyleAttribute(v);
+                v = shared.normalizeStyleAttribute(v);
                 if (v === '') {
                     // Do not serialize empty style attribute (consistent with non-static optimized)
                     return;
@@ -14605,7 +14579,7 @@ function transform(codeGen) {
                         data.push(property$1(identifier('style'), styleExpression));
                     }
                     else if (isStringLiteral(value)) {
-                        const styleMap = parseStyleText(value.value);
+                        const styleMap = shared.parseStyleText(value.value);
                         const styleAST = styleMapToStyleDeclsAST(styleMap);
                         data.push(property$1(identifier('styleDecls'), styleAST));
                     }
@@ -14793,5 +14767,5 @@ exports.generateScopeTokens = generateScopeTokens;
 exports.kebabcaseToCamelcase = kebabcaseToCamelcase;
 exports.parse = parse;
 exports.toPropertyName = toPropertyName;
-/** version: 8.1.2 */
+/** version: 8.1.3 */
 //# sourceMappingURL=index.cjs.js.map