@rhtml/component 0.0.135 → 0.0.137

package/README.md

@@ -14,12 +14,12 @@ class CounterService {
 
 const Providers = DefineDependencies(CounterService)(Container);
 
-@Component<{ counter: number }, typeof Providers, CounterComponent>({
+@Component({
   Settings: {
     selector: 'counter-component'
   },
   Providers,
-  State: function(this, [counterService]) {
+  State: function(this: CounterComponent, [counterService]) {
     return interval(1000).pipe(
       map(value => ({ counter: this.counter + counterService.counter + value }))
     );

package/dist/index.d.ts

@@ -17,7 +17,10 @@ export type RenderResult<S, D, K extends LitElement> = (deps: D) => (this: K, st
 export interface Options extends Without<CustomElementConfig<never>, 'template'> {
     deepCloneState?: boolean;
 }
-export declare const Partial: <S, D, K extends LitElement = LitElement>(options: Options) => (deps?: D) => (state?: StateToRender<S, D, K>) => (loading: () => PossibleRender) => (error: (e: Error | unknown) => PossibleRender) => (render?: RenderResult<S, D, K>) => <K_1 extends new (...args: any[]) => {}>(Base: K_1) => {
+export interface OnRendererLoaded {
+    OnRendererLoaded(): void;
+}
+export declare const Partial: <S, D, K extends LitElement = LitElement>(options: Options) => (deps?: D) => (state?: StateToRender<S, D, K>) => (loading?: () => PossibleRender) => (error?: (e: Error | unknown) => PossibleRender) => (render?: RenderResult<S, D, K>) => <K_1 extends new (...args: any[]) => {}>(Base: K_1) => {
     new (...args: any[]): {
         getTemplateResult(): any;
         OnInit(): any;

package/dist/index.js

@@ -12,13 +12,14 @@ const DefineDependencies = (...deps) => (injection) => {
     return deps;
 };
 exports.DefineDependencies = DefineDependencies;
-const Partial = (options) => (deps = []) => (state = () => ({})) => (loading) => (error) => (render = () => state) => (0, lit_html_1.Component)(Object.assign(Object.assign({}, options), { template() {
+const Partial = (options) => (deps = []) => (state = () => ({})) => (loading = () => null) => (error = () => null) => (render = () => state) => (0, lit_html_1.Component)(Object.assign(Object.assign({}, options), { template() {
         return (0, lit_html_1.html) `
           <r-renderer
+            @loaded=${() => { var _a; return (_a = this['OnRendererLoaded']) === null || _a === void 0 ? void 0 : _a.call(this); }}
             .options=${{
             state: state.bind(this).call(this, deps),
-            loading,
-            error,
+            loading: loading.bind(this),
+            error: error.bind(this),
             deepCloneState: options.deepCloneState,
             render: (state, setState, shadowRoot) => {
                 this.shadowRoot.append(shadowRoot);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2BAAyB;AAEzB,6CAMwB;AAiBjB,MAAM,kBAAkB,GAC7B,CAA0B,GAAG,IAAO,EAAE,EAAE,CACxC,CAAC,SAAoB,EAAoB,EAAE;IACzC,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QAC1C,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;YACjC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACxE,CAAC,CAAC;IACL,CAAC;IACD,OAAO,IAAa,CAAC;AACvB,CAAC,CAAC;AATS,QAAA,kBAAkB,sBAS3B;AAsBG,MAAM,OAAO,GAClB,CAA0C,OAAgB,EAAE,EAAE,CAC9D,CAAC,OAAU,EAAW,EAAE,EAAE,CAC1B,CAAC,QAAgC,GAAG,EAAE,CAAC,CAAC,EAAY,CAAA,EAAE,EAAE,CACxD,CAAC,OAA6B,EAAE,EAAE,CAClC,CAAC,KAA6C,EAAE,EAAE,CAClD,CAAC,SAAgC,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,CACvD,IAAA,oBAAiB,kCACZ,OAAO,KACV,QAAQ;QACN,OAAO,IAAA,eAAI,EAAA;;uBAEI;YACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YACxC,OAAO;YACP,KAAK;YACL,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,MAAM,EAAE,CACN,KAAQ,EACR,QAAwB,EACxB,UAAsB,EACtB,EAAE;gBACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnC,OAAO,MAAM,CAAC,IAAI,CAAC;qBAChB,IAAI,CAAC,IAAI,CAAC;qBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YAC7C,CAAC;SACO;;SAEb,CAAC;IACJ,CAAC,IACD,CAAC;AA/BM,QAAA,OAAO,WA+Bb;AAEP,SAAgB,SAAS,CAA0C,EACjE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GAQN;IACC,OAAO,IAAA,eAAO,EAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC;AAhBD,8BAgBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2BAAyB;AAEzB,6CAMwB;AAiBjB,MAAM,kBAAkB,GAC7B,CAA0B,GAAG,IAAO,EAAE,EAAE,CACxC,CAAC,SAAoB,EAAoB,EAAE;IACzC,KAAK,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QAC1C,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;YACjC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;SACxE,CAAC,CAAC;IACL,CAAC;IACD,OAAO,IAAa,CAAC;AACvB,CAAC,CAAC;AATS,QAAA,kBAAkB,sBAS3B;AA0BG,MAAM,OAAO,GAClB,CAA0C,OAAgB,EAAE,EAAE,CAC9D,CAAC,OAAU,EAAW,EAAE,EAAE,CAC1B,CAAC,QAAgC,GAAG,EAAE,CAAC,CAAC,EAAY,CAAA,EAAE,EAAE,CACxD,CAAC,UAAgC,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAC/C,CAAC,QAAgD,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAC/D,CAAC,SAAgC,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,CACvD,IAAA,oBAAiB,kCACZ,OAAO,KACV,QAAQ;QACN,OAAO,IAAA,eAAI,EAAA;;sBAEG,GAAG,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,kBAAkB,CAAC,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAA,EAAA;uBACzC;YACT,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YACxC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAC3B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YACvB,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,MAAM,EAAE,CACN,KAAQ,EACR,QAAwB,EACxB,UAAsB,EACtB,EAAE;gBACF,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBACnC,OAAO,MAAM,CAAC,IAAI,CAAC;qBAChB,IAAI,CAAC,IAAI,CAAC;qBACV,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;YAC7C,CAAC;SACO;;SAEb,CAAC;IACJ,CAAC,IACD,CAAC;AAhCM,QAAA,OAAO,WAgCb;AAEP,SAAgB,SAAS,CAA0C,EACjE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GAQN;IACC,OAAO,IAAA,eAAO,EAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACrE,CAAC;AAhBD,8BAgBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhtml/component",
-  "version": "0.0.135",
+  "version": "0.0.137",
   "description": "Reactive HyperText Markup Language",
   "scripts": {
     "start": "npx parcel ./examples/index.html --out-dir build/examples",
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@rxdi/lit-html": "^0.7.178",
-    "@rhtml/renderer": "0.0.135"
+    "@rhtml/renderer": "0.0.137"
   },
   "peerDependencies": {
     "rxjs": "^7.8.0"

package/src/index.ts

@@ -54,22 +54,27 @@ export interface Options
   deepCloneState?: boolean;
 }
 
+export interface OnRendererLoaded {
+  OnRendererLoaded(): void;
+}
+
 export const Partial =
   <S, D, K extends LitElement = LitElement>(options: Options) =>
   (deps: D = [] as never) =>
   (state: StateToRender<S, D, K> = () => ({} as never)) =>
-  (loading: () => PossibleRender) =>
-  (error: (e: Error | unknown) => PossibleRender) =>
+  (loading: () => PossibleRender = () => null) =>
+  (error: (e: Error | unknown) => PossibleRender = () => null) =>
   (render: RenderResult<S, D, K> = () => state as never) =>
     OriginalComponent<K>({
       ...options,
       template(this: K) {
         return html`
           <r-renderer
+            @loaded=${() => this['OnRendererLoaded']?.call(this)}
             .options=${{
               state: state.bind(this).call(this, deps),
-              loading,
-              error,
+              loading: loading.bind(this),
+              error: error.bind(this),
               deepCloneState: options.deepCloneState,
               render: (
                 state: S,