@stencil/core 4.39.0-dev.1766120789.792acf5 → 4.39.0-dev.1766380053.d3b8b7a

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -1892,10 +1892,17 @@ var globalStyleSheet;
 var GLOBAL_STYLE_ID = "sc-global";
 function createShadowRoot(cmpMeta) {
   var _a;
-  const shadowRoot = BUILD2.shadowDelegatesFocus ? this.attachShadow({
-    mode: "open",
-    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
-  }) : this.attachShadow({ mode: "open" });
+  const opts = { mode: "open" };
+  if (BUILD2.shadowDelegatesFocus) {
+    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+  }
+  if (BUILD2.shadowSlotAssignmentManual) {
+    const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
+    if (isManual) {
+      opts.slotAssignment = "manual";
+    }
+  }
+  const shadowRoot = this.attachShadow(opts);
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
@@ -4399,13 +4406,16 @@ render() {
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
         const slotRefNode = relocateData.$slotRefNode$;
+        if (nodeToRelocate.nodeType === 1 /* ElementNode */ && isInitialLoad) {
+          nodeToRelocate["s-ih"] = (_a = nodeToRelocate.hidden) != null ? _a : false;
+        }
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
           if (!BUILD14.hydrateServerSide && (!BUILD14.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
-            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
+            let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
-              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
+              let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
               if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
                 refNode = refNode.nextSibling;
                 while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
@@ -4428,18 +4438,13 @@ render() {
               }
               insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
+                nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
             }
           }
           nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else {
-          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-            if (isInitialLoad) {
-              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
-            }
-            nodeToRelocate.hidden = true;
-          }
+        } else if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+          nodeToRelocate.hidden = true;
         }
       }
     }

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "description": "Stencil internal hydrate platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "description": "Stencil internals only to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/stencil-private.d.ts

@@ -59,6 +59,7 @@ export interface BuildFeatures {
     formAssociated: boolean;
     shadowDom: boolean;
     shadowDelegatesFocus: boolean;
+    shadowSlotAssignmentManual: boolean;
     scoped: boolean;
     /**
      * Every component has a render function
@@ -560,6 +561,11 @@ export interface ComponentCompilerMeta extends ComponentCompilerFeatures {
     properties: ComponentCompilerProperty[];
     serializers: ComponentCompilerChangeHandler[];
     shadowDelegatesFocus: boolean;
+    /**
+     * Slot assignment mode for shadow DOM. 'manual', enables imperative slotting
+     * using HTMLSlotElement.assign(). Only applicable when encapsulation is 'shadow'.
+     */
+    slotAssignment: 'manual' | null;
     sourceFilePath: string;
     sourceMapPath: string;
     states: ComponentCompilerState[];

package/internal/stencil-public-compiler.d.ts

@@ -123,9 +123,12 @@ export interface StencilConfig {
      */
     plugins?: any[];
     /**
-     * Generate js source map files for all bundles
+     * Generate js source map files for all bundles.
+     * Set to `true` to always generate source maps, `false` to never generate source maps.
+     * Set to `'dev'` to only generate source maps when the `--dev` flag is passed.
+     * Defaults to `'dev'`.
      */
-    sourceMap?: boolean;
+    sourceMap?: boolean | 'dev';
     /**
      * The srcDir config specifies the directory which should contain the source typescript files
      * for each component. The standard for Stencil apps is to use src, which is the default.
@@ -496,7 +499,9 @@ type StrictConfigFields = keyof Pick<Config, 'buildEs5' | 'cacheDir' | 'devMode'
  * about the data from a type-safety perspective, this type is intended to be used throughout the codebase once
  * validations have occurred at runtime.
  */
-export type ValidatedConfig = RequireFields<Config, StrictConfigFields>;
+export type ValidatedConfig = RequireFields<Config, StrictConfigFields> & {
+    sourceMap: boolean;
+};
 export interface HydratedFlag {
     /**
      * Defaults to `hydrated`.

package/internal/stencil-public-runtime.d.ts

@@ -63,6 +63,12 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -697,7 +703,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes;
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -867,7 +873,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;

package/internal/testing/index.js

@@ -2221,10 +2221,17 @@ var globalStyleSheet;
 var GLOBAL_STYLE_ID = "sc-global";
 function createShadowRoot(cmpMeta) {
   var _a;
-  const shadowRoot = import_app_data.BUILD.shadowDelegatesFocus ? this.attachShadow({
-    mode: "open",
-    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
-  }) : this.attachShadow({ mode: "open" });
+  const opts = { mode: "open" };
+  if (import_app_data.BUILD.shadowDelegatesFocus) {
+    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+  }
+  if (import_app_data.BUILD.shadowSlotAssignmentManual) {
+    const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
+    if (isManual) {
+      opts.slotAssignment = "manual";
+    }
+  }
+  const shadowRoot = this.attachShadow(opts);
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
@@ -4728,13 +4735,16 @@ render() {
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
         const slotRefNode = relocateData.$slotRefNode$;
+        if (nodeToRelocate.nodeType === 1 /* ElementNode */ && isInitialLoad) {
+          nodeToRelocate["s-ih"] = (_a = nodeToRelocate.hidden) != null ? _a : false;
+        }
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
           if (!import_app_data13.BUILD.hydrateServerSide && (!import_app_data13.BUILD.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
-            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
+            let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
-              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
+              let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
               if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
                 refNode = refNode.nextSibling;
                 while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
@@ -4757,18 +4767,13 @@ render() {
               }
               insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
+                nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
             }
           }
           nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else {
-          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-            if (isInitialLoad) {
-              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
-            }
-            nodeToRelocate.hidden = true;
-          }
+        } else if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+          nodeToRelocate.hidden = true;
         }
       }
     }

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "description": "Stencil internal testing platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -2233,6 +2233,7 @@ var BUILD = {
   constructableCSS: true,
   devTools: false,
   shadowDelegatesFocus: true,
+  shadowSlotAssignmentManual: false,
   initializeNextTick: false,
   asyncLoading: true,
   asyncQueue: false,

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.39.0-dev.1766120789.792acf5",
+  "version": "4.39.0-dev.1766380053.d3b8b7a",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.39.0-dev.1766120789.792acf5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.39.0-dev.1766380053.d3b8b7a | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;