@wirestate/lit 0.6.0 → 0.7.0-experimental.1

package/cjs/development/index.js

@@ -2,52 +2,131 @@
 
 var context = require('@lit/context');
 var core = require('@wirestate/core');
+var tslib = require('tslib');
 
+/**
+ * Unique symbol used as a key for the IoC context.
+ *
+ * @group Context
+ */
 var IOC_CONTAINER_KEY = Symbol("ContainerContext");
-var ContainerContext = context.createContext(IOC_CONTAINER_KEY);
+/**
+ * Lit context object for providing and consuming the IoC container.
+ *
+ * @group Context
+ */
+var IocContextObject = context.createContext(IOC_CONTAINER_KEY);
 
-function injection(_a) {
-  var injectionId = _a.injectionId,
-    subscribe = _a.subscribe;
+/**
+ * Decorator to inject a service from the IoC container into a Lit element property.
+ *
+ * @group Consumption
+ *
+ * @param optionsOrInjectionId - Injection options or service identifier.
+ * @returns An instance of {@link InjectionDecorator}.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @injection(MyService)
+ *   private myService!: MyService;
+ *
+ *   public render() {
+ *     return html`<div>${this.myService.getName()}</div>`;
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @injection({ injectionId: MyService, once: true })
+ *   private myService!: MyService;
+ *
+ *   public render() {
+ *     return html`<div>${this.myService.getName()}</div>`;
+ *   }
+ * }
+ * ```
+ */
+function injection(optionsOrInjectionId) {
+  var options = typeof optionsOrInjectionId === "object" && optionsOrInjectionId !== null && "injectionId" in optionsOrInjectionId ? optionsOrInjectionId : {
+    injectionId: optionsOrInjectionId
+  };
   return function (protoOrTarget, nameOrContext) {
+    var injectionId = options.injectionId,
+      once = options.once;
     // Standard decorators branch.
     if (typeof nameOrContext === "object") {
       nameOrContext.addInitializer(function () {
         var _this = this;
         new context.ContextConsumer(this, {
-          context: ContainerContext,
+          context: IocContextObject,
           callback: function (it) {
             protoOrTarget.set.call(_this, it.container.get(injectionId));
           },
-          subscribe: subscribe
+          subscribe: !once
         });
       });
     } else {
       // Experimental decorators branch.
       protoOrTarget.constructor.addInitializer(function (element) {
         new context.ContextConsumer(element, {
-          context: ContainerContext,
+          context: IocContextObject,
           callback: function (it) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             element[nameOrContext] = it.container.get(injectionId);
           },
-          subscribe: subscribe
+          subscribe: !once
         });
       });
     }
   };
 }
 
-function useInjection(host, _a) {
-  var once = _a.once,
-    injectionId = _a.injectionId,
-    value = _a.value;
+/**
+ * Hook (controller) to inject a service from the IoC container.
+ *
+ * @group Consumption
+ *
+ * @param host - The host element.
+ * @param optionsOrInjectionId - Injection options or service identifier.
+ * @returns An instance of {@link UseInjectionValue}.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private myService = useInjection(this, MyService);
+ *
+ *   render() {
+ *     return html`<div>${this.myService.value.getName()}</div>`;
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private myService = useInjection(this, { injectionId: MyService, once: true });
+ *
+ *   render() {
+ *     return html`<div>${this.myService.value.getName()}</div>`;
+ *   }
+ * }
+ * ```
+ */
+function useInjection(host, optionsOrInjectionId) {
+  var options = typeof optionsOrInjectionId === "object" && optionsOrInjectionId !== null && "injectionId" in optionsOrInjectionId ? optionsOrInjectionId : {
+    injectionId: optionsOrInjectionId
+  };
+  var once = options.once,
+    injectionId = options.injectionId,
+    value = options.value;
   var current = {
     value: value,
     injectionId: injectionId
   };
   new context.ContextConsumer(host, {
-    context: ContainerContext,
+    context: IocContextObject,
     subscribe: !once,
     callback: function (it) {
       current.value = it.container.get(injectionId);
@@ -56,15 +135,441 @@ function useInjection(host, _a) {
   return current;
 }
 
-var ContainerProviderController = /** @class */function () {
-  function ContainerProviderController(host, container) {
+/**
+ * Controller that registers a command handler for the host element's lifetime.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ * It automatically re-registers if the IoC container is updated.
+ *
+ * @group Commands
+ */
+var OnCommandController = /** @class */function () {
+  /**
+   * @param host - The host element.
+   * @param type - Unique identifier of the command to handle.
+   * @param handler - The command handler function.
+   */
+  function OnCommandController(host, type, handler) {
+    var _this = this;
+    this.bus = null;
+    this.unregister = null;
+    host.addController(this);
+    this.type = type;
+    this.handler = handler;
+    new context.ContextConsumer(host, {
+      context: IocContextObject,
+      subscribe: true,
+      callback: function (context) {
+        _this.bus = context.container.get(core.CommandBus);
+        if (host.isConnected) {
+          _this.reregister();
+        }
+      }
+    });
+  }
+  OnCommandController.prototype.hostConnected = function () {
+    this.reregister();
+  };
+  OnCommandController.prototype.hostDisconnected = function () {
+    this.cleanup();
+  };
+  OnCommandController.prototype.reregister = function () {
+    this.cleanup();
+    if (this.bus) {
+      this.unregister = this.bus.register(this.type, this.handler);
+    }
+  };
+  OnCommandController.prototype.cleanup = function () {
+    var _a;
+    (_a = this.unregister) === null || _a === void 0 ? void 0 : _a.call(this);
+    this.unregister = null;
+  };
+  return OnCommandController;
+}();
+
+/**
+ * Decorator for Lit element methods that handle a specific command.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ *
+ * @group Commands
+ *
+ * @param type - Unique identifier of the command to handle.
+ * @returns A method decorator function.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @onCommand("SAVE")
+ *   private onSave(data: SomeData): void {
+ *     // handle command
+ *   }
+ * }
+ * ```
+ */
+function onCommand(type) {
+  return function (protoOrTarget, nameOrContext) {
+    if (typeof nameOrContext === "object") {
+      // Standard decorators:
+      nameOrContext.addInitializer(function () {
+        var _this = this;
+        new OnCommandController(this, type, function (data) {
+          return _this[nameOrContext.name](data);
+        });
+      });
+    } else {
+      // Experimental legacy decorators:
+      protoOrTarget.constructor.addInitializer(function (element) {
+        new OnCommandController(element, type, function (data) {
+          return element[nameOrContext](data);
+        });
+      });
+    }
+  };
+}
+
+/**
+ * Hook that registers a command handler for the host element's lifetime.
+ *
+ * @group Commands
+ *
+ * @param host - The host element.
+ * @param options - Command handling options.
+ * @param options.type - The command type to listen for.
+ * @param options.handler - The command handler function.
+ * @returns The command controller instance.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private onSave = useOnCommand(this, {
+ *     type: "SAVE",
+ *     handler: (data) => console.log("Saving:", data),
+ *   });
+ * }
+ * ```
+ */
+function useOnCommand(host, _a) {
+  var type = _a.type,
+    handler = _a.handler;
+  return new OnCommandController(host, type, handler);
+}
+
+/**
+ * Controller that subscribes to events for the host element's lifetime.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ * It automatically re-subscribes if the IoC container is updated.
+ *
+ * @group Events
+ */
+var OnEventController = /** @class */function () {
+  /**
+   * @param host - The host element.
+   * @param types - Event types to listen for. If null, all events will be handled.
+   * @param handler - The event handler function.
+   */
+  function OnEventController(host, types, handler) {
+    var _this = this;
+    this.bus = null;
+    this.unsubscriber = null;
+    host.addController(this);
+    this.types = types;
+    this.handler = handler;
+    new context.ContextConsumer(host, {
+      context: IocContextObject,
+      subscribe: true,
+      callback: function (context) {
+        _this.bus = context.container.get(core.EventBus);
+        if (host.isConnected) {
+          _this.resubscribe();
+        }
+      }
+    });
+  }
+  OnEventController.prototype.hostConnected = function () {
+    this.resubscribe();
+  };
+  OnEventController.prototype.hostDisconnected = function () {
+    this.cleanup();
+  };
+  OnEventController.prototype.resubscribe = function () {
+    var _this = this;
+    this.cleanup();
+    if (this.bus) {
+      if (this.types === null) {
+        this.unsubscriber = this.bus.subscribe(this.handler);
+      } else {
+        this.unsubscriber = this.bus.subscribe(function (event) {
+          if (_this.types.includes(event.type)) {
+            _this.handler(event);
+          }
+        });
+      }
+    }
+  };
+  OnEventController.prototype.cleanup = function () {
+    var _a;
+    (_a = this.unsubscriber) === null || _a === void 0 ? void 0 : _a.call(this);
+    this.unsubscriber = null;
+  };
+  return OnEventController;
+}();
+
+/**
+ * Decorator for Lit element methods that handle events from the event bus.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ *
+ * @group Events
+ *
+ * @param types - Event types to listen for. If omitted, all events will be handled.
+ * @returns A method decorator function.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @onEvent()
+ *   private onMyEvent(event: Event) {
+ *     console.log("Event received:", event);
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @onEvent("MY_EVENT_TYPE")
+ *   private onMyEvent(event: MyEvent) {
+ *     console.log("Event received:", event);
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @onEvent(["MY_EVENT_TYPE_1", "MY_EVENT_TYPE_2"])
+ *   private onMyEvent(event: Event) {
+ *     console.log("Event received:", event);
+ *   }
+ * }
+ * ```
+ */
+function onEvent(types) {
+  var normalized = types === undefined ? null : Array.isArray(types) ? tslib.__spreadArray([], types, true) : [types];
+  return function (protoOrTarget, nameOrContext) {
+    if (typeof nameOrContext === "object") {
+      // Standard decorators:
+      nameOrContext.addInitializer(function () {
+        var _this = this;
+        new OnEventController(this, normalized, function (event) {
+          return _this[nameOrContext.name](event);
+        });
+      });
+    } else {
+      // Experimental legacy decorators:
+      protoOrTarget.constructor.addInitializer(function (element) {
+        new OnEventController(element, normalized, function (event) {
+          return element[nameOrContext](event);
+        });
+      });
+    }
+  };
+}
+
+/**
+ * Hook that subscribes to events for the host element's lifetime.
+ *
+ * @group Events
+ *
+ * @param host - The host element.
+ * @param options - Event handling options.
+ * @param options.handler - Event handler function.
+ * @param options.types - Event types to listen for, if null or undefined, all events will be handled.
+ * @returns An instance of {@link OnEventController}.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private eventHandler = useOnEvents(this, {
+ *     handler: (event) => console.log(event),
+ *   });
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private eventHandler = useOnEvents(this, {
+ *     types: ["MY_EVENT"],
+ *     handler: (event) => console.log(event),
+ *   });
+ * }
+ * ```
+ */
+function useOnEvents(host, _a) {
+  var types = _a.types,
+    handler = _a.handler;
+  var normalized = types ? Array.isArray(types) ? tslib.__spreadArray([], types, true) : [types] : null;
+  return new OnEventController(host, normalized, handler);
+}
+
+/**
+ * Reactive controller that registers a query handler on the {@link QueryBus} for the host element's lifetime.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ * It automatically re-registers if the IoC container is updated.
+ *
+ * @group Queries
+ */
+var OnQueryController = /** @class */function () {
+  /**
+   * @param host - The host element.
+   * @param type - Unique identifier of the query to handle.
+   * @param handler - The query handler function.
+   */
+  function OnQueryController(host, type, handler) {
+    var _this = this;
+    this.bus = null;
+    this.unregister = null;
+    host.addController(this);
+    this.type = type;
+    this.handler = handler;
+    new context.ContextConsumer(host, {
+      context: IocContextObject,
+      subscribe: true,
+      callback: function (context) {
+        _this.bus = context.container.get(core.QueryBus);
+        if (host.isConnected) {
+          _this.reregister();
+        }
+      }
+    });
+  }
+  OnQueryController.prototype.hostConnected = function () {
+    this.reregister();
+  };
+  OnQueryController.prototype.hostDisconnected = function () {
+    this.cleanup();
+  };
+  OnQueryController.prototype.reregister = function () {
+    this.cleanup();
+    if (this.bus) {
+      this.unregister = this.bus.register(this.type, this.handler);
+    }
+  };
+  OnQueryController.prototype.cleanup = function () {
+    var _a;
+    (_a = this.unregister) === null || _a === void 0 ? void 0 : _a.call(this);
+    this.unregister = null;
+  };
+  return OnQueryController;
+}();
+
+/**
+ * Decorator for Lit element methods that handle a specific query.
+ *
+ * @remarks
+ * The handler is registered when the host connects and unregistered when it disconnects.
+ *
+ * @group Queries
+ *
+ * @param type - Unique identifier of the query to handle.
+ * @returns A method decorator function.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   @onQuery("GET_USER_NAME")
+ *   private onGetUserName(data: QueryData) {
+ *     return "Alice";
+ *   }
+ * }
+ * ```
+ */
+function onQuery(type) {
+  return function (protoOrTarget, nameOrContext) {
+    if (typeof nameOrContext === "object") {
+      // Standard decorators:
+      nameOrContext.addInitializer(function () {
+        var _this = this;
+        new OnQueryController(this, type, function (data) {
+          return _this[nameOrContext.name](data);
+        });
+      });
+    } else {
+      // Experimental legacy decorators:
+      protoOrTarget.constructor.addInitializer(function (element) {
+        new OnQueryController(element, type, function (data) {
+          return element[nameOrContext](data);
+        });
+      });
+    }
+  };
+}
+
+/**
+ * Hook that registers a query handler for the host element's lifetime.
+ *
+ * @group Queries
+ *
+ * @param host - The host element.
+ * @param options - Query handling options.
+ * @param options.type - The query type to handle.
+ * @param options.handler - The query handler function.
+ * @returns An instance of {@link OnQueryController}.
+ *
+ * @example
+ * ```typescript
+ * class MyElement extends LitElement {
+ *   private getUserController = useOnQuery(this, {
+ *     type: "GET_USER",
+ *     handler: (data) => ({ name: "Alice" }),
+ *   });
+ * }
+ * ```
+ */
+function useOnQuery(host, _a) {
+  var type = _a.type,
+    handler = _a.handler;
+  return new OnQueryController(host, type, handler);
+}
+
+/**
+ * Controller that provides an IoC container context to the host element and its children.
+ *
+ * @remarks
+ * It manages the lifecycle of the container and handles revision updates to notify consumers.
+ * The container is created (or used from options) when the controller is instantiated.
+ * Seed data is applied when the host connects.
+ *
+ * @group Provision
+ */
+var IocProviderController = /** @class */function () {
+  /**
+   * @param host - The host element.
+   * @param options - Provisioning options.
+   * @param options.container - Optional existing container to use. If not provided, a new one will be created.
+   * @param options.seed - Optional seed data to apply to the container.
+   */
+  function IocProviderController(host, _a) {
+    var _b = _a === void 0 ? {} : _a,
+      container = _b.container,
+      seed = _b.seed;
     var _this = this;
     this.host = host;
     this.revision = 1;
     this.host.addController(this);
-    this.container = container !== null && container !== void 0 ? container : core.createIocContainer();
+    this.container = container !== null && container !== void 0 ? container : core.createContainer();
+    this.seed = seed;
     this.provider = new context.ContextProvider(host, {
-      context: ContainerContext,
+      context: IocContextObject,
       initialValue: {
         container: this.container,
         revision: this.revision,
@@ -74,9 +579,23 @@ var ContainerProviderController = /** @class */function () {
       }
     });
   }
-  ContainerProviderController.prototype.hostConnected = function () {};
-  ContainerProviderController.prototype.hostDisconnected = function () {};
-  ContainerProviderController.prototype.nextRevision = function () {
+  Object.defineProperty(IocProviderController.prototype, "value", {
+    /**
+     * @returns Current {@link IocContext} value served to child consumers.
+     */
+    get: function () {
+      return this.provider.value;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  IocProviderController.prototype.hostConnected = function () {
+    if (this.seed) {
+      core.applySharedSeed(this.container, this.seed);
+    }
+  };
+  IocProviderController.prototype.hostDisconnected = function () {};
+  IocProviderController.prototype.nextRevision = function () {
     var _this = this;
     this.revision += 1;
     this.provider.setValue({
@@ -88,34 +607,151 @@ var ContainerProviderController = /** @class */function () {
     });
     return this.revision;
   };
-  return ContainerProviderController;
+  return IocProviderController;
 }();
 
-var ServicesProviderController = /** @class */function () {
-  function ServicesProviderController(host, options) {
+/**
+ * Decorator that provides an IoC container to child components.
+ *
+ * @remarks
+ * The container is provided via Lit context. It is created (or used from options) when the host connects.
+ *
+ * @group Provision
+ *
+ * @param options - Provisioning options.
+ * @param options.container - Optional existing container to use, if not provided, a new one will be created.
+ * @param options.seed - Optional seed data to apply to the container.
+ * @returns An instance of {@link IocProviderDecorator}.
+ *
+ * @example
+ * ```typescript
+ * class MyRootElement extends LitElement {
+ *   @iocProvide({ seed: { someData: "value" } })
+ *   private ioc!: IocProviderController;
+ * }
+ * ```
+ */
+function iocProvide(_a) {
+  var _b = _a === void 0 ? {} : _a,
+    container = _b.container,
+    seed = _b.seed;
+  return function (protoOrTarget, nameOrContext) {
+    if (typeof nameOrContext === "object") {
+      // Standard decorators:
+      nameOrContext.addInitializer(function () {
+        protoOrTarget.set.call(this, new IocProviderController(this, {
+          container: container,
+          seed: seed
+        }));
+      });
+    } else {
+      var controller_1;
+      protoOrTarget.constructor.addInitializer(function (element) {
+        controller_1 = new IocProviderController(element, {
+          container: container,
+          seed: seed
+        });
+      });
+      return {
+        get: function () {
+          return controller_1;
+        },
+        set: function () {},
+        configurable: true,
+        enumerable: true
+      };
+    }
+  };
+}
+
+var ERROR_CODE_INVALID_ARGUMENTS = 2051;
+
+/**
+ * Controller that binds injectables to an IoC container for the host element's lifetime.
+ *
+ * @remarks
+ * Entries are bound when the host connects and unbound when it disconnects.
+ * If no `into` context is provided, it uses the nearest {@link IocProviderController}.
+ * Seeds are applied before entries are bound.
+ *
+ * @group Provision
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends LitElement {
+ *   private services = new InjectablesProviderController(this, {
+ *     entries: [AuthService, UserService],
+ *     activate: [AuthService],
+ *     seeds: [[AuthService, { role: "admin" }]],
+ *   });
+ * }
+ * ```
+ */
+var InjectablesProviderController = /** @class */function () {
+  /**
+   * @param host - The host element.
+   * @param options - Provisioning options.
+   * @param options.entries - List of service entries to bind to the container.
+   * @param options.into - Target IoC context; if omitted, uses the nearest provider context.
+   * @param options.activate - List of service identifiers to activate immediately after binding.
+   * @param options.seeds - Seed data applied before binding.
+   */
+  function InjectablesProviderController(host, options) {
+    var _this = this;
+    var _a, _b, _c;
     this.host = host;
+    /**
+     * Tracks the context to which entries are currently bound, for correct cleanup on disconnect.
+     */
+    this.boundContext = null;
     this.host.addController(this);
     this.entries = options.entries;
-    this.activate = options.activate;
-    this.seeds = options.seeds;
-    this.into = options.into;
-    this.consumer = new context.ContextConsumer(host, {
-      context: ContainerContext,
-      subscribe: true,
-      callback: function (it) {
-        return;
-      }
-    });
+    this.activate = (_a = options.activate) !== null && _a !== void 0 ? _a : null;
+    this.seeds = (_b = options.seeds) !== null && _b !== void 0 ? _b : null;
+    this.into = (_c = options.into) !== null && _c !== void 0 ? _c : null;
+    if (!this.into) {
+      // subscribe: false — binding happens once per connect, not on every revision update.
+      this.consumer = new context.ContextConsumer(host, {
+        context: IocContextObject,
+        subscribe: false,
+        callback: function (context) {
+          if (!host.isConnected) {
+            return;
+          }
+          _this.bind(context);
+        }
+      });
+    }
   }
-  ServicesProviderController.prototype.hostConnected = function () {
-    var context = this.into ? typeof this.into === "function" ? this.into() : this.into : this.consumer.value;
-    if (!context) {
-      if (this.consumer["provided"] === false) {
-        throw new Error("not provided");
+  InjectablesProviderController.prototype.hostConnected = function () {
+    var _a;
+    if (!this.into) {
+      // ContextConsumer with subscribe:false only invokes the user callback once (provided flag stays true
+      // after disconnect). On reconnect we fall back to the cached consumer.value so bind() still fires.
+      if ((_a = this.consumer) === null || _a === void 0 ? void 0 : _a.value) {
+        this.bind(this.consumer.value);
       }
-      throw new Error("todo");
+      return;
+    }
+    var context = typeof this.into === "function" ? this.into() : this.into;
+    if (!context) {
+      throw new core.WirestateError(ERROR_CODE_INVALID_ARGUMENTS, "InjectablesProviderController: the 'into' option resolved to null or undefined. " + "Ensure the value or resolver function returns a valid IocContext.");
+    }
+    this.bind(context);
+  };
+  InjectablesProviderController.prototype.hostDisconnected = function () {
+    if (!this.boundContext) {
+      return;
+    }
+    this.unbind(this.boundContext);
+  };
+  InjectablesProviderController.prototype.bind = function (context) {
+    if (this.boundContext) {
+      // Re-binding without unbinding first would leave stale entries; unbind the previous context.
+      this.unbind(this.boundContext);
     }
-    // Seed must be applied BEFORE binding so @Inject(INITIAL_STATE_TOKEN) works during activation.
+    this.boundContext = context;
+    // Seeds must be applied before binding so @Inject(SEEDS_TOKEN) resolves during activation.
     if (this.seeds) {
       core.applySeeds(context.container, this.seeds);
     }
@@ -125,38 +761,132 @@ var ServicesProviderController = /** @class */function () {
     }
     if (this.activate) {
       for (var _b = 0, _c = this.activate; _b < _c.length; _b++) {
-        var eager = _c[_b];
-        context.container.get(eager);
+        var token = _c[_b];
+        context.container.get(token);
       }
     }
   };
-  ServicesProviderController.prototype.hostDisconnected = function () {
-    var context = this.into ? typeof this.into === "function" ? this.into() : this.into : this.consumer.value;
-    if (!context) {
-      throw new Error("todo");
-    }
+  InjectablesProviderController.prototype.unbind = function (context) {
     for (var _i = 0, _a = this.entries; _i < _a.length; _i++) {
       var entry = _a[_i];
       var token = core.getEntryToken(entry);
-      context.container.unbind(token);
+      if (context.container.isBound(token)) {
+        context.container.unbind(token);
+      }
     }
-    // Remove only this provider's targeted initial state entries.
     if (this.seeds) {
       core.unapplySeeds(context.container, this.seeds);
     }
+    this.boundContext = null;
   };
-  return ServicesProviderController;
+  return InjectablesProviderController;
 }();
 
-function useContainerProvision(host, _a) {
-  var container = _a.container;
-  return new ContainerProviderController(host, container);
+/**
+ * Decorator that binds a set of injectables to the nearest IoC container for the host element's lifetime.
+ *
+ * @remarks
+ * Entries are bound when the host connects and unbound when it disconnects.
+ *
+ * @group Provision
+ *
+ * @param options - Provisioning options.
+ * @returns An instance of {@link InjectablesProviderDecorator}.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends LitElement {
+ *   @injectablesProvide({ entries: [AuthService, UserService], activate: [AuthService] })
+ *   public controller!: InjectablesProviderController<MyComponent>;
+ * }
+ * ```
+ */
+function injectablesProvide(options) {
+  return function (protoOrTarget, nameOrContext) {
+    if (typeof nameOrContext === "object") {
+      // Standard decorators:
+      nameOrContext.addInitializer(function () {
+        protoOrTarget.set.call(this, new InjectablesProviderController(this, options));
+      });
+    } else {
+      var controller_1;
+      protoOrTarget.constructor.addInitializer(function (element) {
+        controller_1 = new InjectablesProviderController(element, options);
+      });
+      return {
+        get: function () {
+          return controller_1;
+        },
+        set: function () {},
+        configurable: true,
+        enumerable: true
+      };
+    }
+  };
+}
+
+/**
+ * Hook that binds injectables to the nearest IoC container for the host element's lifetime.
+ *
+ * @group Provision
+ *
+ * @param host - The host element.
+ * @param options - Provisioning options.
+ * @returns An instance of {@link InjectablesProviderController}.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends LitElement {
+ *   private services = useInjectablesProvider(this, {
+ *     entries: [AuthService, UserService],
+ *     activate: [AuthService],
+ *   });
+ * }
+ * ```
+ */
+function useInjectablesProvider(host, options) {
+  return new InjectablesProviderController(host, options);
+}
+
+/**
+ * Hook that provides an IoC container to the host element and its children.
+ *
+ * @group Provision
+ *
+ * @param host - The host element.
+ * @param options - Provisioning options.
+ * @returns An instance of {@link IocProviderController}.
+ *
+ * @example
+ * ```typescript
+ * class MyRootElement extends LitElement {
+ *   private ioc = useIocProvision(this, { seed: { initialData: "..." } });
+ * }
+ * ```
+ */
+function useIocProvision(host, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return new IocProviderController(host, options);
 }
 
-exports.ContainerContext = ContainerContext;
-exports.ContainerProviderController = ContainerProviderController;
-exports.ServicesProviderController = ServicesProviderController;
+exports.InjectablesProviderController = InjectablesProviderController;
+exports.IocContextObject = IocContextObject;
+exports.IocProviderController = IocProviderController;
+exports.OnCommandController = OnCommandController;
+exports.OnEventController = OnEventController;
+exports.OnQueryController = OnQueryController;
+exports.injectablesProvide = injectablesProvide;
 exports.injection = injection;
-exports.useContainerProvision = useContainerProvision;
+exports.iocProvide = iocProvide;
+exports.onCommand = onCommand;
+exports.onEvent = onEvent;
+exports.onQuery = onQuery;
+exports.useInjectablesProvider = useInjectablesProvider;
 exports.useInjection = useInjection;
+exports.useIocProvision = useIocProvision;
+exports.useOnCommand = useOnCommand;
+exports.useOnEvents = useOnEvents;
+exports.useOnQuery = useOnQuery;
 //# sourceMappingURL=index.js.map