@rhtml/modifiers 0.0.117 → 0.0.119

package/dist/angular/index.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AngularLayout = void 0;
 const if_1 = require("./if");
-const ng_for_1 = require("./ng-for");
 const registry_1 = require("./registry");
-exports.AngularLayout = [registry_1.Registry, if_1.IfOperator, ng_for_1.NgFor];
+exports.AngularLayout = [registry_1.Registry, if_1.IfOperator];
 //# sourceMappingURL=index.js.map

package/dist/angular/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/angular/index.ts"],"names":[],"mappings":";;;AAAA,6BAAkC;AAClC,qCAAiC;AACjC,yCAAsC;AAEzB,QAAA,aAAa,GAAG,CAAC,mBAAQ,EAAE,eAAU,EAAE,cAAK,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/angular/index.ts"],"names":[],"mappings":";;;AAAA,6BAAkC;AAClC,yCAAsC;AAEzB,QAAA,aAAa,GAAG,CAAC,mBAAQ,EAAE,eAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhtml/modifiers",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "description": "Reactive HyperText Markup Language",
   "scripts": {
     "start": "npx parcel ./examples/index.html --out-dir build/examples",
@@ -16,8 +16,7 @@
     "url": "git@github.com:rhtml/rhtml.git"
   },
   "dependencies": {
-    "@rxdi/lit-html": "^0.7.133",
-    "@rhtml/custom-attributes": "0.0.117"
+    "@rhtml/custom-attributes": "0.0.119"
   },
   "devDependencies": {},
   "author": "Kristiyan Tachev",

package/src/angular/index.ts

@@ -1,5 +1,4 @@
 import { IfOperator } from './if';
-import { NgFor } from './ng-for';
 import { Registry } from './registry';
 
-export const AngularLayout = [Registry, IfOperator, NgFor];
+export const AngularLayout = [Registry, IfOperator];

package/dist/angular/ng-for.d.ts

@@ -1,10 +0,0 @@
-import { Attribute } from '@rhtml/custom-attributes';
-export declare class NgFor extends Attribute {
-    ngFor: string;
-    regexes: RegExp[];
-    OnInit(): void;
-    OnDestroy(): void;
-    OnUpdate(): void;
-    private interpolate;
-    private modify;
-}

package/dist/angular/ng-for.js

@@ -1,59 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NgFor = void 0;
-const custom_attributes_1 = require("@rhtml/custom-attributes");
-const lit_html_1 = require("@rxdi/lit-html");
-let NgFor = class NgFor extends custom_attributes_1.Attribute {
-    constructor() {
-        super(...arguments);
-        this.regexes = [/\${[^{]+}/g, /\@\{(.*?)(?!\@\{)\}/g, /{([^}]+)}/g];
-    }
-    OnInit() {
-        this.modify();
-    }
-    OnDestroy() {
-        //
-    }
-    OnUpdate() {
-        this.modify();
-    }
-    interpolate(object, string) {
-        return string.replace(this.regexes[2], (match) => match
-            .slice(2, -1)
-            .trim()
-            .split('.')
-            .reduce((el, k) => String(el[k]), object));
-    }
-    modify() {
-        const [, , , items] = this.ngFor.split(' ');
-        const template = this.element.innerHTML;
-        this.element.innerHTML = '';
-        (0, lit_html_1.render)((0, lit_html_1.html) `
-        <r-for .of=${this.parent[items]}>
-          <r-let
-            .item=${(i) => (0, lit_html_1.unsafeHTML)(this.interpolate(i, template))}
-          ></r-let>
-        </r-for>
-      `, this.element);
-    }
-};
-__decorate([
-    (0, custom_attributes_1.Input)(),
-    __metadata("design:type", String)
-], NgFor.prototype, "ngFor", void 0);
-NgFor = __decorate([
-    (0, custom_attributes_1.Modifier)({
-        selector: 'ngFor',
-    })
-], NgFor);
-exports.NgFor = NgFor;
-//# sourceMappingURL=ng-for.js.map

package/dist/angular/ng-for.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ng-for.js","sourceRoot":"","sources":["../../src/angular/ng-for.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gEAAsE;AACtE,6CAA0D;AAK1D,IAAa,KAAK,GAAlB,MAAa,KAAM,SAAQ,6BAAS;IAApC;;QAIE,YAAO,GAAG,CAAC,YAAY,EAAE,sBAAsB,EAAE,YAAY,CAAC,CAAC;IAuCjE,CAAC;IArCC,MAAM;QACJ,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,SAAS;QACP,EAAE;IACJ,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAEO,WAAW,CAAC,MAAM,EAAE,MAAc;QACxC,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/C,KAAK;aACF,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACZ,IAAI,EAAE;aACN,KAAK,CAAC,GAAG,CAAC;aACV,MAAM,CAAC,CAAC,EAAE,EAAE,CAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CACpD,CAAC;IACJ,CAAC;IAEO,MAAM;QACZ,MAAM,CAAC,EAAE,AAAD,EAAG,AAAD,EAAG,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QAC5B,IAAA,iBAAM,EACJ,IAAA,eAAI,EAAA;qBACW,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;;oBAEnB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,qBAAU,EAAC,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;;;OAG7D,EACD,IAAI,CAAC,OAAO,CACb,CAAC;IACJ,CAAC;CACF,CAAA;AAzCC;IADC,IAAA,yBAAK,GAAE;;oCACM;AAFH,KAAK;IAHjB,IAAA,4BAAQ,EAAC;QACR,QAAQ,EAAE,OAAO;KAClB,CAAC;GACW,KAAK,CA2CjB;AA3CY,sBAAK"}

package/src/angular/ng-for.ts

@@ -1,50 +0,0 @@
-import { Attribute, Input, Modifier } from '@rhtml/custom-attributes';
-import { html, render, unsafeHTML } from '@rxdi/lit-html';
-
-@Modifier({
-  selector: 'ngFor',
-})
-export class NgFor extends Attribute {
-  @Input()
-  ngFor: string;
-
-  regexes = [/\${[^{]+}/g, /\@\{(.*?)(?!\@\{)\}/g, /{([^}]+)}/g];
-
-  OnInit() {
-    this.modify();
-  }
-
-  OnDestroy() {
-    //
-  }
-
-  OnUpdate() {
-    this.modify();
-  }
-
-  private interpolate(object, string: string) {
-    return string.replace(this.regexes[2], (match) =>
-      match
-        .slice(2, -1)
-        .trim()
-        .split('.')
-        .reduce((el, k: string) => String(el[k]), object)
-    );
-  }
-
-  private modify() {
-    const [, , , items] = this.ngFor.split(' ');
-    const template = this.element.innerHTML;
-    this.element.innerHTML = '';
-    render(
-      html`
-        <r-for .of=${this.parent[items]}>
-          <r-let
-            .item=${(i) => unsafeHTML(this.interpolate(i, template))}
-          ></r-let>
-        </r-for>
-      `,
-      this.element
-    );
-  }
-}