@stencil/core 4.41.3 → 4.42.0

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

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -1419,6 +1438,8 @@ export declare namespace JSXBase {
         results?: number;
         security?: string;
         unselectable?: boolean;
+        [key: `attr:${string}`]: string;
+        [key: `prop:${string}`]: any;
     }
     interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
         class?: string | {
@@ -1680,6 +1701,8 @@ export declare namespace JSXBase {
         yChannelSelector?: string;
         z?: number | string;
         zoomAndPan?: string;
+        [key: `attr:${string}`]: string;
+        [key: `prop:${string}`]: any;
     }
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
     interface ToggleEvent extends Event {

package/internal/testing/index.js

@@ -3063,6 +3063,12 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, stylesheet];
         }
         appliedStyles.add(scopeId2);
+        if (import_app_data7.BUILD.hydrateClientSide && "host" in styleContainerNode) {
+          const ssrStyleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
+          if (ssrStyleElm) {
+            writeTask(() => ssrStyleElm.remove());
+          }
+        }
       }
     }
   }
@@ -4186,6 +4192,23 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
         plt.ael(elm, memberName, newValue, capture);
       }
     }
+  } else if (import_app_data11.BUILD.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const attrName = memberName.slice(5);
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (import_app_data11.BUILD.vdomPropOrAttr && memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
   } else if (import_app_data11.BUILD.vdomPropOrAttr) {
     const isComplex = isComplexType(newValue);
     if ((isProp || isComplex && newValue !== null) && !isSvg) {
@@ -4194,7 +4217,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
           const n = newValue == null ? "" : newValue;
           if (memberName === "list") {
             isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
+          } else if (oldValue == null || elm[memberName] !== n) {
             if (typeof elm.__lookupSetter__(memberName) === "function") {
               elm[memberName] = n;
             } else {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.41.3",
+  "version": "4.42.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.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.42.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.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.42.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.41.3",
+  "version": "4.42.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.41.3",
+  "version": "4.42.0",
   "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.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.42.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.41.3",
+  "version": "4.42.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.41.3 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.42.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;