2.0.42

changelog.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 2025-04-18 - 2.0.42 - fix(directives)
+Add explicit type annotations to subscribeWithTemplate directive export
+
+- Imported DirectiveResult type for better typing
+- Defined SubscribeWithTemplateFn signature to ensure proper type inference
+- Used type assertion with 'as SubscribeWithTemplateFn' to improve type safety
+
 ## 2025-04-18 - 2.0.41 - fix(directives)
 Refactor export statements in directives index for consistency
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-element",
-  "version": "2.0.41",
+  "version": "2.0.42",
   "private": false,
   "description": "A library for creating custom elements extending the lit element class with additional functionalities.",
   "main": "dist_ts/index.js",

ts/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-element',
-  version: '2.0.41',
+  version: '2.0.42',
   description: 'A library for creating custom elements extending the lit element class with additional functionalities.'
 }

ts/directives/classes.subscribewithtemplate.ts

@@ -1,4 +1,5 @@
 import { type TemplateResult, noChange } from 'lit';
+import type { DirectiveResult } from 'lit/directive.js';
 import { AsyncDirective, directive } from 'lit/async-directive.js';
 import { rxjs } from '@push.rocks/smartrx';
 
@@ -48,4 +49,13 @@ class SubscribeWithTemplateDirective extends AsyncDirective {
  * Directive that renders templates for each emission of an Observable.
  * Usage: html`${subscribeWithTemplate(myObservable, v => html`<span>${v}</span>`)}`
  */
-export const subscribeWithTemplate = directive(SubscribeWithTemplateDirective);
+/**
+ * Typed directive function signature: returns a Lit DirectiveResult.
+ */
+type SubscribeWithTemplateFn = <T>(
+  observable: rxjs.Observable<T>,
+  templateFn: (value: T) => TemplateResult | unknown
+) => DirectiveResult;
+export const subscribeWithTemplate = directive(
+  SubscribeWithTemplateDirective
+) as SubscribeWithTemplateFn;