@lwc/ssr-runtime 8.4.0 → 8.5.0

package/dist/index.cjs.js

@@ -150,6 +150,8 @@ defineProperty,
 entries, 
 /** Detached {@linkcode Object.freeze}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze MDN Reference}. */
 freeze, 
+/** Detached {@linkcode Object.fromEntries}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries MDN Reference}. */
+fromEntries, 
 /** Detached {@linkcode Object.getOwnPropertyDescriptor}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor MDN Reference}. */
 getOwnPropertyDescriptor, 
 /** Detached {@linkcode Object.getOwnPropertyDescriptors}; see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptors MDN Reference}. */
@@ -332,7 +334,19 @@ function htmlEscape(str, attrMode = false) {
     const searchValue = attrMode ? /["&]/g : /["'<>&]/g;
     return str.replace(searchValue, (char) => ESCAPED_CHARS[char]);
 }
-/** version: 8.4.0 */
+function flattenStylesheets(stylesheets) {
+    const list = [];
+    for (const stylesheet of stylesheets) {
+        if (!isArray(stylesheet)) {
+            list.push(stylesheet);
+        }
+        else {
+            list.push(...flattenStylesheets(stylesheet));
+        }
+    }
+    return list;
+}
+/** version: 8.5.0 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -381,8 +395,102 @@ const mutationTracker = new MutationTracker();
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-// Eventually include globals that also reflect
-const attrsToProps = AriaAttrNameToPropNameMap;
+/**
+ * Map of global attribute or ARIA attribute to the corresponding property name.
+ * Not all global attributes are included, just those from `HTMLElementTheGoodParts`.
+ */
+const attrsToProps = assign(create(null), {
+    accesskey: 'accessKey',
+    dir: 'dir',
+    draggable: 'draggable',
+    hidden: 'hidden',
+    id: 'id',
+    lang: 'lang',
+    spellcheck: 'spellcheck',
+    tabindex: 'tabIndex',
+    title: 'title',
+    ...AriaAttrNameToPropNameMap,
+});
+/**
+ * Descriptor for IDL attribute reflections that merely reflect the string, e.g. `title`.
+ */
+const stringDescriptor = (attrName) => ({
+    configurable: true,
+    enumerable: true,
+    get() {
+        return this.getAttribute(attrName);
+    },
+    set(newValue) {
+        const currentValue = this.getAttribute(attrName);
+        const normalizedValue = String(newValue);
+        if (normalizedValue !== currentValue) {
+            this.setAttribute(attrName, normalizedValue);
+        }
+    },
+});
+/** Descriptor for a boolean that checks for `attr="true"` or `attr="false"`, e.g. `spellcheck` and `draggable`. */
+const explicitBooleanDescriptor = (attrName, defaultValue) => ({
+    configurable: true,
+    enumerable: true,
+    get() {
+        const value = this.getAttribute(attrName);
+        return value === null ? defaultValue : value === String(defaultValue);
+    },
+    set(newValue) {
+        const currentValue = this.getAttribute(attrName);
+        const normalizedValue = String(Boolean(newValue));
+        if (normalizedValue !== currentValue) {
+            this.setAttribute(attrName, normalizedValue);
+        }
+    },
+});
+/**
+ * Descriptor for a "true" boolean attribute that checks solely for presence, e.g. `hidden`.
+ */
+const booleanAttributeDescriptor = (attrName) => ({
+    configurable: true,
+    enumerable: true,
+    get() {
+        return this.hasAttribute(attrName);
+    },
+    set(newValue) {
+        const hasAttribute = this.hasAttribute(attrName);
+        if (newValue) {
+            if (!hasAttribute) {
+                this.setAttribute(attrName, '');
+            }
+        }
+        else {
+            if (hasAttribute) {
+                this.removeAttribute(attrName);
+            }
+        }
+    },
+});
+/**
+ * Descriptor for ARIA reflections, e.g. `ariaLabel` and `role`.
+ */
+const ariaDescriptor = (attrName) => ({
+    configurable: true,
+    enumerable: true,
+    get() {
+        return this.getAttribute(attrName);
+    },
+    set(newValue) {
+        const currentValue = this.getAttribute(attrName);
+        if (newValue !== currentValue) {
+            // TODO [#3284]: According to the spec, IDL nullable type values
+            // (null and undefined) should remove the attribute; however, we
+            // only do so in the case of null for historical reasons.
+            if (isNull(newValue)) {
+                this.removeAttribute(attrName);
+            }
+            else {
+                this.setAttribute(attrName, toString(newValue));
+            }
+        }
+    },
+});
 function reflectAttrToProp(instance, attrName, attrValue) {
     const reflectedPropName = attrsToProps[attrName];
     // If it is a reflected property and it was not overridden by the instance
@@ -393,30 +501,34 @@ function reflectAttrToProp(instance, attrName, attrValue) {
         }
     }
 }
-const descriptors = create(null);
-for (const [attrName, propName] of entries(attrsToProps)) {
-    descriptors[propName] = {
+const descriptors = {
+    accessKey: stringDescriptor('accesskey'),
+    dir: stringDescriptor('dir'),
+    draggable: explicitBooleanDescriptor('draggable', true),
+    hidden: booleanAttributeDescriptor('hidden'),
+    id: stringDescriptor('id'),
+    lang: stringDescriptor('lang'),
+    spellcheck: explicitBooleanDescriptor('spellcheck', false),
+    tabIndex: {
         get() {
-            return this.getAttribute(attrName);
+            const str = this.getAttribute('tabindex');
+            const num = Number(str);
+            return isFinite(num) ? Math.trunc(num) : -1;
         },
         set(newValue) {
-            const currentValue = this.getAttribute(attrName);
-            if (newValue !== currentValue) {
-                // TODO [#3284]: According to the spec, IDL nullable type values
-                // (null and undefined) should remove the attribute; however, we
-                // only do so in the case of null for historical reasons.
-                // See also https://github.com/w3c/aria/issues/1858
-                if (isNull(newValue)) {
-                    this.removeAttribute(attrName);
-                }
-                else {
-                    this.setAttribute(attrName, toString(newValue));
-                }
+            const currentValue = this.getAttribute('tabindex');
+            const num = Number(newValue);
+            const normalizedValue = isFinite(num) ? String(Math.trunc(num)) : '0';
+            if (normalizedValue !== currentValue) {
+                this.setAttribute('tabindex', toString(newValue));
             }
         },
-        configurable: true,
-        enumerable: true,
-    };
+    },
+    title: stringDescriptor('title'),
+};
+// Add descriptors for ARIA attributes
+for (const [attrName, propName] of entries(AriaAttrNameToPropNameMap)) {
+    descriptors[propName] = ariaDescriptor(attrName);
 }
 
 /*
@@ -427,6 +539,7 @@ for (const [attrName, propName] of entries(attrsToProps)) {
  */
 var _LightningElement_attrs, _LightningElement_classList;
 const SYMBOL__SET_INTERNALS = Symbol('set-internals');
+const SYMBOL__GENERATE_MARKUP = Symbol('generate-markup');
 class LightningElement {
     constructor(propsAvailableAtConstruction) {
         this.isConnected = false;
@@ -603,21 +716,26 @@ function fallbackTmplNoYield(emit, _props, _attrs, _slotted, Cmp, _instance) {
         emit('<template shadowrootmode="open"></template>');
     }
 }
-async function serverSideRenderComponent(tagName, compiledGenerateMarkup, props, mode = 'asyncYield') {
+async function serverSideRenderComponent(tagName, Component, props = {}, mode = 'asyncYield') {
+    if (typeof tagName !== 'string') {
+        throw new Error(`tagName must be a string, found: ${tagName}`);
+    }
+    // TODO [#4726]: remove `generateMarkup` export
+    const generateMarkup = SYMBOL__GENERATE_MARKUP in Component ? Component[SYMBOL__GENERATE_MARKUP] : Component;
     let markup = '';
     const emit = (segment) => {
         markup += segment;
     };
     if (mode === 'asyncYield') {
-        for await (const segment of compiledGenerateMarkup(tagName, props, null, null)) {
+        for await (const segment of generateMarkup(tagName, props, null, null)) {
             markup += segment;
         }
     }
     else if (mode === 'async') {
-        await compiledGenerateMarkup(emit, tagName, props, null, null);
+        await generateMarkup(emit, tagName, props, null, null);
     }
     else if (mode === 'sync') {
-        compiledGenerateMarkup(emit, tagName, props, null, null);
+        generateMarkup(emit, tagName, props, null, null);
     }
     else {
         throw new Error(`Invalid mode: ${mode}`);
@@ -931,8 +1049,39 @@ function validateStyleTextContents(contents) {
     }
 }
 
+/*
+ * Copyright (c) 2024, Salesforce, 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 hasScopedStaticStylesheets(Component) {
+    const { stylesheets } = Component;
+    if (stylesheets) {
+        return flattenStylesheets(stylesheets).some((stylesheet) => stylesheet.$scoped$);
+    }
+    return false;
+}
+function renderStylesheets(stylesheets, scopeToken, Component, hasScopedTemplateStyles) {
+    const hasAnyScopedStyles = hasScopedTemplateStyles || hasScopedStaticStylesheets(Component);
+    let result = '';
+    const truthyStylesheets = stylesheets.filter(Boolean);
+    for (const stylesheet of flattenStylesheets(truthyStylesheets)) {
+        // TODO [#2869]: `<style>`s should not have scope token classes
+        result += `<style${hasAnyScopedStyles ? ` class="${scopeToken}"` : ''} type="text/css">`;
+        const token = stylesheet.$scoped$ ? scopeToken : undefined;
+        const useActualHostSelector = !stylesheet.$scoped$ || Component.renderMode !== 'light';
+        const useNativeDirPseudoclass = true;
+        const styleContents = stylesheet(token, useActualHostSelector, useNativeDirPseudoclass);
+        validateStyleTextContents(styleContents);
+        result += styleContents + '</style>';
+    }
+    return result;
+}
+
 exports.ClassList = ClassList;
 exports.LightningElement = LightningElement;
+exports.SYMBOL__GENERATE_MARKUP = SYMBOL__GENERATE_MARKUP;
 exports.SYMBOL__SET_INTERNALS = SYMBOL__SET_INTERNALS;
 exports.api = api;
 exports.createContextProvider = createContextProvider;
@@ -941,6 +1090,7 @@ exports.fallbackTmpl = fallbackTmpl;
 exports.fallbackTmplNoYield = fallbackTmplNoYield;
 exports.freezeTemplate = freezeTemplate;
 exports.getComponentDef = getComponentDef;
+exports.hasScopedStaticStylesheets = hasScopedStaticStylesheets;
 exports.hot = hot;
 exports.htmlEscape = htmlEscape;
 exports.isComponentConstructor = isComponentConstructor;
@@ -954,6 +1104,7 @@ exports.registerTemplate = registerTemplate;
 exports.renderAttrs = renderAttrs;
 exports.renderAttrsNoYield = renderAttrsNoYield;
 exports.renderComponent = serverSideRenderComponent;
+exports.renderStylesheets = renderStylesheets;
 exports.renderer = renderer;
 exports.sanitizeAttribute = sanitizeAttribute;
 exports.serverSideRenderComponent = serverSideRenderComponent;
@@ -968,5 +1119,5 @@ exports.track = track;
 exports.unwrap = unwrap;
 exports.validateStyleTextContents = validateStyleTextContents;
 exports.wire = wire;
-/** version: 8.4.0 */
+/** version: 8.5.0 */
 //# sourceMappingURL=index.cjs.js.map