@mgdis/mg-components 5.24.0 → 5.25.1

package/dist/cjs/{index-3d4f1cfd.js → index-0256ee6d.js}

@@ -1982,7 +1982,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
@@ -2028,6 +2029,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;
@@ -2245,11 +2254,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     if (cmpTags.length > 0) {
         // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
         if (hasSlotRelocation) {
-            dataStyles.innerHTML += SLOT_FB_CSS;
+            dataStyles.textContent += SLOT_FB_CSS;
         }
         // Add hydration styles
         {
-            dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+            dataStyles.textContent += cmpTags + HYDRATED_CSS;
         }
         // If we have styles, add them to the DOM
         if (dataStyles.innerHTML.length) {
@@ -2513,4 +2522,4 @@ exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
 
-//# sourceMappingURL=index-3d4f1cfd.js.map
+//# sourceMappingURL=index-0256ee6d.js.map