@elderbyte/ngx-starter 20.10.2 → 20.11.0-beta.1

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.
@@ -37012,7 +37012,7 @@ class IframeHostComponent {
37012
37012
  }
37013
37013
  }
37014
37014
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IframeHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37015
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: IframeHostComponent, isStandalone: true, selector: "elder-i-frame-host", inputs: { iframeParams: "iframeParams" }, outputs: { message: "message", close: "close" }, host: { listeners: { "window:message": "onWindowMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], hostDirectives: [{ directive: ElderLockContextDirective }], ngImport: i0, template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n <div class=\"layout-col full\">\n <!-- In Case of Error -->\n @if (ctx.state.hasError) {\n <div class=\"layout-row place-center-center flex\">\n <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n </div>\n }\n <!-- IFrame -->\n @if (!ctx.state.hasError) {\n <iframe\n #iframe\n (load)=\"onIframeLoadEvent($event)\"\n (error)=\"onIframeErrorEvent($event)\"\n [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n class=\"iframe flex\"\n allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n ></iframe>\n }\n <!-- Bottom Toolbar -->\n @if (!ctx.params.hideActionBar) {\n <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n <mat-icon>close</mat-icon>\n </a>\n <a\n mat-icon-button\n class=\"elder-icon-button-sm\"\n [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n target=\"_blank\"\n >\n <mat-icon>open_in_new</mat-icon>\n </a>\n </mat-toolbar>\n }\n </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "component", type: MatIconAnchor, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderSafeUrlPipe, name: "elderSafeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
37015
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.6", type: IframeHostComponent, isStandalone: true, selector: "elder-i-frame-host", inputs: { iframeParams: "iframeParams" }, outputs: { message: "message", close: "close" }, host: { listeners: { "window:message": "onWindowMessage($event)" } }, viewQueries: [{ propertyName: "iframe", first: true, predicate: ["iframe"], descendants: true }], hostDirectives: [{ directive: ElderLockContextDirective }], ngImport: i0, template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n <div class=\"layout-col full\">\n <!-- In Case of Error -->\n @if (ctx.state.hasError) {\n <div class=\"layout-row place-center-center flex\">\n <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n </div>\n }\n <!-- IFrame -->\n @if (!ctx.state.hasError) {\n <iframe\n #iframe\n (load)=\"onIframeLoadEvent($event)\"\n (error)=\"onIframeErrorEvent($event)\"\n [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n class=\"iframe flex\"\n allow=\"local-network-access *\"\n ></iframe>\n }\n <!-- Bottom Toolbar -->\n @if (!ctx.params.hideActionBar) {\n <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n <mat-icon>close</mat-icon>\n </a>\n <a\n mat-icon-button\n class=\"elder-icon-button-sm\"\n [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n target=\"_blank\"\n >\n <mat-icon>open_in_new</mat-icon>\n </a>\n </mat-toolbar>\n }\n </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: ElderThemeDirective, selector: "[elderTheme]" }, { kind: "component", type: MatIconAnchor, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ElderSafeUrlPipe, name: "elderSafeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
37016
37016
  }
37017
37017
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImport: i0, type: IframeHostComponent, decorators: [{
37018
37018
  type: Component,
@@ -37024,7 +37024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.6", ngImpor
37024
37024
  AsyncPipe,
37025
37025
  ElderSafeUrlPipe,
37026
37026
  MatIconButton,
37027
- ], hostDirectives: [ElderLockContextDirective], template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n <div class=\"layout-col full\">\n <!-- In Case of Error -->\n @if (ctx.state.hasError) {\n <div class=\"layout-row place-center-center flex\">\n <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n </div>\n }\n <!-- IFrame -->\n @if (!ctx.state.hasError) {\n <iframe\n #iframe\n (load)=\"onIframeLoadEvent($event)\"\n (error)=\"onIframeErrorEvent($event)\"\n [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n class=\"iframe flex\"\n allow=\"clipboard *;clipboard-read *;clipboard-write *;\"\n ></iframe>\n }\n <!-- Bottom Toolbar -->\n @if (!ctx.params.hideActionBar) {\n <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n <mat-icon>close</mat-icon>\n </a>\n <a\n mat-icon-button\n class=\"elder-icon-button-sm\"\n [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n target=\"_blank\"\n >\n <mat-icon>open_in_new</mat-icon>\n </a>\n </mat-toolbar>\n }\n </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"] }]
37027
+ ], hostDirectives: [ElderLockContextDirective], template: "@if ({ state: iframeState$ | async, params: iframeParams$ | async }; as ctx) {\n <div class=\"layout-col full\">\n <!-- In Case of Error -->\n @if (ctx.state.hasError) {\n <div class=\"layout-row place-center-center flex\">\n <span>Failed to load Iframe: {{ ctx.state.message }}</span>\n </div>\n }\n <!-- IFrame -->\n @if (!ctx.state.hasError) {\n <iframe\n #iframe\n (load)=\"onIframeLoadEvent($event)\"\n (error)=\"onIframeErrorEvent($event)\"\n [src]=\"ctx.params.srcUrl | elderSafeUrl\"\n class=\"iframe flex\"\n allow=\"local-network-access *\"\n ></iframe>\n }\n <!-- Bottom Toolbar -->\n @if (!ctx.params.hideActionBar) {\n <mat-toolbar elderTheme class=\"layout-row place-between-center flex-none elder-dense-toolbar\">\n <a mat-icon-button (click)=\"doClose($event)\" class=\"elder-icon-button-sm\">\n <mat-icon>close</mat-icon>\n </a>\n <a\n mat-icon-button\n class=\"elder-icon-button-sm\"\n [href]=\"ctx.params.srcUrl | elderSafeUrl\"\n target=\"_blank\"\n >\n <mat-icon>open_in_new</mat-icon>\n </a>\n </mat-toolbar>\n }\n </div>\n}\n", styles: [".iframe{margin:0;border:0;height:100%;background-color:#fff}.elder-dense-toolbar,.elder-dense-toolbar .mat-toolbar-row{height:40px}\n"] }]
37028
37028
  }], ctorParameters: () => [], propDecorators: { iframe: [{
37029
37029
  type: ViewChild,
37030
37030
  args: ['iframe']