@rxdi/lit-html 0.7.137 → 0.7.140

package/README.md

@@ -69,7 +69,7 @@ export class MyModifier extends LitElement {
     }
   }
 
-  public static html(template: TemplateResult) {
+  public static modifier(template: TemplateResult) {
     return html`<my-modifier>${template}</my-modifier>`;
   }
 }

package/dist/decorators/component.decorator.d.ts

@@ -6,7 +6,7 @@ export interface CustomElementConfig<T> {
     style?: CSSResult;
     styles?: CSSResult[];
     extends?: string;
-    directives?: (Function | {
+    modifiers?: (Function | {
         html(template: TemplateResult): TemplateResult;
     })[];
     /**

package/dist/decorators/component.decorator.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = void 0;
 const lit_html_1 = require("../lit-html/lit-html");
-const helpers_1 = require("./helpers");
 const legacyCustomElement = (tagName, clazz, options) => {
     window.customElements.define(tagName, clazz, options);
     return clazz;
@@ -73,8 +72,9 @@ const customElement = (tag, config = {}) => (Base) => {
             }
             render() {
                 var _a;
-                if ((_a = config.directives) === null || _a === void 0 ? void 0 : _a.length) {
-                    return (0, helpers_1.pipe)(...(config.directives.map(v => v['html'])))(config.template.call(this));
+                if ((_a = config.modifiers) === null || _a === void 0 ? void 0 : _a.length) {
+                    const pipe = (...fns) => (x) => fns.reduce((v, f) => f.call(this, v), x);
+                    return pipe(...(config.modifiers.map(v => v['modifier'])))(config.template.call(this));
                 }
                 return config.template.call(this);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdi/lit-html",
-  "version": "0.7.137",
+  "version": "0.7.140",
   "main": "./dist/index.js",
   "author": "Kristiyan Tachev",
   "license": "MIT",

package/dist/decorators/helpers/index.d.ts

@@ -1,2 +0,0 @@
-import { TemplateResult } from '../../lit-html/lit-html';
-export declare const pipe: (...fns: Function[]) => (x: TemplateResult) => any;

package/dist/decorators/helpers/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pipe = void 0;
-const pipe = (...fns) => (x) => fns.reduce((v, f) => f(v), x);
-exports.pipe = pipe;