@stencil/core 4.40.1 → 4.41.0

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.40.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.41.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -345,6 +345,8 @@ var isString = (v) => typeof v === "string";
 
 // src/utils/local-value.ts
 var LocalValue = class _LocalValue {
+  type;
+  value;
   constructor(type, value) {
     if (type === "undefined" /* Undefined */ || type === "null" /* Null */) {
       this.type = type;
@@ -2277,8 +2279,8 @@ var createAttributeProxy = (caseInsensitive) => new Proxy(new MockAttributeMap(c
 var MockAttributeMap = class {
   constructor(caseInsensitive = false) {
     this.caseInsensitive = caseInsensitive;
-    this.__items = [];
   }
+  __items = [];
   get length() {
     return this.__items.length;
   }
@@ -2367,6 +2369,9 @@ function sortAttributes(a, b) {
   return 0;
 }
 var MockAttr = class {
+  _name;
+  _value;
+  _namespaceURI;
   constructor(attrName, attrValue, namespaceURI = null) {
     this._name = attrName;
     this._value = String(attrValue);
@@ -2406,9 +2411,7 @@ var MockAttr = class {
 
 // src/mock-doc/css-style-declaration.ts
 var MockCSSStyleDeclaration = class {
-  constructor() {
-    this._styles = /* @__PURE__ */ new Map();
-  }
+  _styles = /* @__PURE__ */ new Map();
   setProperty(prop, value) {
     prop = jsCaseToCssCase(prop);
     if (value == null || value === "") {
@@ -2494,6 +2497,8 @@ var MockCustomElementRegistry = class {
   constructor(win2) {
     this.win = win2;
   }
+  __registry;
+  __whenDefined;
   define(tagName, cstr, options) {
     if (tagName.toLowerCase() !== tagName) {
       throw new Error(
@@ -2728,15 +2733,17 @@ function dashToPascalCase2(str) {
 
 // src/mock-doc/event.ts
 var MockEvent = class {
+  bubbles = false;
+  cancelBubble = false;
+  cancelable = false;
+  composed = false;
+  currentTarget = null;
+  defaultPrevented = false;
+  srcElement = null;
+  target = null;
+  timeStamp;
+  type;
   constructor(type, eventInitDict) {
-    this.bubbles = false;
-    this.cancelBubble = false;
-    this.cancelable = false;
-    this.composed = false;
-    this.currentTarget = null;
-    this.defaultPrevented = false;
-    this.srcElement = null;
-    this.target = null;
     if (typeof type !== "string") {
       throw new Error(`Event type required`);
     }
@@ -2778,69 +2785,71 @@ var MockEvent = class {
   }
 };
 var MockCustomEvent = class extends MockEvent {
+  detail = null;
   constructor(type, customEventInitDic) {
     super(type);
-    this.detail = null;
     if (customEventInitDic != null) {
       Object.assign(this, customEventInitDic);
     }
   }
 };
 var MockKeyboardEvent = class extends MockEvent {
+  code = "";
+  key = "";
+  altKey = false;
+  ctrlKey = false;
+  metaKey = false;
+  shiftKey = false;
+  location = 0;
+  repeat = false;
   constructor(type, keyboardEventInitDic) {
     super(type);
-    this.code = "";
-    this.key = "";
-    this.altKey = false;
-    this.ctrlKey = false;
-    this.metaKey = false;
-    this.shiftKey = false;
-    this.location = 0;
-    this.repeat = false;
     if (keyboardEventInitDic != null) {
       Object.assign(this, keyboardEventInitDic);
     }
   }
 };
 var MockMouseEvent = class extends MockEvent {
+  screenX = 0;
+  screenY = 0;
+  clientX = 0;
+  clientY = 0;
+  ctrlKey = false;
+  shiftKey = false;
+  altKey = false;
+  metaKey = false;
+  button = 0;
+  buttons = 0;
+  relatedTarget = null;
   constructor(type, mouseEventInitDic) {
     super(type);
-    this.screenX = 0;
-    this.screenY = 0;
-    this.clientX = 0;
-    this.clientY = 0;
-    this.ctrlKey = false;
-    this.shiftKey = false;
-    this.altKey = false;
-    this.metaKey = false;
-    this.button = 0;
-    this.buttons = 0;
-    this.relatedTarget = null;
     if (mouseEventInitDic != null) {
       Object.assign(this, mouseEventInitDic);
     }
   }
 };
 var MockUIEvent = class extends MockEvent {
+  detail = null;
+  view = null;
   constructor(type, uiEventInitDic) {
     super(type);
-    this.detail = null;
-    this.view = null;
     if (uiEventInitDic != null) {
       Object.assign(this, uiEventInitDic);
     }
   }
 };
 var MockFocusEvent = class extends MockUIEvent {
+  relatedTarget = null;
   constructor(type, focusEventInitDic) {
     super(type);
-    this.relatedTarget = null;
     if (focusEventInitDic != null) {
       Object.assign(this, focusEventInitDic);
     }
   }
 };
 var MockEventListener = class {
+  type;
+  handler;
   constructor(type, handler) {
     this.type = type;
     this.handler = handler;
@@ -13003,6 +13012,12 @@ function getItems(elm, attr) {
 
 // src/mock-doc/node.ts
 var MockNode2 = class {
+  _nodeValue;
+  nodeName;
+  nodeType;
+  ownerDocument;
+  parentNode;
+  childNodes;
   constructor(ownerDocument, nodeType, nodeName, nodeValue) {
     this.ownerDocument = ownerDocument;
     this.nodeType = nodeType;
@@ -13163,14 +13178,17 @@ var MockNode2 = class {
     return dispatchEvent(this, ev);
   }
 };
-MockNode2.ELEMENT_NODE = 1;
-MockNode2.TEXT_NODE = 3;
-MockNode2.PROCESSING_INSTRUCTION_NODE = 7;
-MockNode2.COMMENT_NODE = 8;
-MockNode2.DOCUMENT_NODE = 9;
-MockNode2.DOCUMENT_TYPE_NODE = 10;
-MockNode2.DOCUMENT_FRAGMENT_NODE = 11;
+__publicField(MockNode2, "ELEMENT_NODE", 1);
+__publicField(MockNode2, "TEXT_NODE", 3);
+__publicField(MockNode2, "PROCESSING_INSTRUCTION_NODE", 7);
+__publicField(MockNode2, "COMMENT_NODE", 8);
+__publicField(MockNode2, "DOCUMENT_NODE", 9);
+__publicField(MockNode2, "DOCUMENT_TYPE_NODE", 10);
+__publicField(MockNode2, "DOCUMENT_FRAGMENT_NODE", 11);
 var MockNodeList = class {
+  childNodes;
+  length;
+  ownerDocument;
   constructor(ownerDocument, childNodes, length) {
     this.ownerDocument = ownerDocument;
     this.childNodes = childNodes;
@@ -13178,6 +13196,10 @@ var MockNodeList = class {
   }
 };
 var MockElement = class extends MockNode2 {
+  __namespaceURI;
+  __attributeMap;
+  __shadowRoot;
+  __style;
   attachInternals() {
     return new Proxy({}, {
       get: function(_target, prop, _receiver) {
@@ -13878,9 +13900,9 @@ function insertBefore2(parentNode, newNode, referenceNode) {
   return newNode;
 }
 var MockHTMLElement = class extends MockElement {
+  __namespaceURI = "http://www.w3.org/1999/xhtml";
   constructor(ownerDocument, nodeName) {
     super(ownerDocument, typeof nodeName === "string" ? nodeName.toUpperCase() : null);
-    this.__namespaceURI = "http://www.w3.org/1999/xhtml";
   }
   get tagName() {
     var _a2;
@@ -14046,15 +14068,16 @@ var MockDocumentTypeNode = class extends MockHTMLElement {
 var MockCSSRule = class {
   constructor(parentStyleSheet) {
     this.parentStyleSheet = parentStyleSheet;
-    this.cssText = "";
-    this.type = 0;
   }
+  cssText = "";
+  type = 0;
 };
 var MockCSSStyleSheet = class {
+  ownerNode;
+  type = "text/css";
+  parentStyleSheet = null;
+  cssRules = [];
   constructor(ownerNode) {
-    this.type = "text/css";
-    this.parentStyleSheet = null;
-    this.cssRules = [];
     this.ownerNode = ownerNode;
   }
   get rules() {
@@ -14340,6 +14363,7 @@ patchPropAttributes(MockLinkElement.prototype, {
   type: String
 });
 var MockMetaElement = class extends MockHTMLElement {
+  content;
   constructor(ownerDocument) {
     super(ownerDocument, "meta");
   }
@@ -14364,35 +14388,33 @@ patchPropAttributes(MockScriptElement.prototype, {
   type: String
 });
 var MockDOMMatrix = class _MockDOMMatrix {
-  constructor() {
-    this.a = 1;
-    this.b = 0;
-    this.c = 0;
-    this.d = 1;
-    this.e = 0;
-    this.f = 0;
-    this.m11 = 1;
-    this.m12 = 0;
-    this.m13 = 0;
-    this.m14 = 0;
-    this.m21 = 0;
-    this.m22 = 1;
-    this.m23 = 0;
-    this.m24 = 0;
-    this.m31 = 0;
-    this.m32 = 0;
-    this.m33 = 1;
-    this.m34 = 0;
-    this.m41 = 0;
-    this.m42 = 0;
-    this.m43 = 0;
-    this.m44 = 1;
-    this.is2D = true;
-    this.isIdentity = true;
-  }
   static fromMatrix() {
     return new _MockDOMMatrix();
   }
+  a = 1;
+  b = 0;
+  c = 0;
+  d = 1;
+  e = 0;
+  f = 0;
+  m11 = 1;
+  m12 = 0;
+  m13 = 0;
+  m14 = 0;
+  m21 = 0;
+  m22 = 1;
+  m23 = 0;
+  m24 = 0;
+  m31 = 0;
+  m32 = 0;
+  m33 = 1;
+  m34 = 0;
+  m41 = 0;
+  m42 = 0;
+  m43 = 0;
+  m44 = 1;
+  is2D = true;
+  isIdentity = true;
   inverse() {
     return new _MockDOMMatrix();
   }
@@ -14438,12 +14460,10 @@ var MockDOMMatrix = class _MockDOMMatrix {
   }
 };
 var MockDOMPoint = class {
-  constructor() {
-    this.w = 1;
-    this.x = 0;
-    this.y = 0;
-    this.z = 0;
-  }
+  w = 1;
+  x = 0;
+  y = 0;
+  z = 0;
   toJSON() {
   }
   matrixTransform() {
@@ -14451,14 +14471,13 @@ var MockDOMPoint = class {
   }
 };
 var MockSVGRect = class {
-  constructor() {
-    this.height = 10;
-    this.width = 10;
-    this.x = 0;
-    this.y = 0;
-  }
+  height = 10;
+  width = 10;
+  x = 0;
+  y = 0;
 };
 var MockStyleElement = class extends MockHTMLElement {
+  sheet;
   constructor(ownerDocument) {
     super(ownerDocument, "style");
     this.sheet = new MockCSSStyleSheet(this);
@@ -14483,10 +14502,7 @@ var MockStyleElement = class extends MockHTMLElement {
   }
 };
 var MockSVGElement = class extends MockElement {
-  constructor() {
-    super(...arguments);
-    this.__namespaceURI = "http://www.w3.org/2000/svg";
-  }
+  __namespaceURI = "http://www.w3.org/2000/svg";
   // SVGElement properties and methods
   get ownerSVGElement() {
     return null;
@@ -14543,6 +14559,7 @@ var MockBaseElement = class extends MockHTMLElement {
   }
 };
 var MockTemplateElement = class _MockTemplateElement extends MockHTMLElement {
+  content;
   constructor(ownerDocument) {
     super(ownerDocument, "template");
     this.content = new MockDocumentFragment(ownerDocument);
@@ -14649,6 +14666,8 @@ patchPropAttributes(MockSlotElement.prototype, {
   name: String
 });
 var CanvasRenderingContext = class {
+  context;
+  contextAttributes;
   constructor(context, contextAttributes) {
     this.context = context;
     this.contextAttributes = contextAttributes;
@@ -14837,8 +14856,8 @@ function createConsole() {
 
 // src/mock-doc/headers.ts
 var MockHeaders = class {
+  _values = [];
   constructor(init) {
-    this._values = [];
     if (typeof init === "object") {
       if (typeof init[Symbol.iterator] === "function") {
         const kvs = [];
@@ -14976,18 +14995,19 @@ var MockDOMParser = class {
 
 // src/mock-doc/request-response.ts
 var MockRequest = class _MockRequest {
+  _method = "GET";
+  _url = "/";
+  bodyUsed = false;
+  cache = "default";
+  credentials = "same-origin";
+  headers;
+  integrity = "";
+  keepalive = false;
+  mode = "cors";
+  redirect = "follow";
+  referrer = "about:client";
+  referrerPolicy = "";
   constructor(input, init = {}) {
-    this._method = "GET";
-    this._url = "/";
-    this.bodyUsed = false;
-    this.cache = "default";
-    this.credentials = "same-origin";
-    this.integrity = "";
-    this.keepalive = false;
-    this.mode = "cors";
-    this.redirect = "follow";
-    this.referrer = "about:client";
-    this.referrerPolicy = "";
     if (typeof input === "string") {
       this.url = input;
     } else if (input) {
@@ -15027,12 +15047,14 @@ var MockRequest = class _MockRequest {
   }
 };
 var MockResponse = class _MockResponse {
+  _body;
+  headers;
+  ok = true;
+  status = 200;
+  statusText = "";
+  type = "default";
+  url = "";
   constructor(body, init = {}) {
-    this.ok = true;
-    this.status = 200;
-    this.statusText = "";
-    this.type = "default";
-    this.url = "";
     this._body = body;
     if (init) {
       Object.assign(this, init);
@@ -15173,9 +15195,7 @@ var GLOBAL_CONSTRUCTORS = [
 
 // src/mock-doc/history.ts
 var MockHistory = class {
-  constructor() {
-    this.items = [];
-  }
+  items = [];
   get length() {
     return this.items.length;
   }
@@ -15210,20 +15230,18 @@ var MockIntersectionObserver = class {
 
 // src/mock-doc/location.ts
 var MockLocation = class {
-  constructor() {
-    this.ancestorOrigins = null;
-    this.protocol = "";
-    this.host = "";
-    this.hostname = "";
-    this.port = "";
-    this.pathname = "";
-    this.search = "";
-    this.hash = "";
-    this.username = "";
-    this.password = "";
-    this.origin = "";
-    this._href = "";
-  }
+  ancestorOrigins = null;
+  protocol = "";
+  host = "";
+  hostname = "";
+  port = "";
+  pathname = "";
+  search = "";
+  hash = "";
+  username = "";
+  password = "";
+  origin = "";
+  _href = "";
   get href() {
     return this._href;
   }
@@ -15254,17 +15272,17 @@ var MockLocation = class {
 
 // src/mock-doc/navigator.ts
 var MockNavigator = class {
-  constructor() {
-    this.appCodeName = "MockNavigator";
-    this.appName = "MockNavigator";
-    this.appVersion = "MockNavigator";
-    this.platform = "MockNavigator";
-    this.userAgent = "MockNavigator";
-  }
+  appCodeName = "MockNavigator";
+  appName = "MockNavigator";
+  appVersion = "MockNavigator";
+  platform = "MockNavigator";
+  userAgent = "MockNavigator";
 };
 
 // src/mock-doc/performance.ts
 var MockPerformance = class {
+  timeOrigin;
+  eventCounts;
   constructor() {
     this.timeOrigin = Date.now();
     this.eventCounts = /* @__PURE__ */ new Map();
@@ -15392,9 +15410,7 @@ var MockShadowRoot = class extends MockDocumentFragment {
 
 // src/mock-doc/storage.ts
 var MockStorage = class {
-  constructor() {
-    this.items = /* @__PURE__ */ new Map();
-  }
+  items = /* @__PURE__ */ new Map();
   key(_value) {
   }
   getItem(key) {
@@ -15426,6 +15442,44 @@ var nativeSetTimeout = globalThis.setTimeout;
 var nativeURL = globalThis.URL;
 var nativeWindow = globalThis.window;
 var MockWindow = class {
+  __timeouts;
+  __history;
+  __elementCstr;
+  __htmlElementCstr;
+  __charDataCstr;
+  __docTypeCstr;
+  __docCstr;
+  __docFragCstr;
+  __domTokenListCstr;
+  __nodeCstr;
+  __nodeListCstr;
+  __localStorage;
+  __sessionStorage;
+  __location;
+  __navigator;
+  __clearInterval;
+  __clearTimeout;
+  __setInterval;
+  __setTimeout;
+  __maxTimeout;
+  __allowInterval;
+  URL;
+  console;
+  customElements;
+  document;
+  performance;
+  devicePixelRatio;
+  innerHeight;
+  innerWidth;
+  pageXOffset;
+  pageYOffset;
+  screen;
+  screenLeft;
+  screenTop;
+  screenX;
+  screenY;
+  scrollX;
+  scrollY;
   constructor(html = null) {
     if (html !== false) {
       this.document = new MockDocument(html, this);
@@ -16115,6 +16169,9 @@ function resetWindowDimensions(win2) {
 
 // src/mock-doc/document.ts
 var MockDocument = class _MockDocument extends MockHTMLElement {
+  defaultView;
+  cookie;
+  referrer;
   constructor(html = null, win2 = null) {
     super(null, null);
     this.nodeName = "#document" /* DOCUMENT_NODE */;
@@ -16832,6 +16889,10 @@ var parseCss = (css, filePath) => {
     });
   };
   class ParsePosition {
+    start;
+    end;
+    source;
+    content;
     constructor(start) {
       this.start = start;
       this.end = { line: lineno, column };

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.40.1",
+  "version": "4.41.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/jsx-dev-runtime.cjs

@@ -0,0 +1,7 @@
+// Export automatic JSX development runtime (CommonJS)
+// Note: This requires the client platform to be built
+const client = require('../client/index.js');
+module.exports = {
+  jsxDEV: client.jsxDEV,
+  Fragment: client.Fragment,
+};

package/internal/stencil-core/jsx-dev-runtime.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Automatic JSX Development Runtime type definitions for Stencil
+ *
+ * This module provides TypeScript type definitions for the automatic JSX development runtime.
+ * When using "jsx": "react-jsxdev" in tsconfig.json with "jsxImportSource": "@stencil/core",
+ * TypeScript will automatically import from this module in development mode.
+ */
+
+import type { VNode } from '../stencil-public-runtime';
+
+export { Fragment } from '../stencil-public-runtime';
+
+/**
+ * JSX development runtime function for creating elements with debug info.
+ */
+export function jsxDEV(
+  type: any,
+  props: any,
+  key?: string | number,
+  isStaticChildren?: boolean,
+  source?: any,
+  self?: any,
+): VNode;

package/internal/stencil-core/jsx-dev-runtime.js

@@ -0,0 +1,2 @@
+// Re-export from the client platform (same pattern as index.js)
+export { jsxDEV, Fragment } from '../client/index.js';

package/internal/stencil-core/jsx-runtime.cjs

@@ -0,0 +1,8 @@
+// Export automatic JSX runtime (CommonJS)
+// Note: This requires the client platform to be built
+const client = require('../client/index.js');
+module.exports = {
+  jsx: client.jsx,
+  jsxs: client.jsxs,
+  Fragment: client.Fragment,
+};

package/internal/stencil-core/jsx-runtime.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Automatic JSX Runtime type definitions for Stencil
+ *
+ * This module provides TypeScript type definitions for the automatic JSX runtime.
+ * When using "jsx": "react-jsx" or "jsx": "react-jsxdev" in tsconfig.json with
+ * "jsxImportSource": "@stencil/core", TypeScript will automatically import from
+ * these modules instead of requiring manual `h` imports.
+ */
+
+import type { VNode } from '../stencil-public-runtime';
+
+export { Fragment } from '../stencil-public-runtime';
+
+/**
+ * JSX runtime function for creating elements in production mode.
+ */
+export function jsx(type: any, props: any, key?: string): VNode;
+
+/**
+ * JSX runtime function for creating elements with static children.
+ */
+export function jsxs(type: any, props: any, key?: string): VNode;

package/internal/stencil-core/jsx-runtime.js

@@ -0,0 +1,2 @@
+// Re-export from the client platform (same pattern as index.js)
+export { jsx, jsxs, Fragment } from '../client/index.js';