proto-ikons-wc 0.0.132 → 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-9959af7f.js');
+const index = require('./index-8d6b7e45.js');
 
 const acuraIkonCss = "";
 const AcuraIkonStyle0 = acuraIkonCss;

package/dist/cjs/{index-9959af7f.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;
@@ -1584,14 +1593,6 @@ const registerHost = (hostElement, cmpMeta) => {
 const isMemberInElement = (elm, memberName) => memberName in elm;
 const consoleError = (e, el) => (0, console.error)(e, el);
 const cmpModules = /*@__PURE__*/ new Map();
-/**
- * We need to separate out this prefix so that Esbuild doesn't try to resolve
- * the below, but instead retains a dynamic `import()` statement in the
- * emitted code.
- *
- * See here for details https://esbuild.github.io/api/#glob
- */
-const MODULE_IMPORT_PREFIX = './';
 const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     // loadModuleImport
     const exportName = cmpMeta.$tagName$.replace(/-/g, '_');
@@ -1606,7 +1607,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `${MODULE_IMPORT_PREFIX}${bundleId}.entry.js${''}`)); }).then((importedModule) => {
+    `./${bundleId}.entry.js${''}`)); }).then((importedModule) => {
         {
             cmpModules.set(bundleId, importedModule);
         }

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9959af7f.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-9959af7f.js');
+const index = require('./index-8d6b7e45.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.12.3 | 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.3",
+    "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-73ec75bb.js';
+import { r as registerInstance, h } from './index-5d0bd19b.js';
 
 const acuraIkonCss = "";
 const AcuraIkonStyle0 = acuraIkonCss;

package/dist/esm/{index-73ec75bb.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;
@@ -1562,14 +1571,6 @@ const registerHost = (hostElement, cmpMeta) => {
 const isMemberInElement = (elm, memberName) => memberName in elm;
 const consoleError = (e, el) => (0, console.error)(e, el);
 const cmpModules = /*@__PURE__*/ new Map();
-/**
- * We need to separate out this prefix so that Esbuild doesn't try to resolve
- * the below, but instead retains a dynamic `import()` statement in the
- * emitted code.
- *
- * See here for details https://esbuild.github.io/api/#glob
- */
-const MODULE_IMPORT_PREFIX = './';
 const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     // loadModuleImport
     const exportName = cmpMeta.$tagName$.replace(/-/g, '_');
@@ -1584,7 +1585,7 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `${MODULE_IMPORT_PREFIX}${bundleId}.entry.js${''}`).then((importedModule) => {
+    `./${bundleId}.entry.js${''}`).then((importedModule) => {
         {
             cmpModules.set(bundleId, importedModule);
         }

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-73ec75bb.js';
-export { s as setNonce } from './index-73ec75bb.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-73ec75bb.js';
-export { s as setNonce } from './index-73ec75bb.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.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.5 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;