@rhtml/operators 0.0.98 → 0.0.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/for.js +7 -0
- package/dist/for.js.map +1 -1
- package/dist/if.d.ts +1 -0
- package/dist/if.js +3 -0
- package/dist/if.js.map +1 -1
- package/dist/let.d.ts +1 -0
- package/dist/let.js +9 -1
- package/dist/let.js.map +1 -1
- package/package.json +2 -2
- package/src/for.ts +8 -1
- package/src/if.ts +4 -0
- package/src/let.ts +15 -2
package/dist/for.js
CHANGED
package/dist/for.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"for.js","sourceRoot":"","sources":["../src/for.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"for.js","sourceRoot":"","sources":["../src/for.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAuD;AACvD,6CAA4E;AAG5E;;GAEG;AAgBH,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,qBAAU;IAA3C;;QAES,OAAE,GAAQ,EAAE,CAAC;IAWtB,CAAC;IAVC,QAAQ;QACN,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;QACxE,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC9B,MAAM,WAAW,GAAG,QAAQ,CAAC,WAA0B,CAAC;YACxD,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;aAC5B;SACF;IACH,CAAC;CACF,CAAA;AAXC;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;uCACN;AAFT,WAAW;IAfvB,oBAAS,CAAC;QACT,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE;YACN,cAAG,CAAA;;;;KAIF;SACF;QACD,QAAQ;YACN,OAAO,eAAI,CAAA;;KAEV,CAAC;QACJ,CAAC;KACF,CAAC;GACW,WAAW,CAavB;AAbY,kCAAW"}
|
package/dist/if.d.ts
CHANGED
package/dist/if.js
CHANGED
|
@@ -15,6 +15,9 @@ const lit_html_1 = require("@rxdi/lit-html");
|
|
|
15
15
|
* @customElement r-if
|
|
16
16
|
*/
|
|
17
17
|
let IfOperator = class IfOperator extends lit_html_1.LitElement {
|
|
18
|
+
OnUpdateFirst() {
|
|
19
|
+
// this.parentNode.insertBefore(this.shadowRoot, this.nextSibling);
|
|
20
|
+
}
|
|
18
21
|
};
|
|
19
22
|
__decorate([
|
|
20
23
|
lit_html_1.property({ type: Boolean }),
|
package/dist/if.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"if.js","sourceRoot":"","sources":["../src/if.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AAEvE;;GAEG;AAaH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,qBAAU;
|
|
1
|
+
{"version":3,"file":"if.js","sourceRoot":"","sources":["../src/if.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AAEvE;;GAEG;AAaH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,qBAAU;IAGxC,aAAa;QACX,mEAAmE;IACrE,CAAC;CACF,CAAA;AAL8B;IAA5B,mBAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;uCAAc;AAD/B,UAAU;IAZtB,oBAAS,CAAC;QACT,QAAQ,EAAE,MAAM;QAChB,QAAQ;YACN,OAAO,eAAI,CAAA;QACP,IAAI,CAAC,GAAG;gBACR,CAAC,CAAC,eAAI,CAAA;;WAEH;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC;KACF,CAAC;GACW,UAAU,CAMtB;AANY,gCAAU"}
|
package/dist/let.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { LitElement } from '@rxdi/lit-html';
|
|
|
5
5
|
export declare class LetOperator extends LitElement {
|
|
6
6
|
data: any[];
|
|
7
7
|
item: (v: any) => import("@rxdi/lit-html").TemplateResult<1>;
|
|
8
|
+
OnUpdateFirst(): void;
|
|
8
9
|
private normalizeArray;
|
|
9
10
|
private isObservable;
|
|
10
11
|
private isFunction;
|
package/dist/let.js
CHANGED
|
@@ -22,6 +22,11 @@ let LetOperator = class LetOperator extends lit_html_1.LitElement {
|
|
|
22
22
|
${v}
|
|
23
23
|
`;
|
|
24
24
|
}
|
|
25
|
+
OnUpdateFirst() {
|
|
26
|
+
if (!this.isObservable(this.data)) {
|
|
27
|
+
this.parentElement.parentNode.insertBefore(this.shadowRoot, this.parentElement.nextSibling);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
25
30
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
26
31
|
normalizeArray(state) {
|
|
27
32
|
if (!state || typeof state === 'string') {
|
|
@@ -64,7 +69,10 @@ LetOperator = __decorate([
|
|
|
64
69
|
<r-renderer
|
|
65
70
|
.options=${{
|
|
66
71
|
state: this.data,
|
|
67
|
-
render:
|
|
72
|
+
render: (state, set, shadowRoot) => {
|
|
73
|
+
this.parentElement.parentNode.insertBefore(shadowRoot, this.parentElement.nextSibling);
|
|
74
|
+
return this.normalizeArray(state).map(this.item);
|
|
75
|
+
}
|
|
68
76
|
}}
|
|
69
77
|
></r-renderer>
|
|
70
78
|
`
|
package/dist/let.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"let.js","sourceRoot":"","sources":["../src/let.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AACvE;;GAEG;
|
|
1
|
+
{"version":3,"file":"let.js","sourceRoot":"","sources":["../src/let.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuE;AACvE;;GAEG;AAwBH,IAAa,WAAW,GAAxB,MAAa,WAAY,SAAQ,qBAAU;IAA3C;;QAES,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,CAAC,CAAC,EAAE,CAChB,eAAI,CAAA;QACA,CAAC;KACJ,CAAC;IAmCN,CAAC;IAlCC,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACjC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,YAAY,CACxC,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,aAAa,CAAC,WAAW,CAC/B,CAAC;SACH;IACH,CAAC;IACD,8DAA8D;IACtD,cAAc,CAAC,KAA0B;QAC/C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YACvC,OAAO,EAAE,CAAC;SACX;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SAC9C;QACD,qCAAqC;QACrC,IAAI,KAAK,YAAY,GAAG,IAAI,KAAK,YAAY,GAAG,EAAE;YAChD,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;SAC7B;QACD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC9B;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,YAAY,CAAC,KAAK;QACxB,OAAO,CACL,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CACzE,CAAC;IACJ,CAAC;IACO,UAAU,CAAC,KAAK;QACtB,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC;IACrC,CAAC;CACF,CAAA;AAzCC;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;yCACT;AAGjB;IADC,mBAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCAIvB;AARO,WAAW;IAvBvB,oBAAS,CAAC;QACT,QAAQ,EAAE,OAAO;QACjB,QAAQ;YACN,OAAO,eAAI,CAAA;QACP,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC5B,CAAC,CAAC,eAAI,CAAA;;yBAEW;oBACT,KAAK,EAAE,IAAI,CAAC,IAAI;oBAChB,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE;wBACjC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,YAAY,CACxC,UAAU,EACV,IAAI,CAAC,aAAa,CAAC,WAAW,CAC/B,CAAC;wBACF,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACnD,CAAC;iBACF;;WAEJ;gBACH,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KAClD,CAAC;QACJ,CAAC;KACF,CAAC;GACW,WAAW,CA2CvB;AA3CY,kCAAW"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rhtml/operators",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.101",
|
|
4
4
|
"description": "Reactive HyperText Markup Language",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "npx parcel ./examples/index.html --out-dir build/examples",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"license": "MIT",
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@rxdi/lit-html": "^0.7.133",
|
|
22
|
-
"@rhtml/renderer": "0.0.
|
|
22
|
+
"@rhtml/renderer": "0.0.100"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"eslint": "^6.7.2",
|
package/src/for.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
2
|
-
import { Component, html, LitElement, property } from '@rxdi/lit-html';
|
|
2
|
+
import { Component, css, html, LitElement, property } from '@rxdi/lit-html';
|
|
3
3
|
|
|
4
4
|
import { LetOperator } from './let';
|
|
5
5
|
/**
|
|
@@ -7,6 +7,13 @@ import { LetOperator } from './let';
|
|
|
7
7
|
*/
|
|
8
8
|
@Component({
|
|
9
9
|
selector: 'r-for',
|
|
10
|
+
styles: [
|
|
11
|
+
css`
|
|
12
|
+
:host {
|
|
13
|
+
display: none;
|
|
14
|
+
}
|
|
15
|
+
`
|
|
16
|
+
],
|
|
10
17
|
template() {
|
|
11
18
|
return html`
|
|
12
19
|
<slot></slot>
|
package/src/if.ts
CHANGED
|
@@ -17,4 +17,8 @@ import { Component, html, LitElement, property } from '@rxdi/lit-html';
|
|
|
17
17
|
})
|
|
18
18
|
export class IfOperator extends LitElement {
|
|
19
19
|
@property({ type: Boolean }) exp: boolean;
|
|
20
|
+
|
|
21
|
+
OnUpdateFirst() {
|
|
22
|
+
// this.parentNode.insertBefore(this.shadowRoot, this.nextSibling);
|
|
23
|
+
}
|
|
20
24
|
}
|
package/src/let.ts
CHANGED
|
@@ -11,7 +11,13 @@ import { Component, html, LitElement, property } from '@rxdi/lit-html';
|
|
|
11
11
|
<r-renderer
|
|
12
12
|
.options=${{
|
|
13
13
|
state: this.data,
|
|
14
|
-
render:
|
|
14
|
+
render: (state, set, shadowRoot) => {
|
|
15
|
+
this.parentElement.parentNode.insertBefore(
|
|
16
|
+
shadowRoot,
|
|
17
|
+
this.parentElement.nextSibling
|
|
18
|
+
);
|
|
19
|
+
return this.normalizeArray(state).map(this.item);
|
|
20
|
+
}
|
|
15
21
|
}}
|
|
16
22
|
></r-renderer>
|
|
17
23
|
`
|
|
@@ -28,7 +34,14 @@ export class LetOperator extends LitElement {
|
|
|
28
34
|
html`
|
|
29
35
|
${v}
|
|
30
36
|
`;
|
|
31
|
-
|
|
37
|
+
OnUpdateFirst() {
|
|
38
|
+
if (!this.isObservable(this.data)) {
|
|
39
|
+
this.parentElement.parentNode.insertBefore(
|
|
40
|
+
this.shadowRoot,
|
|
41
|
+
this.parentElement.nextSibling
|
|
42
|
+
);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
32
45
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
33
46
|
private normalizeArray(state: Record<string, any>) {
|
|
34
47
|
if (!state || typeof state === 'string') {
|