@rhtml/renderer 0.0.112 → 0.0.115
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/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/dist/renderer.js +21 -24
- package/dist/renderer.js.map +1 -1
- package/package.json +2 -11
package/dist/index.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
__exportStar(require("./renderer"), exports);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,6CAA2B"}
|
package/dist/renderer.js
CHANGED
|
@@ -24,7 +24,7 @@ const lit_html_1 = require("@rxdi/lit-html");
|
|
|
24
24
|
function Render(config) {
|
|
25
25
|
return function (cls) {
|
|
26
26
|
if (!window.customElements.get(config.selector)) {
|
|
27
|
-
return lit_html_1.Component(config)(cls);
|
|
27
|
+
return (0, lit_html_1.Component)(config)(cls);
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
}
|
|
@@ -36,13 +36,11 @@ let Renderer = class Renderer extends lit_html_1.LitElement {
|
|
|
36
36
|
super(...arguments);
|
|
37
37
|
this.options = {
|
|
38
38
|
state: {},
|
|
39
|
-
render: (res, setState, shadowRoot) => lit_html_1.html `
|
|
40
|
-
|
|
41
|
-
`,
|
|
42
|
-
style: lit_html_1.css ``,
|
|
39
|
+
render: (res, setState, shadowRoot) => (0, lit_html_1.html) ` ${res} `,
|
|
40
|
+
style: (0, lit_html_1.css) ``,
|
|
43
41
|
deepCloneState: false,
|
|
44
|
-
loading: () => lit_html_1.html ``,
|
|
45
|
-
error: e => lit_html_1.html
|
|
42
|
+
loading: () => (0, lit_html_1.html) ``,
|
|
43
|
+
error: (e) => (0, lit_html_1.html) ``,
|
|
46
44
|
};
|
|
47
45
|
this.loading = true;
|
|
48
46
|
this.error = '';
|
|
@@ -53,11 +51,11 @@ let Renderer = class Renderer extends lit_html_1.LitElement {
|
|
|
53
51
|
this.options.state = yield this.options.state;
|
|
54
52
|
if (this.options.state) {
|
|
55
53
|
if (this.isObservable(this.options.state)) {
|
|
56
|
-
this.subscription = this.options.state['subscribe'](detail => {
|
|
54
|
+
this.subscription = this.options.state['subscribe']((detail) => {
|
|
57
55
|
this.state = detail;
|
|
58
56
|
this.loading = false;
|
|
59
57
|
this.dispatchEvent(new CustomEvent('onData', { detail }));
|
|
60
|
-
}, error => {
|
|
58
|
+
}, (error) => {
|
|
61
59
|
this.state = {};
|
|
62
60
|
this.error = error;
|
|
63
61
|
this.loading = false;
|
|
@@ -84,19 +82,19 @@ let Renderer = class Renderer extends lit_html_1.LitElement {
|
|
|
84
82
|
}
|
|
85
83
|
};
|
|
86
84
|
__decorate([
|
|
87
|
-
lit_html_1.property({ type: Object }),
|
|
85
|
+
(0, lit_html_1.property)({ type: Object }),
|
|
88
86
|
__metadata("design:type", Object)
|
|
89
87
|
], Renderer.prototype, "options", void 0);
|
|
90
88
|
__decorate([
|
|
91
|
-
lit_html_1.property({ type: Boolean }),
|
|
89
|
+
(0, lit_html_1.property)({ type: Boolean }),
|
|
92
90
|
__metadata("design:type", Object)
|
|
93
91
|
], Renderer.prototype, "loading", void 0);
|
|
94
92
|
__decorate([
|
|
95
|
-
lit_html_1.property({ type: String }),
|
|
93
|
+
(0, lit_html_1.property)({ type: String }),
|
|
96
94
|
__metadata("design:type", Object)
|
|
97
95
|
], Renderer.prototype, "error", void 0);
|
|
98
96
|
__decorate([
|
|
99
|
-
lit_html_1.property(),
|
|
97
|
+
(0, lit_html_1.property)(),
|
|
100
98
|
__metadata("design:type", Object)
|
|
101
99
|
], Renderer.prototype, "state", void 0);
|
|
102
100
|
Renderer = __decorate([
|
|
@@ -104,38 +102,37 @@ Renderer = __decorate([
|
|
|
104
102
|
selector: 'r-renderer',
|
|
105
103
|
template() {
|
|
106
104
|
var _a;
|
|
107
|
-
return lit_html_1.html `
|
|
108
|
-
${((_a = this.options) === null || _a === void 0 ? void 0 : _a.style)
|
|
105
|
+
return (0, lit_html_1.html) `
|
|
106
|
+
${((_a = this.options) === null || _a === void 0 ? void 0 : _a.style)
|
|
107
|
+
? (0, lit_html_1.html) `
|
|
109
108
|
<style>
|
|
110
109
|
${this.options.style}
|
|
111
110
|
</style>
|
|
112
111
|
`
|
|
113
|
-
: lit_html_1.html ``}
|
|
112
|
+
: (0, lit_html_1.html) ``}
|
|
114
113
|
${!this.loading
|
|
115
114
|
? this.options.render
|
|
116
115
|
? this.options.render(this.options.deepCloneState
|
|
117
116
|
? JSON.parse(JSON.stringify(this.state))
|
|
118
|
-
: this.state, state => (this.state = {
|
|
117
|
+
: this.state, (state) => (this.state = Object.assign({}, state)), this.shadowRoot)
|
|
119
118
|
: this.state
|
|
120
119
|
: ''}
|
|
121
120
|
${this.loading
|
|
122
|
-
? lit_html_1.html `
|
|
121
|
+
? (0, lit_html_1.html) `
|
|
123
122
|
${this.isFunction(this.options.loading)
|
|
124
123
|
? this.options.loading()
|
|
125
|
-
: lit_html_1.html ``}
|
|
124
|
+
: (0, lit_html_1.html) ``}
|
|
126
125
|
`
|
|
127
126
|
: ''}
|
|
128
127
|
${this.error
|
|
129
|
-
? lit_html_1.html `
|
|
128
|
+
? (0, lit_html_1.html) `
|
|
130
129
|
${this.isFunction(this.options.error)
|
|
131
130
|
? this.options.error(this.error)
|
|
132
|
-
: lit_html_1.html `
|
|
133
|
-
${this.error}
|
|
134
|
-
`}
|
|
131
|
+
: (0, lit_html_1.html) ` ${this.error} `}
|
|
135
132
|
`
|
|
136
133
|
: ''}
|
|
137
134
|
`;
|
|
138
|
-
}
|
|
135
|
+
},
|
|
139
136
|
})
|
|
140
137
|
], Renderer);
|
|
141
138
|
exports.Renderer = Renderer;
|
package/dist/renderer.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,6CAA4E;AAE5E,SAAS,MAAM,CAAC,MAAM;IACpB,OAAO,
|
|
1
|
+
{"version":3,"file":"renderer.js","sourceRoot":"","sources":["../src/renderer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,6CAA4E;AAE5E,SAAS,MAAM,CAAC,MAAM;IACpB,OAAO,UAAU,GAAG;QAClB,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YAC/C,OAAO,IAAA,oBAAS,EAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;SAC/B;IACH,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AAwCH,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,qBAAU;IAAxC;;QAES,YAAO,GAAG;YACf,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAA,eAAI,EAAA,IAAI,GAAG,GAAG;YACrD,KAAK,EAAE,IAAA,cAAG,EAAA,EAAE;YACZ,cAAc,EAAE,KAAK;YACrB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAA,eAAI,EAAA,EAAE;YACrB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,eAAI,EAAA,EAAE;SACrB,CAAC;QAGM,YAAO,GAAG,IAAI,CAAC;QAGf,UAAK,GAAG,EAAE,CAAC;QAGX,UAAK,GAAG,EAAE,CAAC;IAuCrB,CAAC;IApCO,aAAa;;YACjB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;YAC9C,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;gBACtB,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACzC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,CACjD,CAAC,MAAM,EAAE,EAAE;wBACT,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;wBACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;wBACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;oBAC5D,CAAC,EACD,CAAC,KAAK,EAAE,EAAE;wBACR,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;wBAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;wBACnB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;wBACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;oBACpE,CAAC,CACF,CAAC;iBACH;qBAAM;oBACL,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;oBACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;iBACjC;aACF;QACH,CAAC;KAAA;IACO,YAAY,CAAC,KAAK;QACxB,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACzE,CAAC;IAEO,UAAU,CAAC,KAAK;QACtB,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC;IACrC,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;SACjC;IACH,CAAC;CACF,CAAA;AAvDC;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCAQzB;AAGF;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;yCACL;AAGvB;IADC,IAAA,mBAAQ,EAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCACR;AAGnB;IADC,IAAA,mBAAQ,GAAE;;uCACQ;AAlBR,QAAQ;IAvCpB,MAAM,CAAC;QACN,QAAQ,EAAE,YAAY;QACtB,QAAQ;;YACN,OAAO,IAAA,eAAI,EAAA;QACP,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK;gBACnB,CAAC,CAAC,IAAA,eAAI,EAAA;;gBAEE,IAAI,CAAC,OAAO,CAAC,KAAK;;WAEvB;gBACH,CAAC,CAAC,IAAA,eAAI,EAAA,EAAE;QACR,CAAC,IAAI,CAAC,OAAO;gBACb,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM;oBACnB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CACjB,IAAI,CAAC,OAAO,CAAC,cAAc;wBACzB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;wBACxC,CAAC,CAAC,IAAI,CAAC,KAAK,EACd,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,qBAAQ,KAAK,CAAE,CAAC,EACtC,IAAI,CAAC,UAAU,CAChB;oBACH,CAAC,CAAC,IAAI,CAAC,KAAK;gBACd,CAAC,CAAC,EAAE;QACJ,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,IAAA,eAAI,EAAA;cACA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;oBACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;oBACxB,CAAC,CAAC,IAAA,eAAI,EAAA,EAAE;WACX;gBACH,CAAC,CAAC,EAAE;QACJ,IAAI,CAAC,KAAK;gBACV,CAAC,CAAC,IAAA,eAAI,EAAA;cACA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;oBACnC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;oBAChC,CAAC,CAAC,IAAA,eAAI,EAAA,IAAI,IAAI,CAAC,KAAK,GAAG;WAC1B;gBACH,CAAC,CAAC,EAAE;KACP,CAAC;QACJ,CAAC;KACF,CAAC;GACW,QAAQ,CAyDpB;AAzDY,4BAAQ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rhtml/renderer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.115",
|
|
4
4
|
"description": "Reactive HyperText Markup Language",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"patch": "npm run build && npm version patch && npm publish --update-readme --access public && npm run delete-dist",
|
|
@@ -17,16 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@rxdi/lit-html": "^0.7.133"
|
|
19
19
|
},
|
|
20
|
-
"devDependencies": {
|
|
21
|
-
"eslint": "^6.7.2",
|
|
22
|
-
"eslint-config-prettier": "^6.7.0",
|
|
23
|
-
"eslint-plugin-prettier": "^3.1.1",
|
|
24
|
-
"eslint-plugin-simple-import-sort": "^5.0.0",
|
|
25
|
-
"@typescript-eslint/eslint-plugin": "^2.10.0",
|
|
26
|
-
"@typescript-eslint/parser": "^2.10.0",
|
|
27
|
-
"prettier": "^1.19.1",
|
|
28
|
-
"ts-jest": "25.2.1"
|
|
29
|
-
},
|
|
20
|
+
"devDependencies": {},
|
|
30
21
|
"author": "Kristiyan Tachev",
|
|
31
22
|
"license": "MIT",
|
|
32
23
|
"browserslist": [
|