@lwc/template-compiler 8.1.0-alpha.4 → 8.1.0

package/dist/codegen/helpers.d.ts

@@ -22,6 +22,7 @@ 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

@@ -11279,6 +11279,17 @@ function parseFragment(source, config) {
     return parser.getFragment();
 }
 
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function isComplexTemplateExpressionEnabled(ctx) {
+    return (ctx.config.experimentalComplexExpressions &&
+        shared.isAPIFeatureEnabled(11 /* APIFeature.ENABLE_COMPLEX_TEMPLATE_EXPRESSIONS */, ctx.apiVersion));
+}
+
 /*
  * Copyright (c) 2018, salesforce.com, inc.
  * All rights reserved.
@@ -11417,7 +11428,7 @@ function normalizeAttributeValue(ctx, raw, tag, attr, location) {
     const isQuoted = isQuotedAttribute(rawAttrVal);
     const isEscaped = isEscapedAttribute(rawAttrVal);
     if (!isEscaped && isExpression(value)) {
-        if (isQuoted) {
+        if (isQuoted && !isComplexTemplateExpressionEnabled(ctx)) {
             // <input value="{myValue}" />
             // -> ambiguity if the attribute value is a template identifier or a string literal.
             const unquoted = raw.replace(/"/g, '');
@@ -12950,6 +12961,14 @@ function parseStyleText(cssText) {
     }
     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' }
@@ -13129,6 +13148,9 @@ const rawContentElements = new Set([
 function templateStringEscape(str) {
     return str.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$\{/g, '\\${');
 }
+function normalizeWhitespace(str) {
+    return str.trim().replace(/\s+/g, ' ');
+}
 function serializeAttrs(element, codeGen) {
     /**
      * 0: styleToken in existing class attr
@@ -13146,9 +13168,15 @@ function serializeAttrs(element, codeGen) {
             // The token is only needed when the class attribute is static.
             // The token will be injected at runtime for expressions in parseFragmentFn.
             if (!hasExpression) {
+                if (typeof v === 'string') {
+                    v = normalizeWhitespace(v);
+                }
                 v += '${0}';
             }
         }
+        if (name === 'style' && !hasExpression && typeof v === 'string') {
+            v = normalizeStyleAttribute(v);
+        }
         // `spellcheck` string values are specially handled to massage them into booleans.
         // For backwards compat with non-static-optimized templates, we also treat any non-`"false"`
         // value other than the valueless format (e.g. `<div spellcheck>`) as `"true"`,
@@ -14745,5 +14773,5 @@ exports.default = compile;
 exports.kebabcaseToCamelcase = kebabcaseToCamelcase;
 exports.parse = parse;
 exports.toPropertyName = toPropertyName;
-/** version: 8.1.0-alpha.4 */
+/** version: 8.1.0 */
 //# sourceMappingURL=index.cjs.js.map