@lwc/ssr-runtime 8.13.3 → 8.14.0

package/dist/class-list.d.ts

@@ -17,7 +17,7 @@ export declare class ClassList implements DOMTokenList {
     el: LightningElement;
     constructor(el: LightningElement);
     add(...newClassNames: string[]): void;
-    contains(className: string): any;
+    contains(className: string): boolean;
     remove(...classNamesToRemove: string[]): void;
     replace(oldClassName: string, newClassName: string): boolean;
     toggle(classNameToToggle: string, force?: boolean): boolean;
@@ -25,9 +25,9 @@ export declare class ClassList implements DOMTokenList {
     toString(): string;
     get length(): number;
     [index: number]: never;
-    item(_index: number): string | null;
+    item(index: number): string | null;
+    forEach(callbackFn: (value: string, key: number, parent: DOMTokenList) => void, thisArg?: any): void;
     supports(_token: string): boolean;
-    forEach(_callbackfn: (value: string, key: number, parent: DOMTokenList) => void, _thisArg?: any): void;
 }
 export {};
 //# sourceMappingURL=class-list.d.ts.map

package/dist/index.cjs.js

@@ -609,7 +609,7 @@ function setHooks(hooks) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const DEFAULT_SSR_MODE = 'sync';
-/** version: 8.13.3 */
+/** version: 8.14.0 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -618,25 +618,28 @@ const DEFAULT_SSR_MODE = 'sync';
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const MULTI_SPACE = /\s+/g;
+function parseClassName(className) {
+    return (className ?? '')
+        .split(MULTI_SPACE)
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
 class ClassList {
     constructor(el) {
         this.el = el;
     }
     add(...newClassNames) {
-        const className = this.el.className;
-        const set = new Set(className.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         for (const newClassName of newClassNames) {
             set.add(newClassName);
         }
         this.el.className = Array.from(set).join(' ');
     }
     contains(className) {
-        const currentClassNameStr = this.el.className;
-        return currentClassNameStr.split(MULTI_SPACE).includes(className);
+        return parseClassName(this.el.className).includes(className);
     }
     remove(...classNamesToRemove) {
-        const className = this.el.className;
-        const set = new Set(className.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         for (const newClassName of classNamesToRemove) {
             set.delete(newClassName);
         }
@@ -644,8 +647,7 @@ class ClassList {
     }
     replace(oldClassName, newClassName) {
         let classWasReplaced = false;
-        const className = this.el.className;
-        const listOfClasses = className.split(MULTI_SPACE).filter(Boolean);
+        const listOfClasses = parseClassName(this.el.className);
         listOfClasses.forEach((value, idx) => {
             if (value === oldClassName) {
                 classWasReplaced = true;
@@ -656,8 +658,7 @@ class ClassList {
         return classWasReplaced;
     }
     toggle(classNameToToggle, force) {
-        const classNameStr = this.el.className;
-        const set = new Set(classNameStr.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         if (!set.has(classNameToToggle) && force !== false) {
             set.add(classNameToToggle);
         }
@@ -674,17 +675,18 @@ class ClassList {
         return this.el.className;
     }
     get length() {
-        const currentClassNameStr = this.el.className ?? '';
-        return currentClassNameStr.split(MULTI_SPACE).length;
+        return parseClassName(this.el.className).length;
     }
-    item(_index) {
-        throw new Error('Method "item" not implemented.');
+    item(index) {
+        return parseClassName(this.el.className ?? '')[index] ?? null;
     }
-    supports(_token) {
-        throw new Error('Method "supports" not implemented.');
+    forEach(callbackFn, thisArg) {
+        parseClassName(this.el.className).forEach((value, index) => callbackFn.call(thisArg, value, index, this));
     }
-    forEach(_callbackfn, _thisArg) {
-        throw new Error('Method "forEach" not implemented.');
+    // This method is present on DOMTokenList but throws an error in the browser when used
+    // in connection with Element#classList.
+    supports(_token) {
+        throw new TypeError('DOMTokenList has no supported tokens.');
     }
 }
 
@@ -1335,6 +1337,10 @@ class LightningElement {
     [(_LightningElement_props = new WeakMap(), _LightningElement_attrs = new WeakMap(), _LightningElement_classList = new WeakMap(), SYMBOL__SET_INTERNALS)](props, attrs, publicProperties, privateProperties) {
         __classPrivateFieldSet(this, _LightningElement_props, props, "f");
         __classPrivateFieldSet(this, _LightningElement_attrs, attrs, "f");
+        // Class should be set explicitly to avoid it being overridden by connectedCallback classList mutation.
+        if (attrs.class) {
+            this.className = attrs.class;
+        }
         // Avoid setting the following types of properties that should not be set:
         // - Properties that are not public.
         // - Properties that are not global.
@@ -1837,5 +1843,5 @@ exports.track = track;
 exports.unwrap = unwrap$1;
 exports.validateStyleTextContents = validateStyleTextContents;
 exports.wire = wire;
-/** version: 8.13.3 */
+/** version: 8.14.0 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -605,7 +605,7 @@ function setHooks(hooks) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const DEFAULT_SSR_MODE = 'sync';
-/** version: 8.13.3 */
+/** version: 8.14.0 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -614,25 +614,28 @@ const DEFAULT_SSR_MODE = 'sync';
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const MULTI_SPACE = /\s+/g;
+function parseClassName(className) {
+    return (className ?? '')
+        .split(MULTI_SPACE)
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
 class ClassList {
     constructor(el) {
         this.el = el;
     }
     add(...newClassNames) {
-        const className = this.el.className;
-        const set = new Set(className.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         for (const newClassName of newClassNames) {
             set.add(newClassName);
         }
         this.el.className = Array.from(set).join(' ');
     }
     contains(className) {
-        const currentClassNameStr = this.el.className;
-        return currentClassNameStr.split(MULTI_SPACE).includes(className);
+        return parseClassName(this.el.className).includes(className);
     }
     remove(...classNamesToRemove) {
-        const className = this.el.className;
-        const set = new Set(className.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         for (const newClassName of classNamesToRemove) {
             set.delete(newClassName);
         }
@@ -640,8 +643,7 @@ class ClassList {
     }
     replace(oldClassName, newClassName) {
         let classWasReplaced = false;
-        const className = this.el.className;
-        const listOfClasses = className.split(MULTI_SPACE).filter(Boolean);
+        const listOfClasses = parseClassName(this.el.className);
         listOfClasses.forEach((value, idx) => {
             if (value === oldClassName) {
                 classWasReplaced = true;
@@ -652,8 +654,7 @@ class ClassList {
         return classWasReplaced;
     }
     toggle(classNameToToggle, force) {
-        const classNameStr = this.el.className;
-        const set = new Set(classNameStr.split(MULTI_SPACE).filter(Boolean));
+        const set = new Set(parseClassName(this.el.className));
         if (!set.has(classNameToToggle) && force !== false) {
             set.add(classNameToToggle);
         }
@@ -670,17 +671,18 @@ class ClassList {
         return this.el.className;
     }
     get length() {
-        const currentClassNameStr = this.el.className ?? '';
-        return currentClassNameStr.split(MULTI_SPACE).length;
+        return parseClassName(this.el.className).length;
     }
-    item(_index) {
-        throw new Error('Method "item" not implemented.');
+    item(index) {
+        return parseClassName(this.el.className ?? '')[index] ?? null;
     }
-    supports(_token) {
-        throw new Error('Method "supports" not implemented.');
+    forEach(callbackFn, thisArg) {
+        parseClassName(this.el.className).forEach((value, index) => callbackFn.call(thisArg, value, index, this));
     }
-    forEach(_callbackfn, _thisArg) {
-        throw new Error('Method "forEach" not implemented.');
+    // This method is present on DOMTokenList but throws an error in the browser when used
+    // in connection with Element#classList.
+    supports(_token) {
+        throw new TypeError('DOMTokenList has no supported tokens.');
     }
 }
 
@@ -1331,6 +1333,10 @@ class LightningElement {
     [(_LightningElement_props = new WeakMap(), _LightningElement_attrs = new WeakMap(), _LightningElement_classList = new WeakMap(), SYMBOL__SET_INTERNALS)](props, attrs, publicProperties, privateProperties) {
         __classPrivateFieldSet(this, _LightningElement_props, props, "f");
         __classPrivateFieldSet(this, _LightningElement_attrs, attrs, "f");
+        // Class should be set explicitly to avoid it being overridden by connectedCallback classList mutation.
+        if (attrs.class) {
+            this.className = attrs.class;
+        }
         // Avoid setting the following types of properties that should not be set:
         // - Properties that are not public.
         // - Properties that are not global.
@@ -1788,5 +1794,5 @@ function createContextProvider(adapter) {
 }
 
 export { ClassList, LightningElement, SYMBOL__DEFAULT_TEMPLATE, SYMBOL__GENERATE_MARKUP, SYMBOL__SET_INTERNALS, api, connectContext, createContextProvider, createElement, establishContextfulRelationship, fallbackTmpl, fallbackTmplNoYield, freezeTemplate, getComponentDef, hasScopedStaticStylesheets, hot, htmlEscape, isComponentConstructor, mutationTracker, normalizeClass, normalizeTextContent, parseFragment, parseSVGFragment, readonly, registerComponent, registerDecorators, registerTemplate, renderAttrs, renderAttrsNoYield, serverSideRenderComponent as renderComponent, renderStylesheets, renderTextContent, renderer, sanitizeAttribute, sanitizeHtmlContent, serverSideRenderComponent, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, toIteratorDirective, track, unwrap$1 as unwrap, validateStyleTextContents, wire };
-/** version: 8.13.3 */
+/** version: 8.14.0 */
 //# sourceMappingURL=index.js.map

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/ssr-runtime",
-    "version": "8.13.3",
+    "version": "8.14.0",
     "description": "Runtime complement to @lwc/ssr-compiler",
     "keywords": [
         "lwc",
@@ -48,8 +48,8 @@
         }
     },
     "devDependencies": {
-        "@lwc/shared": "8.13.3",
-        "@lwc/engine-core": "8.13.3",
+        "@lwc/shared": "8.14.0",
+        "@lwc/engine-core": "8.14.0",
         "observable-membrane": "2.0.0"
     }
 }