@candy-kingdom/bonnie 0.1.1

package/esm2022/lib/marcy-media/marcy-media.component.mjs

@@ -0,0 +1,59 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { UnsubscriberService } from '../core/unsubscribe.service';
+import { MediaObjectFit } from '../core/MediaObjectFit';
+import { DeviceServiceBase } from '../core/device.service.base';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/device.service.base";
+import * as i2 from "../core/unsubscribe.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../marcy-image/marcy-image.component";
+import * as i5 from "../marcy-video/marcy-video.component";
+import * as i6 from "../marcy-image/imgsrc.directive";
+import * as i7 from "../marcy-video/vidsrc.directive";
+export class MarcyMediaComponent {
+    constructor(device, cd, _u) {
+        this.device = device;
+        this.cd = cd;
+        this._u = _u;
+        this.MarcyObjectFit = MediaObjectFit;
+        this.isLoaded = new EventEmitter();
+        this._objectFit = MediaObjectFit.Original;
+        console.log('MarcyMediaComponent ctor');
+        cd.detach();
+    }
+    ngOnInit() {
+        console.log('MarcyMediaComponent ngOnInit');
+        this.cd.detectChanges();
+    }
+    get src() {
+        return this._src;
+    }
+    set src(val) {
+        console.log('set data', val);
+        this._src = val;
+        this.cd.detectChanges();
+    }
+    set objectFit(val) {
+        this._objectFit = val ?? MediaObjectFit.Original;
+        this.cd.detectChanges();
+    }
+    get objectFit() {
+        return this._objectFit;
+    }
+    onLoad() {
+        this.isLoaded.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MarcyMediaComponent, deps: [{ token: i1.DeviceServiceBase }, { token: i0.ChangeDetectorRef }, { token: i2.UnsubscriberService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: MarcyMediaComponent, selector: "bon-media", inputs: { src: "src", objectFit: "objectFit" }, outputs: { isLoaded: "isLoaded" }, providers: [UnsubscriberService], ngImport: i0, template: "<bon-image *ngIf=\"src && src.type==='image'\"\n           [imgsrc]=\"src\"\n           [objectFit]=\"objectFit\"\n           (isLoaded)=\"onLoad()\"></bon-image>\n\n<bon-video *ngIf=\"src && src.type==='video'\"\n           [vidsrc]=\"src\"\n           [objectFit]=\"objectFit\"\n           (isLoaded)=\"onLoad()\"></bon-video>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MarcyImageComponent, selector: "bon-image", inputs: ["objectFit"], outputs: ["isLoaded"] }, { kind: "component", type: i5.MarcyVideoComponent, selector: "bon-video", inputs: ["objectFit"], outputs: ["isLoaded"] }, { kind: "directive", type: i6.ImageSrcDirective, selector: "[imgsrc]", inputs: ["imgsrc"] }, { kind: "directive", type: i7.VideoSrcDirective, selector: "[vidsrc]", inputs: ["vidsrc"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MarcyMediaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bon-media', providers: [UnsubscriberService], template: "<bon-image *ngIf=\"src && src.type==='image'\"\n           [imgsrc]=\"src\"\n           [objectFit]=\"objectFit\"\n           (isLoaded)=\"onLoad()\"></bon-image>\n\n<bon-video *ngIf=\"src && src.type==='video'\"\n           [vidsrc]=\"src\"\n           [objectFit]=\"objectFit\"\n           (isLoaded)=\"onLoad()\"></bon-video>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DeviceServiceBase }, { type: i0.ChangeDetectorRef }, { type: i2.UnsubscriberService }], propDecorators: { isLoaded: [{
+                type: Output
+            }], src: [{
+                type: Input
+            }], objectFit: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyY3ktbWVkaWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ib25uaWUvc3JjL2xpYi9tYXJjeS1tZWRpYS9tYXJjeS1tZWRpYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL21hcmN5LW1lZGlhL21hcmN5LW1lZGlhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFJbEcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7Ozs7QUFRaEUsTUFBTSxPQUFPLG1CQUFtQjtJQVM1QixZQUV3QixNQUF5QixFQUN6QixFQUFxQixFQUNwQixFQUF1QjtRQUZ4QixXQUFNLEdBQU4sTUFBTSxDQUFtQjtRQUN6QixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUNwQixPQUFFLEdBQUYsRUFBRSxDQUFxQjtRQVpoQyxtQkFBYyxHQUFHLGNBQWMsQ0FBQztRQUdoQyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFMUQsZUFBVSxHQUFHLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFVekMsT0FBTyxDQUFDLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRXhDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNoQixDQUFDO0lBR00sUUFBUTtRQUNYLE9BQU8sQ0FBQyxHQUFHLENBQUMsOEJBQThCLENBQUMsQ0FBQztRQUU1QyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFHRCxJQUFXLEdBQUc7UUFDVixPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csR0FBRyxDQUFDLEdBQTBDO1FBQ3JELE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRTdCLElBQUksQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO1FBRWhCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQ1csU0FBUyxDQUFDLEdBQStCO1FBQ2hELElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxJQUFJLGNBQWMsQ0FBQyxRQUFRLENBQUM7UUFFakQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBRU0sTUFBTTtRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzs4R0F2RFEsbUJBQW1CO2tHQUFuQixtQkFBbUIsdUhBRmpCLENBQUMsbUJBQW1CLENBQUMsMEJDWnBDLDRVQVNBOzsyRkRLYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksV0FBVyxhQUdWLENBQUMsbUJBQW1CLENBQUM7d0pBTWhCLFFBQVE7c0JBRHZCLE1BQU07Z0JBK0JJLEdBQUc7c0JBRGIsS0FBSztnQkFVSyxTQUFTO3NCQURuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdG9yUmVmLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0ICogYXMgTUNvcmUgZnJvbSAnLi4vZ2VuZXJhdGVkJztcblxuaW1wb3J0IHsgVW5zdWJzY3JpYmVyU2VydmljZSB9IGZyb20gJy4uL2NvcmUvdW5zdWJzY3JpYmUuc2VydmljZSc7XG5pbXBvcnQgeyBNZWRpYU9iamVjdEZpdCB9IGZyb20gJy4uL2NvcmUvTWVkaWFPYmplY3RGaXQnO1xuaW1wb3J0IHsgRGV2aWNlU2VydmljZUJhc2UgfSBmcm9tICcuLi9jb3JlL2RldmljZS5zZXJ2aWNlLmJhc2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Jvbi1tZWRpYScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL21hcmN5LW1lZGlhLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9tYXJjeS1tZWRpYS5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1Vuc3Vic2NyaWJlclNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIE1hcmN5TWVkaWFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHB1YmxpYyByZWFkb25seSBNYXJjeU9iamVjdEZpdCA9IE1lZGlhT2JqZWN0Rml0O1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IGlzTG9hZGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBwcml2YXRlIF9vYmplY3RGaXQgPSBNZWRpYU9iamVjdEZpdC5PcmlnaW5hbDtcbiAgICBwcml2YXRlIF9zcmM/OiBNQ29yZS5WaWRlbyB8IE1Db3JlLkltYWdlO1xuXG4gICAgY29uc3RydWN0b3JcbiAgICAgICAgKFxuICAgICAgICAgICAgcHVibGljIHJlYWRvbmx5IGRldmljZTogRGV2aWNlU2VydmljZUJhc2UsXG4gICAgICAgICAgICBwdWJsaWMgcmVhZG9ubHkgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICAgICAgcHJpdmF0ZSByZWFkb25seSBfdTogVW5zdWJzY3JpYmVyU2VydmljZVxuICAgICAgICApIHtcblxuICAgICAgICBjb25zb2xlLmxvZygnTWFyY3lNZWRpYUNvbXBvbmVudCBjdG9yJyk7XG5cbiAgICAgICAgY2QuZGV0YWNoKCk7XG4gICAgfVxuXG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdNYXJjeU1lZGlhQ29tcG9uZW50IG5nT25Jbml0Jyk7XG5cbiAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG5cbiAgICBwdWJsaWMgZ2V0IHNyYygpOiBNQ29yZS5WaWRlbyB8IE1Db3JlLkltYWdlIHwgdW5kZWZpbmVkIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NyYztcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgc3JjKHZhbDogTUNvcmUuVmlkZW8gfCBNQ29yZS5JbWFnZSB8IHVuZGVmaW5lZCkge1xuICAgICAgICBjb25zb2xlLmxvZygnc2V0IGRhdGEnLCB2YWwpO1xuXG4gICAgICAgIHRoaXMuX3NyYyA9IHZhbDtcblxuICAgICAgICB0aGlzLmNkLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgb2JqZWN0Rml0KHZhbDogTWVkaWFPYmplY3RGaXQgfCB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5fb2JqZWN0Rml0ID0gdmFsID8/IE1lZGlhT2JqZWN0Rml0Lk9yaWdpbmFsO1xuXG4gICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgb2JqZWN0Rml0KCk6IE1lZGlhT2JqZWN0Rml0IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX29iamVjdEZpdDtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25Mb2FkKCkge1xuICAgICAgICB0aGlzLmlzTG9hZGVkLm5leHQoKTtcbiAgICB9XG5cbn1cbiIsIjxib24taW1hZ2UgKm5nSWY9XCJzcmMgJiYgc3JjLnR5cGU9PT0naW1hZ2UnXCJcbiAgICAgICAgICAgW2ltZ3NyY109XCJzcmNcIlxuICAgICAgICAgICBbb2JqZWN0Rml0XT1cIm9iamVjdEZpdFwiXG4gICAgICAgICAgIChpc0xvYWRlZCk9XCJvbkxvYWQoKVwiPjwvYm9uLWltYWdlPlxuXG48Ym9uLXZpZGVvICpuZ0lmPVwic3JjICYmIHNyYy50eXBlPT09J3ZpZGVvJ1wiXG4gICAgICAgICAgIFt2aWRzcmNdPVwic3JjXCJcbiAgICAgICAgICAgW29iamVjdEZpdF09XCJvYmplY3RGaXRcIlxuICAgICAgICAgICAoaXNMb2FkZWQpPVwib25Mb2FkKClcIj48L2Jvbi12aWRlbz5cbiJdfQ==

package/esm2022/lib/marcy-video/index.mjs

@@ -0,0 +1,3 @@
+export * from './marcy-video.component';
+export * from './vidsrc.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL21hcmN5LXZpZGVvL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbWFyY3ktdmlkZW8uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdmlkc3JjLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/lib/marcy-video/marcy-video.component.mjs

@@ -0,0 +1,147 @@
+import { Component, Input, Output, EventEmitter, ChangeDetectorRef, Optional, ElementRef, ViewChild } from '@angular/core';
+import { BehaviorSubject, filter } from 'rxjs';
+import { UnsubscriberService } from '../core/unsubscribe.service';
+import { MediaStatus } from '../core/MediaStatus';
+import { MediaObjectFit } from '../core/MediaObjectFit';
+import { DeviceServiceBase } from '../core/device.service.base';
+import { VideoSrcDirective } from './vidsrc.directive';
+import { ascendingT, matchesMediaQuery, descendingT } from '../core/utils';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/device.service.base";
+import * as i2 from "../core/unsubscribe.service";
+import * as i3 from "./vidsrc.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "../core/intersection.component";
+export class MarcyVideoComponent {
+    constructor(device, cd, _u, srcDir) {
+        this.device = device;
+        this.cd = cd;
+        this._u = _u;
+        this.MediaStatus = MediaStatus;
+        this.MarcyObjectFit = MediaObjectFit;
+        this.isLoaded = new EventEmitter();
+        this.$status = new BehaviorSubject(MediaStatus.NotSet);
+        this._objectFit = MediaObjectFit.Original;
+        console.log('MarcyVideoComponent ctor');
+        if (srcDir === undefined || srcDir === null)
+            throw new Error(`${MarcyVideoComponent.name} should have [vidsrc] directive as source object`);
+        this.src = srcDir;
+        cd.detach();
+    }
+    ngOnInit() {
+        console.log('MarcyVideoComponent ngOnInit');
+        // bind loaded event
+        this.$status
+            .pipe(this._u.takeUntilDestroy, filter(status => status === MediaStatus.Loaded))
+            .subscribe(() => this.isLoaded.next());
+        this.cd.detectChanges();
+    }
+    ngAfterViewInit() {
+        console.log('MarcyVideoComponent ngAfterViewInit');
+        // bind src changes
+        this.src.srcChange
+            .pipe(this._u.takeUntilDestroy)
+            .subscribe((val) => {
+            console.log('MarcyVideoComponent onSrcChange', val);
+            this.updateSources();
+            // resubscribe because its updated with src
+            this.subscribeToMediaQueryChange();
+        });
+        this.updateSources();
+        // initial, for src added before init
+        this.subscribeToMediaQueryChange();
+    }
+    subscribeToMediaQueryChange() {
+        this.src
+            .watchMediaQueries()
+            .subscribe(() => {
+            console.log('MarcyVideoComponent watchMediaQueries');
+            this.updateSources();
+        });
+    }
+    updateSources() {
+        console.log('MarcyVideoComponent updateSources');
+        this.source = this.findMoreSuitableSource();
+        console.log('MarcyVideoComponent new source', this.source);
+        if (this.$status.value === MediaStatus.NotSet && this.source === undefined) {
+            return;
+        }
+        if (this.source === undefined) {
+            this.$status.next(MediaStatus.NotSet);
+            this.cd.detectChanges();
+            return;
+        }
+        this.$status.next(MediaStatus.NotLoaded);
+        this.cd.detectChanges();
+    }
+    set objectFit(val) {
+        this._objectFit = val ?? MediaObjectFit.Original;
+        this.cd.detectChanges();
+    }
+    get objectFit() {
+        return this._objectFit;
+    }
+    onLoad() {
+        this.$status.next(MediaStatus.Loaded);
+    }
+    findMoreSuitableSource() {
+        if (this.videoRef === undefined) {
+            console.log('skipping findMoreSuitableSource. videoRef is empty still');
+            return;
+        }
+        const videoSources = this.src.data?.sources ?? [];
+        const currentVideoWidth = this.videoRef.nativeElement.clientWidth;
+        const realPixelsVideoWidth = this.device.devicePixelRatio * currentVideoWidth;
+        console.log(`MarcyVideoComponent currentVideoWidth ${currentVideoWidth}`);
+        console.log(`MarcyVideoComponent realPixelsVideoWidth ${realPixelsVideoWidth}`);
+        for (let i = 0; i < videoSources.length; i++) {
+            const videoSource = videoSources[i];
+            if (!matchesMediaQuery(videoSource.mediaQuery))
+                continue;
+            // SSR
+            if (typeof this.videoRef.nativeElement.canPlayType !== 'function') {
+                // return first mp4, because all players can play them
+                const mp4Srcs = videoSource
+                    .srcSet
+                    .filter(x => x.mimeType === 'video/mp4')
+                    .sort(descendingT(x => x.meta.width)); // bigest video
+                // element or undefined
+                return mp4Srcs[0];
+            }
+            const fileSrcs = videoSource
+                .srcSet
+                .filter(x => this.videoRef.nativeElement.canPlayType(x.mimeType))
+                .sort(ascendingT(x => x.meta.width)) // smallest video
+                .sort(x => x.mimeType.includes('webm') ? 1 : -1); // webm first
+            if (fileSrcs.length === 0)
+                continue;
+            let bestSrc = fileSrcs[0];
+            for (let i = 1; i < fileSrcs.length; i++) {
+                const fileSrc = fileSrcs[i];
+                const currentDiff = fileSrc.meta.width - realPixelsVideoWidth;
+                // too big video source width
+                if (currentDiff > 0)
+                    break;
+                bestSrc = fileSrc;
+            }
+            return bestSrc;
+        }
+        return undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MarcyVideoComponent, deps: [{ token: i1.DeviceServiceBase }, { token: i0.ChangeDetectorRef }, { token: i2.UnsubscriberService }, { token: i3.VideoSrcDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: MarcyVideoComponent, selector: "bon-video", inputs: { objectFit: "objectFit" }, outputs: { isLoaded: "isLoaded" }, providers: [UnsubscriberService], viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true }], ngImport: i0, template: "<div [class.knownRatio]=\"src.ratio > 0 && objectFit === MarcyObjectFit.Original\"\n     [class.cover]=\"objectFit === MarcyObjectFit.Cover\"\n     [class.contain]=\"objectFit === MarcyObjectFit.Contain\"\n     [class.loaded]=\"($status | async) === MediaStatus.Loaded\"\n     class=\"video-container\">\n\n  <ng-container *ngIf=\"device.isSSR ; then ssrTemplate else browserTemplate\"></ng-container>\n\n  <ng-template #videoTemplate>\n    <video #video\n           [src]=\"source !== undefined ? source.url :'' \"\n           (load)=\"onLoad()\"\n           (canplay)=\"video.muted=true;video.play();\"\n           autoplay\n           loop\n           muted> </video>\n  </ng-template>\n\n  <ng-template #ssrTemplate>\n    <noscript *ngIf=\"device.isSSR\">\n      <ng-container *ngTemplateOutlet=\"videoTemplate\"></ng-container>\n    </noscript>\n  </ng-template>\n\n  <ng-template #browserTemplate>\n    <bon-intersection #intersectionZone [session]=\"src\" (intersected)=\"cd.detectChanges()\">\n      <ng-container *ngTemplateOutlet=\"videoTemplate\"></ng-container>\n    </bon-intersection>\n  </ng-template>\n\n  <div *ngIf=\"src.ratio > 0 && objectFit === MarcyObjectFit.Original\" [style.padding-top]=\"100 / src.ratio +'%'\"></div>\n</div>\n", styles: [":host{display:block}.video-container{background-color:#000;overflow:hidden}.video-container.cover video,.video-container.cover bon-intersection,.video-container.contain video,.video-container.contain bon-intersection,.video-container.knownRatio video,.video-container.knownRatio bon-intersection{width:100%;height:100%}.video-container.cover{height:100%}.video-container.cover video{object-fit:cover}.video-container.contain{height:100%}.video-container.contain video{object-fit:contain}.video-container.knownRatio{position:relative}.video-container.knownRatio video{position:absolute;object-fit:fill}video{display:block;width:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.IntersectionComponent, selector: "bon-intersection", inputs: ["session"], outputs: ["intersected"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: MarcyVideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bon-video', providers: [UnsubscriberService], template: "<div [class.knownRatio]=\"src.ratio > 0 && objectFit === MarcyObjectFit.Original\"\n     [class.cover]=\"objectFit === MarcyObjectFit.Cover\"\n     [class.contain]=\"objectFit === MarcyObjectFit.Contain\"\n     [class.loaded]=\"($status | async) === MediaStatus.Loaded\"\n     class=\"video-container\">\n\n  <ng-container *ngIf=\"device.isSSR ; then ssrTemplate else browserTemplate\"></ng-container>\n\n  <ng-template #videoTemplate>\n    <video #video\n           [src]=\"source !== undefined ? source.url :'' \"\n           (load)=\"onLoad()\"\n           (canplay)=\"video.muted=true;video.play();\"\n           autoplay\n           loop\n           muted> </video>\n  </ng-template>\n\n  <ng-template #ssrTemplate>\n    <noscript *ngIf=\"device.isSSR\">\n      <ng-container *ngTemplateOutlet=\"videoTemplate\"></ng-container>\n    </noscript>\n  </ng-template>\n\n  <ng-template #browserTemplate>\n    <bon-intersection #intersectionZone [session]=\"src\" (intersected)=\"cd.detectChanges()\">\n      <ng-container *ngTemplateOutlet=\"videoTemplate\"></ng-container>\n    </bon-intersection>\n  </ng-template>\n\n  <div *ngIf=\"src.ratio > 0 && objectFit === MarcyObjectFit.Original\" [style.padding-top]=\"100 / src.ratio +'%'\"></div>\n</div>\n", styles: [":host{display:block}.video-container{background-color:#000;overflow:hidden}.video-container.cover video,.video-container.cover bon-intersection,.video-container.contain video,.video-container.contain bon-intersection,.video-container.knownRatio video,.video-container.knownRatio bon-intersection{width:100%;height:100%}.video-container.cover{height:100%}.video-container.cover video{object-fit:cover}.video-container.contain{height:100%}.video-container.contain video{object-fit:contain}.video-container.knownRatio{position:relative}.video-container.knownRatio video{position:absolute;object-fit:fill}video{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DeviceServiceBase }, { type: i0.ChangeDetectorRef }, { type: i2.UnsubscriberService }, { type: i3.VideoSrcDirective, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { videoRef: [{
+                type: ViewChild,
+                args: ['video']
+            }], isLoaded: [{
+                type: Output
+            }], objectFit: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyY3ktdmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ib25uaWUvc3JjL2xpYi9tYXJjeS12aWRlby9tYXJjeS12aWRlby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL21hcmN5LXZpZGVvL21hcmN5LXZpZGVvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQXFCLFFBQVEsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM3SixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUkvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUTNFLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjVCLFlBRXdCLE1BQXlCLEVBQ3pCLEVBQXFCLEVBQ3BCLEVBQXVCLEVBQzVCLE1BQTBCO1FBSHRCLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBQ3pCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBQ3BCLE9BQUUsR0FBRixFQUFFLENBQXFCO1FBcEJoQyxnQkFBVyxHQUFHLFdBQVcsQ0FBQztRQUMxQixtQkFBYyxHQUFHLGNBQWMsQ0FBQztRQU1oQyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFbEQsWUFBTyxHQUFHLElBQUksZUFBZSxDQUFjLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUt2RSxlQUFVLEdBQUcsY0FBYyxDQUFDLFFBQVEsQ0FBQztRQVV6QyxPQUFPLENBQUMsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFFeEMsSUFBSSxNQUFNLEtBQUssU0FBUyxJQUFJLE1BQU0sS0FBSyxJQUFJO1lBQ3ZDLE1BQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxtQkFBbUIsQ0FBQyxJQUFJLGtEQUFrRCxDQUFDLENBQUM7UUFFbkcsSUFBSSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUM7UUFFbEIsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFTSxRQUFRO1FBQ1gsT0FBTyxDQUFDLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDO1FBRTVDLG9CQUFvQjtRQUNwQixJQUFJLENBQUMsT0FBTzthQUNQLElBQUksQ0FFRCxJQUFJLENBQUMsRUFBRSxDQUFDLGdCQUFnQixFQUN4QixNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEtBQUssV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUNsRDthQUNBLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7UUFFM0MsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0sZUFBZTtRQUNsQixPQUFPLENBQUMsR0FBRyxDQUFDLHFDQUFxQyxDQUFDLENBQUM7UUFFbkQsbUJBQW1CO1FBQ25CLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUzthQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQzlCLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ2YsT0FBTyxDQUFDLEdBQUcsQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUVwRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFFckIsMkNBQTJDO1lBQzNDLElBQUksQ0FBQywyQkFBMkIsRUFBRSxDQUFDO1FBQ3ZDLENBQUMsQ0FBQyxDQUFBO1FBRU4sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRXJCLHFDQUFxQztRQUNyQyxJQUFJLENBQUMsMkJBQTJCLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRU8sMkJBQTJCO1FBQy9CLElBQUksQ0FBQyxHQUFHO2FBQ0gsaUJBQWlCLEVBQUU7YUFDbkIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNaLE9BQU8sQ0FBQyxHQUFHLENBQUMsdUNBQXVDLENBQUMsQ0FBQztZQUNyRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDWCxDQUFDO0lBRU8sYUFBYTtRQUNqQixPQUFPLENBQUMsR0FBRyxDQUFDLG1DQUFtQyxDQUFDLENBQUM7UUFFakQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztRQUU1QyxPQUFPLENBQUMsR0FBRyxDQUFDLGdDQUFnQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUUzRCxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxLQUFLLFdBQVcsQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sS0FBSyxTQUFTLEVBQUU7WUFDeEUsT0FBTztTQUNWO1FBRUQsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtZQUMzQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7WUFFdEMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN4QixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFekMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFDVyxTQUFTLENBQUMsR0FBK0I7UUFDaEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxHQUFHLElBQUksY0FBYyxDQUFDLFFBQVEsQ0FBQztRQUVqRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLFNBQVM7UUFDaEIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQzNCLENBQUM7SUFFTSxNQUFNO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFTyxzQkFBc0I7UUFDMUIsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLFNBQVMsRUFBRTtZQUM3QixPQUFPLENBQUMsR0FBRyxDQUFDLDBEQUEwRCxDQUFDLENBQUM7WUFDeEUsT0FBTztTQUNWO1FBRUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQztRQUVsRCxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztRQUNsRSxNQUFNLG9CQUFvQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLEdBQUcsaUJBQWlCLENBQUM7UUFFOUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyx5Q0FBeUMsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDO1FBQzFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsNENBQTRDLG9CQUFvQixFQUFFLENBQUMsQ0FBQztRQUVoRixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUMxQyxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFcEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUM7Z0JBQzFDLFNBQVM7WUFFYixNQUFNO1lBQ04sSUFBSSxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsS0FBSyxVQUFVLEVBQUU7Z0JBQy9ELHNEQUFzRDtnQkFDdEQsTUFBTSxPQUFPLEdBQUcsV0FBVztxQkFDdEIsTUFBTTtxQkFDTixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxLQUFLLFdBQVcsQ0FBQztxQkFDdkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLGVBQWU7Z0JBRTFELHVCQUF1QjtnQkFDdkIsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDckI7WUFFRCxNQUFNLFFBQVEsR0FBRyxXQUFXO2lCQUN2QixNQUFNO2lCQUNOLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7aUJBQ2hFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsaUJBQWlCO2lCQUNyRCxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUEsYUFBYTtZQUVsRSxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQztnQkFDckIsU0FBUztZQUViLElBQUksT0FBTyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUUxQixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDdEMsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUU1QixNQUFNLFdBQVcsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxvQkFBb0IsQ0FBQztnQkFFOUQsNkJBQTZCO2dCQUM3QixJQUFJLFdBQVcsR0FBRyxDQUFDO29CQUNmLE1BQU07Z0JBRVYsT0FBTyxHQUFHLE9BQU8sQ0FBQzthQUNyQjtZQUVELE9BQU8sT0FBTyxDQUFDO1NBQ2xCO1FBRUQsT0FBTyxTQUFTLENBQUM7SUFDckIsQ0FBQzs4R0FqTFEsbUJBQW1CO2tHQUFuQixtQkFBbUIsMkdBRmpCLENBQUMsbUJBQW1CLENBQUMsNkhDaEJwQyx1dUNBZ0NBOzsyRkRkYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksV0FBVyxhQUdWLENBQUMsbUJBQW1CLENBQUM7OzBCQXdCdkIsUUFBUTt5Q0FqQkQsUUFBUTtzQkFEdkIsU0FBUzt1QkFBQyxPQUFPO2dCQUlGLFFBQVE7c0JBRHZCLE1BQU07Z0JBaUdJLFNBQVM7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uSW5pdCwgT25EZXN0cm95LCBPcHRpb25hbCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIGZpbHRlciB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgKiBhcyBNQ29yZSBmcm9tICcuLi9nZW5lcmF0ZWQnO1xuXG5pbXBvcnQgeyBVbnN1YnNjcmliZXJTZXJ2aWNlIH0gZnJvbSAnLi4vY29yZS91bnN1YnNjcmliZS5zZXJ2aWNlJztcbmltcG9ydCB7IE1lZGlhU3RhdHVzIH0gZnJvbSAnLi4vY29yZS9NZWRpYVN0YXR1cyc7XG5pbXBvcnQgeyBNZWRpYU9iamVjdEZpdCB9IGZyb20gJy4uL2NvcmUvTWVkaWFPYmplY3RGaXQnO1xuaW1wb3J0IHsgRGV2aWNlU2VydmljZUJhc2UgfSBmcm9tICcuLi9jb3JlL2RldmljZS5zZXJ2aWNlLmJhc2UnO1xuaW1wb3J0IHsgVmlkZW9TcmNEaXJlY3RpdmUgfSBmcm9tICcuL3ZpZHNyYy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgYXNjZW5kaW5nVCwgbWF0Y2hlc01lZGlhUXVlcnksIGRlc2NlbmRpbmdUIH0gZnJvbSAnLi4vY29yZS91dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYm9uLXZpZGVvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbWFyY3ktdmlkZW8uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21hcmN5LXZpZGVvLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbVW5zdWJzY3JpYmVyU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgTWFyY3lWaWRlb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgcHVibGljIHJlYWRvbmx5IE1lZGlhU3RhdHVzID0gTWVkaWFTdGF0dXM7XG4gICAgcHVibGljIHJlYWRvbmx5IE1hcmN5T2JqZWN0Rml0ID0gTWVkaWFPYmplY3RGaXQ7XG5cbiAgICBAVmlld0NoaWxkKCd2aWRlbycpXG4gICAgcHVibGljIHJlYWRvbmx5IHZpZGVvUmVmITogRWxlbWVudFJlZjxIVE1MVmlkZW9FbGVtZW50PjtcblxuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyByZWFkb25seSBpc0xvYWRlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgcHVibGljIHJlYWRvbmx5ICRzdGF0dXMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1lZGlhU3RhdHVzPihNZWRpYVN0YXR1cy5Ob3RTZXQpO1xuICAgIHB1YmxpYyByZWFkb25seSBzcmM6IFZpZGVvU3JjRGlyZWN0aXZlO1xuXG4gICAgcHVibGljIHNvdXJjZT86IE1Db3JlLkZpbGVTcmM8TUNvcmUuVmlkZW9NZXRhPjtcblxuICAgIHByaXZhdGUgX29iamVjdEZpdCA9IE1lZGlhT2JqZWN0Rml0Lk9yaWdpbmFsO1xuXG4gICAgY29uc3RydWN0b3JcbiAgICAgICAgKFxuICAgICAgICAgICAgcHVibGljIHJlYWRvbmx5IGRldmljZTogRGV2aWNlU2VydmljZUJhc2UsXG4gICAgICAgICAgICBwdWJsaWMgcmVhZG9ubHkgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICAgICAgICAgcHJpdmF0ZSByZWFkb25seSBfdTogVW5zdWJzY3JpYmVyU2VydmljZSxcbiAgICAgICAgICAgIEBPcHRpb25hbCgpIHNyY0Rpcj86IFZpZGVvU3JjRGlyZWN0aXZlXG4gICAgICAgICkge1xuXG4gICAgICAgIGNvbnNvbGUubG9nKCdNYXJjeVZpZGVvQ29tcG9uZW50IGN0b3InKTtcblxuICAgICAgICBpZiAoc3JjRGlyID09PSB1bmRlZmluZWQgfHwgc3JjRGlyID09PSBudWxsKVxuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGAke01hcmN5VmlkZW9Db21wb25lbnQubmFtZX0gc2hvdWxkIGhhdmUgW3ZpZHNyY10gZGlyZWN0aXZlIGFzIHNvdXJjZSBvYmplY3RgKTtcblxuICAgICAgICB0aGlzLnNyYyA9IHNyY0RpcjtcblxuICAgICAgICBjZC5kZXRhY2goKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGNvbnNvbGUubG9nKCdNYXJjeVZpZGVvQ29tcG9uZW50IG5nT25Jbml0Jyk7XG5cbiAgICAgICAgLy8gYmluZCBsb2FkZWQgZXZlbnRcbiAgICAgICAgdGhpcy4kc3RhdHVzXG4gICAgICAgICAgICAucGlwZVxuICAgICAgICAgICAgKFxuICAgICAgICAgICAgICAgIHRoaXMuX3UudGFrZVVudGlsRGVzdHJveSxcbiAgICAgICAgICAgICAgICBmaWx0ZXIoc3RhdHVzID0+IHN0YXR1cyA9PT0gTWVkaWFTdGF0dXMuTG9hZGVkKVxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoKSA9PiB0aGlzLmlzTG9hZGVkLm5leHQoKSk7XG5cbiAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgY29uc29sZS5sb2coJ01hcmN5VmlkZW9Db21wb25lbnQgbmdBZnRlclZpZXdJbml0Jyk7XG5cbiAgICAgICAgLy8gYmluZCBzcmMgY2hhbmdlc1xuICAgICAgICB0aGlzLnNyYy5zcmNDaGFuZ2VcbiAgICAgICAgICAgIC5waXBlKHRoaXMuX3UudGFrZVVudGlsRGVzdHJveSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKHZhbCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKCdNYXJjeVZpZGVvQ29tcG9uZW50IG9uU3JjQ2hhbmdlJywgdmFsKTtcblxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlU291cmNlcygpO1xuXG4gICAgICAgICAgICAgICAgLy8gcmVzdWJzY3JpYmUgYmVjYXVzZSBpdHMgdXBkYXRlZCB3aXRoIHNyY1xuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaWJlVG9NZWRpYVF1ZXJ5Q2hhbmdlKCk7XG4gICAgICAgICAgICB9KVxuXG4gICAgICAgIHRoaXMudXBkYXRlU291cmNlcygpO1xuXG4gICAgICAgIC8vIGluaXRpYWwsIGZvciBzcmMgYWRkZWQgYmVmb3JlIGluaXRcbiAgICAgICAgdGhpcy5zdWJzY3JpYmVUb01lZGlhUXVlcnlDaGFuZ2UoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHN1YnNjcmliZVRvTWVkaWFRdWVyeUNoYW5nZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zcmNcbiAgICAgICAgICAgIC53YXRjaE1lZGlhUXVlcmllcygpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZygnTWFyY3lWaWRlb0NvbXBvbmVudCB3YXRjaE1lZGlhUXVlcmllcycpO1xuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlU291cmNlcygpO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVTb3VyY2VzKCkge1xuICAgICAgICBjb25zb2xlLmxvZygnTWFyY3lWaWRlb0NvbXBvbmVudCB1cGRhdGVTb3VyY2VzJyk7XG5cbiAgICAgICAgdGhpcy5zb3VyY2UgPSB0aGlzLmZpbmRNb3JlU3VpdGFibGVTb3VyY2UoKTtcblxuICAgICAgICBjb25zb2xlLmxvZygnTWFyY3lWaWRlb0NvbXBvbmVudCBuZXcgc291cmNlJywgdGhpcy5zb3VyY2UpO1xuXG4gICAgICAgIGlmICh0aGlzLiRzdGF0dXMudmFsdWUgPT09IE1lZGlhU3RhdHVzLk5vdFNldCAmJiB0aGlzLnNvdXJjZSA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5zb3VyY2UgPT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgdGhpcy4kc3RhdHVzLm5leHQoTWVkaWFTdGF0dXMuTm90U2V0KTtcblxuICAgICAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLiRzdGF0dXMubmV4dChNZWRpYVN0YXR1cy5Ob3RMb2FkZWQpO1xuXG4gICAgICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCBvYmplY3RGaXQodmFsOiBNZWRpYU9iamVjdEZpdCB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLl9vYmplY3RGaXQgPSB2YWwgPz8gTWVkaWFPYmplY3RGaXQuT3JpZ2luYWw7XG5cbiAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHVibGljIGdldCBvYmplY3RGaXQoKTogTWVkaWFPYmplY3RGaXQge1xuICAgICAgICByZXR1cm4gdGhpcy5fb2JqZWN0Rml0O1xuICAgIH1cblxuICAgIHB1YmxpYyBvbkxvYWQoKSB7XG4gICAgICAgIHRoaXMuJHN0YXR1cy5uZXh0KE1lZGlhU3RhdHVzLkxvYWRlZCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBmaW5kTW9yZVN1aXRhYmxlU291cmNlKCk6IE1Db3JlLkZpbGVTcmM8TUNvcmUuVmlkZW9NZXRhPiB8IHVuZGVmaW5lZCB7XG4gICAgICAgIGlmICh0aGlzLnZpZGVvUmVmID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdza2lwcGluZyBmaW5kTW9yZVN1aXRhYmxlU291cmNlLiB2aWRlb1JlZiBpcyBlbXB0eSBzdGlsbCcpO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgdmlkZW9Tb3VyY2VzID0gdGhpcy5zcmMuZGF0YT8uc291cmNlcyA/PyBbXTtcblxuICAgICAgICBjb25zdCBjdXJyZW50VmlkZW9XaWR0aCA9IHRoaXMudmlkZW9SZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgY29uc3QgcmVhbFBpeGVsc1ZpZGVvV2lkdGggPSB0aGlzLmRldmljZS5kZXZpY2VQaXhlbFJhdGlvICogY3VycmVudFZpZGVvV2lkdGg7XG5cbiAgICAgICAgY29uc29sZS5sb2coYE1hcmN5VmlkZW9Db21wb25lbnQgY3VycmVudFZpZGVvV2lkdGggJHtjdXJyZW50VmlkZW9XaWR0aH1gKTtcbiAgICAgICAgY29uc29sZS5sb2coYE1hcmN5VmlkZW9Db21wb25lbnQgcmVhbFBpeGVsc1ZpZGVvV2lkdGggJHtyZWFsUGl4ZWxzVmlkZW9XaWR0aH1gKTtcblxuICAgICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHZpZGVvU291cmNlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgY29uc3QgdmlkZW9Tb3VyY2UgPSB2aWRlb1NvdXJjZXNbaV07XG5cbiAgICAgICAgICAgIGlmICghbWF0Y2hlc01lZGlhUXVlcnkodmlkZW9Tb3VyY2UubWVkaWFRdWVyeSkpXG4gICAgICAgICAgICAgICAgY29udGludWU7XG5cbiAgICAgICAgICAgIC8vIFNTUlxuICAgICAgICAgICAgaWYgKHR5cGVvZiB0aGlzLnZpZGVvUmVmLm5hdGl2ZUVsZW1lbnQuY2FuUGxheVR5cGUgIT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgICAgICAvLyByZXR1cm4gZmlyc3QgbXA0LCBiZWNhdXNlIGFsbCBwbGF5ZXJzIGNhbiBwbGF5IHRoZW1cbiAgICAgICAgICAgICAgICBjb25zdCBtcDRTcmNzID0gdmlkZW9Tb3VyY2VcbiAgICAgICAgICAgICAgICAgICAgLnNyY1NldFxuICAgICAgICAgICAgICAgICAgICAuZmlsdGVyKHggPT4geC5taW1lVHlwZSA9PT0gJ3ZpZGVvL21wNCcpXG4gICAgICAgICAgICAgICAgICAgIC5zb3J0KGRlc2NlbmRpbmdUKHggPT4geC5tZXRhLndpZHRoKSk7IC8vIGJpZ2VzdCB2aWRlb1xuXG4gICAgICAgICAgICAgICAgLy8gZWxlbWVudCBvciB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICByZXR1cm4gbXA0U3Jjc1swXTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgZmlsZVNyY3MgPSB2aWRlb1NvdXJjZVxuICAgICAgICAgICAgICAgIC5zcmNTZXRcbiAgICAgICAgICAgICAgICAuZmlsdGVyKHggPT4gdGhpcy52aWRlb1JlZi5uYXRpdmVFbGVtZW50LmNhblBsYXlUeXBlKHgubWltZVR5cGUpKVxuICAgICAgICAgICAgICAgIC5zb3J0KGFzY2VuZGluZ1QoeCA9PiB4Lm1ldGEud2lkdGgpKSAvLyBzbWFsbGVzdCB2aWRlb1xuICAgICAgICAgICAgICAgIC5zb3J0KHggPT4geC5taW1lVHlwZS5pbmNsdWRlcygnd2VibScpID8gMSA6IC0xKTsvLyB3ZWJtIGZpcnN0XG5cbiAgICAgICAgICAgIGlmIChmaWxlU3Jjcy5sZW5ndGggPT09IDApXG4gICAgICAgICAgICAgICAgY29udGludWU7XG5cbiAgICAgICAgICAgIGxldCBiZXN0U3JjID0gZmlsZVNyY3NbMF07XG5cbiAgICAgICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgZmlsZVNyY3MubGVuZ3RoOyBpKyspIHtcbiAgICAgICAgICAgICAgICBjb25zdCBmaWxlU3JjID0gZmlsZVNyY3NbaV07XG5cbiAgICAgICAgICAgICAgICBjb25zdCBjdXJyZW50RGlmZiA9IGZpbGVTcmMubWV0YS53aWR0aCAtIHJlYWxQaXhlbHNWaWRlb1dpZHRoO1xuXG4gICAgICAgICAgICAgICAgLy8gdG9vIGJpZyB2aWRlbyBzb3VyY2Ugd2lkdGhcbiAgICAgICAgICAgICAgICBpZiAoY3VycmVudERpZmYgPiAwKVxuICAgICAgICAgICAgICAgICAgICBicmVhaztcblxuICAgICAgICAgICAgICAgIGJlc3RTcmMgPSBmaWxlU3JjO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gYmVzdFNyYztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgfVxufVxuIiwiPGRpdiBbY2xhc3Mua25vd25SYXRpb109XCJzcmMucmF0aW8gPiAwICYmIG9iamVjdEZpdCA9PT0gTWFyY3lPYmplY3RGaXQuT3JpZ2luYWxcIlxuICAgICBbY2xhc3MuY292ZXJdPVwib2JqZWN0Rml0ID09PSBNYXJjeU9iamVjdEZpdC5Db3ZlclwiXG4gICAgIFtjbGFzcy5jb250YWluXT1cIm9iamVjdEZpdCA9PT0gTWFyY3lPYmplY3RGaXQuQ29udGFpblwiXG4gICAgIFtjbGFzcy5sb2FkZWRdPVwiKCRzdGF0dXMgfCBhc3luYykgPT09IE1lZGlhU3RhdHVzLkxvYWRlZFwiXG4gICAgIGNsYXNzPVwidmlkZW8tY29udGFpbmVyXCI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRldmljZS5pc1NTUiA7IHRoZW4gc3NyVGVtcGxhdGUgZWxzZSBicm93c2VyVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cblxuICA8bmctdGVtcGxhdGUgI3ZpZGVvVGVtcGxhdGU+XG4gICAgPHZpZGVvICN2aWRlb1xuICAgICAgICAgICBbc3JjXT1cInNvdXJjZSAhPT0gdW5kZWZpbmVkID8gc291cmNlLnVybCA6JycgXCJcbiAgICAgICAgICAgKGxvYWQpPVwib25Mb2FkKClcIlxuICAgICAgICAgICAoY2FucGxheSk9XCJ2aWRlby5tdXRlZD10cnVlO3ZpZGVvLnBsYXkoKTtcIlxuICAgICAgICAgICBhdXRvcGxheVxuICAgICAgICAgICBsb29wXG4gICAgICAgICAgIG11dGVkPiA8L3ZpZGVvPlxuICA8L25nLXRlbXBsYXRlPlxuXG4gIDxuZy10ZW1wbGF0ZSAjc3NyVGVtcGxhdGU+XG4gICAgPG5vc2NyaXB0ICpuZ0lmPVwiZGV2aWNlLmlzU1NSXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidmlkZW9UZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbm9zY3JpcHQ+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPG5nLXRlbXBsYXRlICNicm93c2VyVGVtcGxhdGU+XG4gICAgPGJvbi1pbnRlcnNlY3Rpb24gI2ludGVyc2VjdGlvblpvbmUgW3Nlc3Npb25dPVwic3JjXCIgKGludGVyc2VjdGVkKT1cImNkLmRldGVjdENoYW5nZXMoKVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInZpZGVvVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Jvbi1pbnRlcnNlY3Rpb24+XG4gIDwvbmctdGVtcGxhdGU+XG5cbiAgPGRpdiAqbmdJZj1cInNyYy5yYXRpbyA+IDAgJiYgb2JqZWN0Rml0ID09PSBNYXJjeU9iamVjdEZpdC5PcmlnaW5hbFwiIFtzdHlsZS5wYWRkaW5nLXRvcF09XCIxMDAgLyBzcmMucmF0aW8gKyclJ1wiPjwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/marcy-video/vidsrc.directive.mjs

@@ -0,0 +1,20 @@
+import { Directive, Input } from '@angular/core';
+import { SrcBaseDirective } from '../core/src.directive';
+import * as i0 from "@angular/core";
+export class VideoSrcDirective extends SrcBaseDirective {
+    set vidsrc(value) {
+        this.data = value;
+        console.log('set vidsrc', value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: VideoSrcDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: VideoSrcDirective, selector: "[vidsrc]", inputs: { vidsrc: "vidsrc" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: VideoSrcDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[vidsrc]'
+                }]
+        }], propDecorators: { vidsrc: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlkc3JjLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYm9ubmllL3NyYy9saWIvbWFyY3ktdmlkZW8vdmlkc3JjLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUl6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7QUFLekQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLGdCQUE2QjtJQUVoRSxJQUNXLE1BQU0sQ0FBQyxLQUE4QjtRQUM1QyxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUVsQixPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOzhHQVBRLGlCQUFpQjtrR0FBakIsaUJBQWlCOzsyRkFBakIsaUJBQWlCO2tCQUg3QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO2lCQUN2Qjs4QkFJYyxNQUFNO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCAqIGFzIE1Db3JlIGZyb20gJy4uL2dlbmVyYXRlZCc7XG5cbmltcG9ydCB7IFNyY0Jhc2VEaXJlY3RpdmUgfSBmcm9tICcuLi9jb3JlL3NyYy5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1t2aWRzcmNdJ1xufSlcbmV4cG9ydCBjbGFzcyBWaWRlb1NyY0RpcmVjdGl2ZSBleHRlbmRzIFNyY0Jhc2VEaXJlY3RpdmU8TUNvcmUuVmlkZW8+IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNldCB2aWRzcmModmFsdWU6IE1Db3JlLlZpZGVvIHwgdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuZGF0YSA9IHZhbHVlO1xuXG4gICAgICAgIGNvbnNvbGUubG9nKCdzZXQgdmlkc3JjJywgdmFsdWUpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/lib/skeleton/IBoneComponent.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSUJvbmVDb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL3NrZWxldG9uL0lCb25lQ29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb25lRGlyZWN0aXZlIH0gZnJvbSBcIi4vYm9uZS5kaXJlY3RpdmVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJQm9uZUNvbXBvbmVudCB7XG4gIGJkOiBCb25lRGlyZWN0aXZlO1xufVxuIl19

package/esm2022/lib/skeleton/bone.directive.mjs

@@ -0,0 +1,41 @@
+import { ChangeDetectorRef, Directive } from '@angular/core';
+import { UnsubscriberService } from '../core/unsubscribe.service';
+import { LocalizeServiceBase } from '../localization/LocalizeServiceBase';
+import * as i0 from "@angular/core";
+import * as i1 from "../core/unsubscribe.service";
+import * as i2 from "../localization/LocalizeServiceBase";
+export class BoneDirective {
+    constructor(cd, _u, localizationService) {
+        this.cd = cd;
+        this._u = _u;
+        this.localizationService = localizationService;
+        this.cd.detach();
+    }
+    ngOnInit() {
+        this.localizationService.locale$
+            .pipe(this._u.takeUntilDestroy)
+            .subscribe(() => {
+            // need to detect changes in our detached components
+            this.cd.detectChanges();
+        });
+    }
+    set bone(value) {
+        this._bone = value;
+        this.cd.detectChanges();
+    }
+    get bone() {
+        if (this._bone === undefined || this._bone === null)
+            throw new Error('The property "bone" should be set at least once. For example in skeleton');
+        return this._bone;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BoneDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.UnsubscriberService }, { token: i2.LocalizeServiceBase }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: BoneDirective, isStandalone: true, selector: "[bonBoneDir]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: BoneDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bonBoneDir]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.UnsubscriberService }, { type: i2.LocalizeServiceBase }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9uZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL3NrZWxldG9uL2JvbmUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFckUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7QUFNMUUsTUFBTSxPQUFPLGFBQWE7SUFHeEIsWUFBNkIsRUFBcUIsRUFDL0IsRUFBdUIsRUFDdkIsbUJBQXdDO1FBRjlCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBQy9CLE9BQUUsR0FBRixFQUFFLENBQXFCO1FBQ3ZCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFDekQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPO2FBQzdCLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO2FBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDZCxvREFBb0Q7WUFDcEQsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7SUFFRCxJQUFXLElBQUksQ0FBQyxLQUFRO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBRW5CLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQVcsSUFBSTtRQUNiLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxJQUFJO1lBQ2pELE1BQU0sSUFBSSxLQUFLLENBQUMsMEVBQTBFLENBQUMsQ0FBQztRQUU5RixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQzs4R0E3QlUsYUFBYTtrR0FBYixhQUFhOzsyRkFBYixhQUFhO2tCQUp6QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgRGlyZWN0aXZlLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJvbmUgfSBmcm9tICcuLi9nZW5lcmF0ZWQnO1xuaW1wb3J0IHsgVW5zdWJzY3JpYmVyU2VydmljZSB9IGZyb20gJy4uL2NvcmUvdW5zdWJzY3JpYmUuc2VydmljZSc7XG5pbXBvcnQgeyBMb2NhbGl6ZVNlcnZpY2VCYXNlIH0gZnJvbSAnLi4vbG9jYWxpemF0aW9uL0xvY2FsaXplU2VydmljZUJhc2UnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYm9uQm9uZURpcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIEJvbmVEaXJlY3RpdmU8VCBleHRlbmRzIEJvbmUgPSBCb25lPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgX2JvbmU/OiBUO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX3U6IFVuc3Vic2NyaWJlclNlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSBsb2NhbGl6YXRpb25TZXJ2aWNlOiBMb2NhbGl6ZVNlcnZpY2VCYXNlKSB7XG4gICAgdGhpcy5jZC5kZXRhY2goKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmxvY2FsaXphdGlvblNlcnZpY2UubG9jYWxlJFxuICAgICAgLnBpcGUodGhpcy5fdS50YWtlVW50aWxEZXN0cm95KVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIC8vIG5lZWQgdG8gZGV0ZWN0IGNoYW5nZXMgaW4gb3VyIGRldGFjaGVkIGNvbXBvbmVudHNcbiAgICAgICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB9KVxuICB9XG5cbiAgcHVibGljIHNldCBib25lKHZhbHVlOiBUKSB7XG4gICAgdGhpcy5fYm9uZSA9IHZhbHVlO1xuXG4gICAgdGhpcy5jZC5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGJvbmUoKTogVCB7XG4gICAgaWYgKHRoaXMuX2JvbmUgPT09IHVuZGVmaW5lZCB8fCB0aGlzLl9ib25lID09PSBudWxsKVxuICAgICAgdGhyb3cgbmV3IEVycm9yKCdUaGUgcHJvcGVydHkgXCJib25lXCIgc2hvdWxkIGJlIHNldCBhdCBsZWFzdCBvbmNlLiBGb3IgZXhhbXBsZSBpbiBza2VsZXRvbicpO1xuXG4gICAgcmV0dXJuIHRoaXMuX2JvbmU7XG4gIH1cbn1cbiJdfQ==

package/esm2022/lib/skeleton/index.mjs

@@ -0,0 +1,6 @@
+export * from './bone.directive';
+export * from './IBoneComponent';
+export * from './skeleton-anchor.directive';
+export * from './skeleton.component';
+export * from './unknown-bone.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL3NrZWxldG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYm9uZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9JQm9uZUNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NrZWxldG9uLWFuY2hvci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9za2VsZXRvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi91bmtub3duLWJvbmUuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/skeleton/skeleton-anchor.directive.mjs

@@ -0,0 +1,17 @@
+import { Directive, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SkeletonAnchorDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SkeletonAnchorDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.8", type: SkeletonAnchorDirective, isStandalone: true, selector: "[bonSkeletonAnchor]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SkeletonAnchorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bonSkeletonAnchor]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tYW5jaG9yLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYm9ubmllL3NyYy9saWIvc2tlbGV0b24vc2tlbGV0b24tYW5jaG9yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU01RCxNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUksQ0FBQzs4R0FEL0MsdUJBQXVCO2tHQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tib25Ta2VsZXRvbkFuY2hvcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uQW5jaG9yRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHVibGljIHZpZXdDb250YWluZXJSZWY6IFZpZXdDb250YWluZXJSZWYpIHsgfVxufVxuIl19

package/esm2022/lib/skeleton/skeleton.component.mjs

@@ -0,0 +1,53 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewChild } from '@angular/core';
+import { SkeletonAnchorDirective } from './skeleton-anchor.directive';
+import { UnknownBoneComponent } from './unknown-bone.component';
+import * as i0 from "@angular/core";
+import * as i1 from "./skeleton-anchor.directive";
+export class SkeletonComponent {
+    constructor(cd) {
+        this.cd = cd;
+        this._bones = [];
+        this.iniailized = false;
+    }
+    ngOnInit() {
+        this.iniailized = true;
+        this.fillComponentFromBones();
+    }
+    set bones(newValue) {
+        this._bones.splice(0, this._bones.length);
+        this._bones.push(...newValue ?? []);
+        this.fillComponentFromBones();
+    }
+    fillComponentFromBones() {
+        if (this.iniailized === false)
+            return;
+        const viewContainerRef = this.skeletonAnchor.viewContainerRef;
+        viewContainerRef.clear();
+        if (this.map === undefined || this.map === null)
+            throw new Error('add type map with input: [map]="..."');
+        for (const bone of this._bones) {
+            let componentType = this.map.get(bone.type);
+            if (componentType === undefined || componentType === null) {
+                console.warn(`Mapping type for ${bone.type} not found`);
+                componentType = UnknownBoneComponent;
+            }
+            const boneComponentRef = viewContainerRef.createComponent(componentType);
+            boneComponentRef.instance.bd.bone = bone;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: SkeletonComponent, selector: "bon-skeleton", inputs: { map: "map", bones: "bones" }, viewQueries: [{ propertyName: "skeletonAnchor", first: true, predicate: SkeletonAnchorDirective, descendants: true, static: true }], ngImport: i0, template: "<ng-template bonSkeletonAnchor></ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.SkeletonAnchorDirective, selector: "[bonSkeletonAnchor]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: SkeletonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bon-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template bonSkeletonAnchor></ng-template>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { skeletonAnchor: [{
+                type: ViewChild,
+                args: [SkeletonAnchorDirective, { static: true }]
+            }], map: [{
+                type: Input,
+                args: [{ required: true }]
+            }], bones: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ib25uaWUvc3JjL2xpYi9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Jvbm5pZS9zcmMvbGliL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFnQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEgsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFHdEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQVFoRSxNQUFNLE9BQU8saUJBQWlCO0lBVzVCLFlBQW9CLEVBQXFCO1FBQXJCLE9BQUUsR0FBRixFQUFFLENBQW1CO1FBSnhCLFdBQU0sR0FBVyxFQUFFLENBQUM7UUFFN0IsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUczQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNXLEtBQUssQ0FBQyxRQUE0QjtRQUMzQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLFFBQVEsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUVwQyxJQUFJLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU8sc0JBQXNCO1FBQzVCLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxLQUFLO1lBQzNCLE9BQU87UUFFVCxNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsZ0JBQWdCLENBQUM7UUFDOUQsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFFekIsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsR0FBRyxLQUFLLElBQUk7WUFDN0MsTUFBTSxJQUFJLEtBQUssQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO1FBRTFELEtBQUssTUFBTSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUM5QixJQUFJLGFBQWEsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFFNUMsSUFBSSxhQUFhLEtBQUssU0FBUyxJQUFJLGFBQWEsS0FBSyxJQUFJLEVBQUU7Z0JBQ3pELE9BQU8sQ0FBQyxJQUFJLENBQUMsb0JBQW9CLElBQUksQ0FBQyxJQUFJLFlBQVksQ0FBQyxDQUFDO2dCQUN4RCxhQUFhLEdBQUcsb0JBQW9CLENBQUM7YUFDdEM7WUFFRCxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDLGVBQWUsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUV6RSxnQkFBZ0IsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7U0FDMUM7SUFDSCxDQUFDOzhHQWpEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw0SUFDakIsdUJBQXVCLDhEQ2JwQyxpREFDQTs7MkZEV2EsaUJBQWlCO2tCQU43QixTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTtzRkFJeEMsY0FBYztzQkFEcEIsU0FBUzt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSTdDLEdBQUc7c0JBRFQsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBZ0JkLEtBQUs7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBUeXBlLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNrZWxldG9uQW5jaG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9za2VsZXRvbi1hbmNob3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IElCb25lQ29tcG9uZW50IH0gZnJvbSBcIi4vSUJvbmVDb21wb25lbnRcIjtcbmltcG9ydCB7IEJvbmUgfSBmcm9tICcuLi9nZW5lcmF0ZWQnO1xuaW1wb3J0IHsgVW5rbm93bkJvbmVDb21wb25lbnQgfSBmcm9tICcuL3Vua25vd24tYm9uZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdib24tc2tlbGV0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9za2VsZXRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa2VsZXRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBWaWV3Q2hpbGQoU2tlbGV0b25BbmNob3JEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pXG4gIHB1YmxpYyBza2VsZXRvbkFuY2hvciE6IFNrZWxldG9uQW5jaG9yRGlyZWN0aXZlO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIHB1YmxpYyBtYXA/OiBNYXA8c3RyaW5nLCBUeXBlPElCb25lQ29tcG9uZW50Pj47XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfYm9uZXM6IEJvbmVbXSA9IFtdO1xuXG4gIHByaXZhdGUgaW5pYWlsaXplZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaWFpbGl6ZWQgPSB0cnVlO1xuICAgIHRoaXMuZmlsbENvbXBvbmVudEZyb21Cb25lcygpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBib25lcyhuZXdWYWx1ZTogQm9uZVtdIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fYm9uZXMuc3BsaWNlKDAsIHRoaXMuX2JvbmVzLmxlbmd0aCk7XG4gICAgdGhpcy5fYm9uZXMucHVzaCguLi5uZXdWYWx1ZSA/PyBbXSk7XG5cbiAgICB0aGlzLmZpbGxDb21wb25lbnRGcm9tQm9uZXMoKTtcbiAgfVxuXG4gIHByaXZhdGUgZmlsbENvbXBvbmVudEZyb21Cb25lcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pbmlhaWxpemVkID09PSBmYWxzZSlcbiAgICAgIHJldHVybjtcblxuICAgIGNvbnN0IHZpZXdDb250YWluZXJSZWYgPSB0aGlzLnNrZWxldG9uQW5jaG9yLnZpZXdDb250YWluZXJSZWY7XG4gICAgdmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuXG4gICAgaWYgKHRoaXMubWFwID09PSB1bmRlZmluZWQgfHwgdGhpcy5tYXAgPT09IG51bGwpXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ2FkZCB0eXBlIG1hcCB3aXRoIGlucHV0OiBbbWFwXT1cIi4uLlwiJyk7XG5cbiAgICBmb3IgKGNvbnN0IGJvbmUgb2YgdGhpcy5fYm9uZXMpIHtcbiAgICAgIGxldCBjb21wb25lbnRUeXBlID0gdGhpcy5tYXAuZ2V0KGJvbmUudHlwZSk7XG5cbiAgICAgIGlmIChjb21wb25lbnRUeXBlID09PSB1bmRlZmluZWQgfHwgY29tcG9uZW50VHlwZSA9PT0gbnVsbCkge1xuICAgICAgICBjb25zb2xlLndhcm4oYE1hcHBpbmcgdHlwZSBmb3IgJHtib25lLnR5cGV9IG5vdCBmb3VuZGApO1xuICAgICAgICBjb21wb25lbnRUeXBlID0gVW5rbm93bkJvbmVDb21wb25lbnQ7XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGJvbmVDb21wb25lbnRSZWYgPSB2aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudChjb21wb25lbnRUeXBlKTtcblxuICAgICAgYm9uZUNvbXBvbmVudFJlZi5pbnN0YW5jZS5iZC5ib25lID0gYm9uZTtcbiAgICB9XG4gIH1cblxufVxuIiwiPG5nLXRlbXBsYXRlIGJvblNrZWxldG9uQW5jaG9yPjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/skeleton/unknown-bone.component.mjs

@@ -0,0 +1,25 @@
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { BoneDirective } from './bone.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "./bone.directive";
+import * as i2 from "@angular/common";
+export class UnknownBoneComponent {
+    constructor(cd, bd) {
+        this.cd = cd;
+        this.bd = bd;
+        console.log('BoneDirective', bd);
+        cd.detach();
+    }
+    ngOnInit() {
+        this.cd.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UnknownBoneComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.BoneDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: UnknownBoneComponent, selector: "bon-unknown-bone", hostDirectives: [{ directive: i1.BoneDirective }], ngImport: i0, template: `<h2>unknown bone {{bd.bone.type}}</h2>
+             <div>{{bd.bone | json}}</div>`, isInline: true, styles: [":host{display:block;border:2px solid red;box-sizing:border-box}\n"], dependencies: [{ kind: "pipe", type: i2.JsonPipe, name: "json" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: UnknownBoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bon-unknown-bone', hostDirectives: [BoneDirective], template: `<h2>unknown bone {{bd.bone.type}}</h2>
+             <div>{{bd.bone | json}}</div>`, styles: [":host{display:block;border:2px solid red;box-sizing:border-box}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.BoneDirective }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5rbm93bi1ib25lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYm9ubmllL3NyYy9saWIvc2tlbGV0b24vdW5rbm93bi1ib25lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWVqRCxNQUFNLE9BQU8sb0JBQW9CO0lBQy9CLFlBQTZCLEVBQXFCLEVBQWtCLEVBQXVCO1FBQTlELE9BQUUsR0FBRixFQUFFLENBQW1CO1FBQWtCLE9BQUUsR0FBRixFQUFFLENBQXFCO1FBQ3pGLE9BQU8sQ0FBQyxHQUFHLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2pDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQixDQUFDOzhHQVJVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDJHQVZyQjsyQ0FDK0I7OzJGQVM5QixvQkFBb0I7a0JBYmhDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUNaLENBQUMsYUFBYSxDQUFDLFlBQ3JCOzJDQUMrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElCb25lQ29tcG9uZW50IH0gZnJvbSBcIi4vSUJvbmVDb21wb25lbnRcIjtcbmltcG9ydCB7IEJvbmUgfSBmcm9tICcuLi9nZW5lcmF0ZWQnO1xuaW1wb3J0IHsgQm9uZURpcmVjdGl2ZSB9IGZyb20gJy4vYm9uZS5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdib24tdW5rbm93bi1ib25lJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtCb25lRGlyZWN0aXZlXSxcbiAgdGVtcGxhdGU6IGA8aDI+dW5rbm93biBib25lIHt7YmQuYm9uZS50eXBlfX08L2gyPlxuICAgICAgICAgICAgIDxkaXY+e3tiZC5ib25lIHwganNvbn19PC9kaXY+YCxcbiAgc3R5bGVzOiBbXG4gICAgYDpob3N0e1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgYm9yZGVyOiAycHggc29saWQgcmVkO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1gXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgVW5rbm93bkJvbmVDb21wb25lbnQgaW1wbGVtZW50cyBJQm9uZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY2Q6IENoYW5nZURldGVjdG9yUmVmLCBwdWJsaWMgcmVhZG9ubHkgYmQ6IEJvbmVEaXJlY3RpdmU8Qm9uZT4pIHtcbiAgICBjb25zb2xlLmxvZygnQm9uZURpcmVjdGl2ZScsIGJkKTtcbiAgICBjZC5kZXRhY2goKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iXX0=