smart-lifecycle 0.2.0 → 0.2.1

package/dist/decorators/smart-render.decorator.js

@@ -1,4 +1,12 @@
 import { Services } from "../providers/service-provider.js";
+function getRequiredDecoratorService(token) {
+    if (!Services.has(token)) {
+        throw new Error(`[SmartRender] Framework services are not available. ` +
+            `Call bootstrapFramework(Services) before importing or defining components ` +
+            `that use @SmartRender. Missing service: '${token}'.`);
+    }
+    return Services.get(token);
+}
 /**
  * @SmartRender decorator - Marks a class as a SmartComponent with declarative configuration.
  *
@@ -28,12 +36,12 @@ export function SmartRender(config) {
                 selector: config.selector,
                 template: config.template || "",
             };
-            Services.get("IComponentMetadataRegistry").register(config.selector, metadata);
+            getRequiredDecoratorService("IComponentMetadataRegistry").register(config.selector, metadata);
             const options = {
                 initializer: config.initializer,
                 lifecycle: config.lifecycle,
             };
-            Services.get("ISmartElementRegistrar").register(config.selector, target, options);
+            getRequiredDecoratorService("ISmartElementRegistrar").register(config.selector, target, options);
         }
         return target;
     };

package/dist/decorators/smart.decorator.js

@@ -1,5 +1,13 @@
 import { SmartRender as SmartComponentDecorator } from "./smart-render.decorator.js";
 import { Services } from "../providers/service-provider.js";
+function getRequiredDecoratorService(token) {
+    if (!Services.has(token)) {
+        throw new Error(`[Smart] Framework services are not available. ` +
+            `Call bootstrapFramework(Services) before importing or defining components ` +
+            `that use @Smart. Missing service: '${token}'.`);
+    }
+    return Services.get(token);
+}
 /**
  * Implements the responsibility of providing a functional decorator for SmartComponents.
  *
@@ -23,7 +31,7 @@ export function Smart(selector, setup) {
     if (!setup)
         throw new Error("setup is required");
     const decorator = ((target) => {
-        const factory = Services.get("ISmartComponentFactory");
+        const factory = getRequiredDecoratorService("ISmartComponentFactory");
         const config = factory.captureConfig(setup);
         const EnhancedClass = factory.createEnhancedClass(target, config);
         const InitializerClass = factory.createInitializerClass(config);

package/dist/registration/smart-element-factory.js

@@ -101,7 +101,7 @@ export class SmartElementFactory {
                     }
                 });
                 const componentId = this.tagName.toLowerCase();
-                const targetRoot = this.attachShadow({ mode: "open" });
+                const targetRoot = this.shadowRoot ?? this.attachShadow({ mode: "open" });
                 // Inherit the document-level data-theme so that Shadow DOM CSS rules
                 // (e.g. Pico CSS :host(:not([data-theme=dark]))) respect the current theme.
                 const docTheme = document.documentElement.getAttribute("data-theme");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smart-lifecycle",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A tiny lifecycle-focused framework for building reactive web components",
   "main": "dist/index.js",
   "module": "dist/index.js",