@visuallyjs/browser-ui-angular 1.2.0 → 1.2.2

package/esm2022/lib/tiled-image-background.component.mjs

@@ -0,0 +1,62 @@
+import { inject, Component, Input } from "@angular/core";
+import { BackgroundPlugin, log, TiledBackground } from "@visuallyjs/browser-ui";
+import { VisuallyJsService } from "./vjs-service";
+import * as i0 from "@angular/core";
+
+export class TiledImageBackgroundComponent {
+    constructor() {
+        this.$vjs = inject(VisuallyJsService);
+        this._bg = null;
+    }
+    ngAfterViewInit() {
+        this.$vjs.getSurface(s => {
+            try {
+                this._bg = s.addPlugin({
+                    type: BackgroundPlugin.type,
+                    options: {
+                        type: TiledBackground.type,
+                        url: this.url,
+                        urlGenerator: this.urlGenerator,
+                        tileSize: this.tileSize,
+                        width: this.width,
+                        height: this.height,
+                        maxZoom: this.maxZoom,
+                        tiling: this.tiling,
+                        panDebounceTimeout: this.panDebounceTimeout,
+                        zoomDebounceTimeout: this.zoomDebounceTimeout
+                    }
+                });
+            }
+            catch (e) {
+                log(`WARN: TiledImageBackgroundComponent could not mount background ${e}`);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TiledImageBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TiledImageBackgroundComponent, selector: "vjs-tiled-image-background", inputs: { url: "url", urlGenerator: "urlGenerator", tileSize: "tileSize", width: "width", height: "height", maxZoom: "maxZoom", tiling: "tiling", panDebounceTimeout: "panDebounceTimeout", zoomDebounceTimeout: "zoomDebounceTimeout" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TiledImageBackgroundComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "vjs-tiled-image-background",
+                    template: `<ng-content></ng-content>`
+                }]
+        }], propDecorators: { url: [{
+                type: Input
+            }], urlGenerator: [{
+                type: Input
+            }], tileSize: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], maxZoom: [{
+                type: Input
+            }], tiling: [{
+                type: Input
+            }], panDebounceTimeout: [{
+                type: Input
+            }], zoomDebounceTimeout: [{
+                type: Input
+            }] } });

package/esm2022/lib/vjs-service.mjs

@@ -199,10 +199,10 @@ export class VisuallyJsService {
             this.uiListeners.push(cb);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VisuallyJsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VisuallyJsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VisuallyJsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VisuallyJsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',