@stencil/core 4.36.3 → 4.37.0

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.36.3",
+  "version": "4.37.0",
   "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-core/index.d.ts

@@ -39,6 +39,7 @@ export {
   Host,
   Listen,
   Method,
+  Mixin,
   Prop,
   readTask,
   render,

package/internal/stencil-core/index.js

@@ -7,6 +7,7 @@ export {
   getRenderingRef,
   h,
   Host,
+  Mixin,
   readTask,
   render,
   setAssetPath,

package/internal/stencil-private.d.ts

@@ -532,6 +532,7 @@ export interface ComponentCompilerMeta extends ComponentCompilerFeatures {
      */
     directDependents: string[];
     docs: CompilerJsDoc;
+    doesExtend: boolean;
     elementRef: string;
     encapsulation: Encapsulation;
     events: ComponentCompilerEvent[];
@@ -1075,6 +1076,8 @@ export type ModuleMap = Map<string, Module>;
  */
 export interface Module {
     cmps: ComponentCompilerMeta[];
+    isMixin: boolean;
+    isExtended: boolean;
     /**
      * A collection of modules that a component will need. The modules in this list must have import statements generated
      * in order for the component to function.

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

@@ -1,4 +1,6 @@
 declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+type MixinFactory = <TBase extends abstract new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -349,6 +351,25 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```
+ * const AWrap = (Base) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = (Base) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = (Base) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports

package/internal/testing/index.js

@@ -21,10 +21,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   Build: () => Build,
-  Env: () => import_app_data23.Env,
+  Env: () => import_app_data24.Env,
   Fragment: () => Fragment,
   HYDRATED_STYLE_ID: () => HYDRATED_STYLE_ID,
   Host: () => Host,
+  Mixin: () => Mixin,
   addHostEventListeners: () => addHostEventListeners,
   bootstrapLazy: () => bootstrapLazy,
   connectedCallback: () => connectedCallback,
@@ -375,7 +376,7 @@ var isMemberInElement = (elm, memberName) => {
 };
 
 // src/testing/platform/index.ts
-var import_app_data23 = require("@stencil/core/internal/app-data");
+var import_app_data24 = require("@stencil/core/internal/app-data");
 
 // src/runtime/asset-path.ts
 var getAssetPath = (path) => {
@@ -3826,7 +3827,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const setWatchIsReady = () => hostRef.$flags$ |= 128 /* isWatchReady */;
+      if (!!customElements.get(cmpTag)) {
+        setWatchIsReady();
+      } else {
+        customElements.whenDefined(cmpTag).then(setWatchIsReady);
+      }
     }
     if (import_app_data17.BUILD.style && Cstr && Cstr.style) {
       let style;
@@ -4359,6 +4365,15 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
   capture: (flags & 2 /* Capture */) !== 0
 } : (flags & 2 /* Capture */) !== 0;
 
+// src/runtime/mixin.ts
+var import_app_data23 = require("@stencil/core/internal/app-data");
+var baseClass = import_app_data23.BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
+function Mixin(...mixins) {
+  return mixins.reduceRight((acc, mixin) => mixin(acc), baseClass);
+}
+
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
@@ -4537,6 +4552,7 @@ var scopedSSR = false;
   Fragment,
   HYDRATED_STYLE_ID,
   Host,
+  Mixin,
   addHostEventListeners,
   bootstrapLazy,
   connectedCallback,

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.36.3",
+  "version": "4.37.0",
   "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.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.37.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.37.0 | 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.36.3",
+  "version": "4.37.0",
   "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.36.3",
+  "version": "4.37.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -121,7 +121,7 @@
     "test.dist": "npm run ts scripts/index.ts -- --validate-build",
     "test.end-to-end": "cd test/end-to-end && npm ci && npm test && npm run test.dist",
     "test.jest": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js",
-    "test.type-tests": "cd ./test/wdio && npm install && npm run build.main && cd ../../ && tsc -p test/type-tests/tsconfig.json",
+    "test.type-tests": "cd ./test/wdio && npm install && npm run build.test-sibling && npm run build.main && cd ../../ && tsc -p test/type-tests/tsconfig.json",
     "test.wdio": "cd test/wdio && npm ci && npm run test",
     "test.wdio.testOnly": "cd test/wdio && npm ci && npm run wdio",
     "test.prod": "npm run test.dist && npm run test.end-to-end && npm run test.jest && npm run test.wdio && npm run test.testing && npm run test.analysis",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.37.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -733,6 +733,11 @@ var _colonHostContextRe = createSupportsRuleRe(":host-context");
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
+// src/runtime/mixin.ts
+var baseClass = BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
+
 // src/utils/util.ts
 var lowerPathParam = (fn) => (p) => fn(p.toLowerCase());
 var isDtsFile = lowerPathParam((p) => p.endsWith(".d.ts") || p.endsWith(".d.mts") || p.endsWith(".d.cts"));

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.36.3",
+  "version": "4.37.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.36.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.37.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;