proto-ikons-wc 0.0.133 → 0.0.134

package/dist/cjs/acura-ikon_119.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f253d46b.js');
+const index = require('./index-8d6b7e45.js');
 
 const acuraIkonCss = "";
 const AcuraIkonStyle0 = acuraIkonCss;

package/dist/cjs/{index-f253d46b.js → index-8d6b7e45.js}

@@ -1290,7 +1290,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
         // Let the runtime know that the component has been initialized
         hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
-        {
+        const bundleId = cmpMeta.$lazyBundleId$;
+        if (bundleId) {
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1327,6 +1328,14 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             }
             endNewInstance();
         }
+        else {
+            // sync constructor component
+            Cstr = elm.constructor;
+            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
+            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
+            // Stencil has completed instantiating the component.
+            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
+        }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f253d46b.js');
+const index = require('./index-8d6b7e45.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/proto-ikons-wc.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f253d46b.js');
+const index = require('./index-8d6b7e45.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.12.4 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.5 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-ikons-wc.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -122,7 +122,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.12.4",
+    "version": "4.12.5",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

package/dist/esm/acura-ikon_119.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-2ad4189f.js';
+import { r as registerInstance, h } from './index-5d0bd19b.js';
 
 const acuraIkonCss = "";
 const AcuraIkonStyle0 = acuraIkonCss;

package/dist/esm/{index-2ad4189f.js → index-5d0bd19b.js}

@@ -1268,7 +1268,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
         // Let the runtime know that the component has been initialized
         hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
-        {
+        const bundleId = cmpMeta.$lazyBundleId$;
+        if (bundleId) {
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element
@@ -1305,6 +1306,14 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
             }
             endNewInstance();
         }
+        else {
+            // sync constructor component
+            Cstr = elm.constructor;
+            // wait for the CustomElementRegistry to mark the component as ready before setting `isWatchReady`. Otherwise,
+            // watchers may fire prematurely if `customElements.get()`/`customElements.whenDefined()` resolves _before_
+            // Stencil has completed instantiating the component.
+            customElements.whenDefined(cmpMeta.$tagName$).then(() => (hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */));
+        }
         if (Cstr.style) {
             // this component has styles but we haven't registered them yet
             let style = Cstr.style;

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-2ad4189f.js';
-export { s as setNonce } from './index-2ad4189f.js';
+import { b as bootstrapLazy } from './index-5d0bd19b.js';
+export { s as setNonce } from './index-5d0bd19b.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/proto-ikons-wc.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-2ad4189f.js';
-export { s as setNonce } from './index-2ad4189f.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-5d0bd19b.js';
+export { s as setNonce } from './index-5d0bd19b.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.12.4 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.5 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;