@dotglitch/ngx-common 2.0.0 → 3.0.0-beta.2

package/esm2022/core/components/menu/menu.directive.mjs

@@ -0,0 +1,159 @@
+import { Directive, HostListener, Input } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { firstValueFrom } from 'rxjs';
+import { ulid } from 'ulidx';
+import { getPosition } from '../../directives/utils';
+import { MenuComponent, calcMenuItemBounds } from './menu.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+export class MenuDirective {
+    constructor(dialog, viewContainer) {
+        this.dialog = dialog;
+        this.viewContainer = viewContainer;
+        /**
+         * Configuration for opening the app menu
+         */
+        this.config = {};
+        this.triggers = [];
+    }
+    ngOnInit() {
+        this.ngOnChanges();
+    }
+    ngOnChanges() {
+        if (this.config.trigger) {
+            this.triggers = Array.isArray(this.config.trigger) ? this.config.trigger : [this.config.trigger];
+        }
+    }
+    ngAfterViewInit() {
+        // const el = this.viewContainer.element.nativeElement as HTMLElement;
+        // // Automatically attach context menu items to
+        // // the contextmenu event
+        // if (this.ctxMenuItems) {
+        //     el.addEventListener('contextmenu', (e) => {
+        //         e.preventDefault();
+        //         this.openMenu(e as any, this.ctxMenuItems, true);
+        //     });
+        // }
+        // if (this.menuItems?.length > 0) {
+        //     if (!this.config?.trigger) {
+        //         el.addEventListener('click', (e) => {
+        //             this.openMenu(e as any, this.menuItems, true);
+        //         });
+        //     }
+        //     else {
+        //         triggers.forEach(t => {
+        //             if (["contextmenu", "click"].includes(t)) {
+        //                 el.addEventListener(t, (e) => {
+        //                     e.preventDefault();
+        //                     this.openMenu(e as any, this.ctxMenuItems, true);
+        //                 });
+        //             }
+        //             else {
+        //                 el.addEventListener(t, this.openMenu.bind(this));
+        //             }
+        //         });
+        //     }
+        // }
+    }
+    async openMenu(evt, items = this.menuItems, keepOpen = false) {
+        const el = this.viewContainer.element.nativeElement;
+        el.classList.add("ngx-menu-open");
+        const isCtxEvent = evt.button == 2;
+        const config = structuredClone(this.config);
+        config['_isLockedOpen'] = keepOpen;
+        return openMenu(this.dialog, items, this.data, evt, this.config, isCtxEvent ? null : el)
+            .then((...res) => {
+            el.classList.remove("ngx-menu-open");
+            return res;
+        })
+            .catch((ex) => {
+            el.classList.remove("ngx-menu-open");
+            throw ex;
+        });
+    }
+    onCtxMenu(e) {
+        if (this.ctxMenuItems || this.triggers.includes("contextmenu")) {
+            e.preventDefault();
+            this.openMenu(e, this.ctxMenuItems, true);
+        }
+    }
+    onClick(e) {
+        if (this.menuItems &&
+            (this.triggers.length == 0 ||
+                this.triggers.includes("click"))) {
+            e.preventDefault();
+            this.openMenu(e, this.menuItems, true);
+        }
+    }
+    onDblClick(e) {
+        if (this.menuItems && this.triggers.length == 0 ||
+            this.menuItems && this.triggers.includes("dblclick")) {
+            e.preventDefault();
+            this.openMenu(e, this.menuItems, true);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuDirective, deps: [{ token: i1.MatDialog }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: MenuDirective, isStandalone: true, selector: "[ngx-contextmenu],[ngx-menu]", inputs: { data: ["ngx-menu-context", "data"], ctxMenuItems: ["ngx-contextmenu", "ctxMenuItems"], menuItems: ["ngx-menu", "menuItems"], config: ["ngx-menu-config", "config"] }, host: { listeners: { "contextmenu": "onCtxMenu($event)", "click": "onClick($event)", "dblclick": "onDblClick($event)" } }, providers: [
+            MatDialog
+        ], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngx-contextmenu],[ngx-menu]',
+                    providers: [
+                        MatDialog
+                    ],
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i0.ViewContainerRef }], propDecorators: { data: [{
+                type: Input,
+                args: ["ngx-menu-context"]
+            }], ctxMenuItems: [{
+                type: Input,
+                args: ["ngx-contextmenu"]
+            }], menuItems: [{
+                type: Input,
+                args: ["ngx-menu"]
+            }], config: [{
+                type: Input,
+                args: ["ngx-menu-config"]
+            }], onCtxMenu: [{
+                type: HostListener,
+                args: ["contextmenu", ['$event']]
+            }], onClick: [{
+                type: HostListener,
+                args: ["click", ['$event']]
+            }], onDblClick: [{
+                type: HostListener,
+                args: ["dblclick", ['$event']]
+            }] } });
+// Helper to open the menu without using the directive.
+export const openMenu = async (dialog, menuItems, data, evt, config = {}, el) => {
+    // console.log({ dialog, menuItems, data, evt, config, el });
+    evt.preventDefault();
+    evt.stopPropagation();
+    // Apply defaults.
+    if (!config.alignment)
+        config.alignment = "start";
+    const initialBounds = await calcMenuItemBounds(menuItems, data);
+    const cords = getPosition(el || evt, config, initialBounds);
+    const specificId = ulid();
+    return firstValueFrom(dialog.open(MenuComponent, {
+        data: {
+            dialog,
+            data: data,
+            ownerCords: el?.getBoundingClientRect(),
+            selfCords: cords,
+            items: menuItems,
+            config: config,
+            id: specificId,
+            targetBounds: initialBounds
+        },
+        panelClass: ["ngx-menu", 'ngx-' + specificId].concat(config?.customClass || []),
+        position: cords,
+        backdropClass: "ngx-menu-backdrop"
+    })
+        .afterClosed());
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vY29yZS9jb21wb25lbnRzL21lbnUvbWVudS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQVVyRSxNQUFNLE9BQU8sYUFBYTtJQXlCdEIsWUFDWSxNQUFpQixFQUNqQixhQUErQjtRQUQvQixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2pCLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtRQVQzQzs7V0FFRztRQUN1QixXQUFNLEdBQWdCLEVBQUUsQ0FBQztRQUUzQyxhQUFRLEdBQWEsRUFBRSxDQUFDO0lBSzVCLENBQUM7SUFFTCxRQUFRO1FBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXO1FBRVAsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FB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TUFBTSxhQUFhLEdBQUcsTUFBTSxrQkFBa0IsQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDaEUsTUFBTSxLQUFLLEdBQUcsV0FBVyxDQUFDLEVBQUUsSUFBSSxHQUFHLEVBQUUsTUFBTSxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBQzVELE1BQU0sVUFBVSxHQUFHLElBQUksRUFBRSxDQUFDO0lBRTFCLE9BQU8sY0FBYyxDQUNqQixNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRTtRQUN2QixJQUFJLEVBQUU7WUFDRixNQUFNO1lBQ04sSUFBSSxFQUFFLElBQUk7WUFDVixVQUFVLEVBQUUsRUFBRSxFQUFFLHFCQUFxQixFQUFFO1lBQ3ZDLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLEtBQUssRUFBRSxTQUFTO1lBQ2hCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsRUFBRSxFQUFFLFVBQVU7WUFDZCxZQUFZLEVBQUUsYUFBYTtTQUM5QjtRQUNELFVBQVUsRUFBRSxDQUFDLFVBQVUsRUFBRSxNQUFNLEdBQUcsVUFBVSxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxXQUFXLElBQUksRUFBRSxDQUFDO1FBQy9FLFFBQVEsRUFBRSxLQUFLO1FBQ2YsYUFBYSxFQUFFLG1CQUFtQjtLQUNyQyxDQUFDO1NBQ0csV0FBVyxFQUFFLENBQUMsQ0FBQztBQUM1QixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZyB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBmaXJzdFZhbHVlRnJvbSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdWxpZCB9IGZyb20gJ3VsaWR4JztcbmltcG9ydCB7IGdldFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy91dGlscyc7XG5pbXBvcnQgeyBNZW51Q29tcG9uZW50LCBjYWxjTWVudUl0ZW1Cb3VuZHMgfSBmcm9tICcuL21lbnUuY29tcG9uZW50JztcbmltcG9ydCB7IE1lbnVJdGVtLCBNZW51T3B0aW9ucyB9IGZyb20gJy4vdHlwZXMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tuZ3gtY29udGV4dG1lbnVdLFtuZ3gtbWVudV0nLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBNYXREaWFsb2dcbiAgICBdLFxuICAgIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTWVudURpcmVjdGl2ZSB7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgZGF0YSByZXByZXNlbnRpbmcgdGhlIGl0ZW0gdGhlIG1lbnUgd2FzIG9wZW5lZCBmb3IuXG4gICAgICovXG4gICAgQElucHV0KFwibmd4LW1lbnUtY29udGV4dFwiKSBkYXRhOiBhbnk7XG5cbiAgICAvKipcbiAgICAgKiBUaGUgaXRlbXMgdGhhdCB3aWxsIGJlIGJvdW5kIHRvIHRoZSBjb250ZXh0IG1lbnUuXG4gICAgICovXG4gICAgQElucHV0KFwibmd4LWNvbnRleHRtZW51XCIpIGN0eE1lbnVJdGVtczogTWVudUl0ZW1bXTtcblxuICAgIC8qKlxuICAgICAqIFRoZSBpdGVtcyB0aGF0IHdpbGwgYmUgYm91bmQgdG8gdGhlIG1lbnUgdGhhdCBwb3BzXG4gICAgICogdXAgd2hlbiB0aGUgdXNlciBjbGlja3MgdGhlIGVsZW1lbnQuXG4gICAgICovXG4gICAgQElucHV0KFwibmd4LW1lbnVcIikgbWVudUl0ZW1zOiBNZW51SXRlbVtdO1xuXG4gICAgLyoqXG4gICAgICogQ29uZmlndXJhdGlvbiBmb3Igb3BlbmluZyB0aGUgYXBwIG1lbnVcbiAgICAgKi9cbiAgICBASW5wdXQoXCJuZ3gtbWVudS1jb25maWdcIikgY29uZmlnOiBNZW51T3B0aW9ucyA9IHt9O1xuXG4gICAgcHJpdmF0ZSB0cmlnZ2Vyczogc3RyaW5nW10gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIGRpYWxvZzogTWF0RGlhbG9nLFxuICAgICAgICBwcml2YXRlIHZpZXdDb250YWluZXI6IFZpZXdDb250YWluZXJSZWZcbiAgICApIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMubmdPbkNoYW5nZXMoKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcygpIHtcblxuICAgICAgICBpZiAodGhpcy5jb25maWcudHJpZ2dlcikge1xuICAgICAgICAgICAgdGhpcy50cmlnZ2VycyA9IEFycmF5LmlzQXJyYXkodGhpcy5jb25maWcudHJpZ2dlcikgPyB0aGlzLmNvbmZpZy50cmlnZ2VyIDogW3RoaXMuY29uZmlnLnRyaWdnZXJdO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICAvLyBjb25zdCBlbCA9IHRoaXMudmlld0NvbnRhaW5lci5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICAgICAgLy8gLy8gQXV0b21hdGljYWxseSBhdHRhY2ggY29udGV4dCBtZW51IGl0ZW1zIHRvXG4gICAgICAgIC8vIC8vIHRoZSBjb250ZXh0bWVudSBldmVudFxuICAgICAgICAvLyBpZiAodGhpcy5jdHhNZW51SXRlbXMpIHtcbiAgICAgICAgLy8gICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIoJ2NvbnRleHRtZW51JywgKGUpID0+IHtcbiAgICAgICAgLy8gICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIC8vICAgICAgICAgdGhpcy5vcGVuTWVudShlIGFzIGFueSwgdGhpcy5jdHhNZW51SXRlbXMsIHRydWUpO1xuICAgICAgICAvLyAgICAgfSk7XG4gICAgICAgIC8vIH1cblxuICAgICAgICAvLyBpZiAodGhpcy5tZW51SXRlbXM/Lmxlbmd0aCA+IDApIHtcbiAgICAgICAgLy8gICAgIGlmICghdGhpcy5jb25maWc/LnRyaWdnZXIpIHtcbiAgICAgICAgLy8gICAgICAgICBlbC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIChlKSA9PiB7XG4gICAgICAgIC8vICAgICAgICAgICAgIHRoaXMub3Blbk1lbnUoZSBhcyBhbnksIHRoaXMubWVudUl0ZW1zLCB0cnVlKTtcbiAgICAgICAgLy8gICAgICAgICB9KTtcbiAgICAgICAgLy8gICAgIH1cbiAgICAgICAgLy8gICAgIGVsc2Uge1xuXG4gICAgICAgIC8vICAgICAgICAgdHJpZ2dlcnMuZm9yRWFjaCh0ID0+IHtcbiAgICAgICAgLy8gICAgICAgICAgICAgaWYgKFtcImNvbnRleHRtZW51XCIsIFwiY2xpY2tcIl0uaW5jbHVkZXModCkpIHtcbiAgICAgICAgLy8gICAgICAgICAgICAgICAgIGVsLmFkZEV2ZW50TGlzdGVuZXIodCwgKGUpID0+IHtcbiAgICAgICAgLy8gICAgICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIC8vICAgICAgICAgICAgICAgICAgICAgdGhpcy5vcGVuTWVudShlIGFzIGFueSwgdGhpcy5jdHhNZW51SXRlbXMsIHRydWUpO1xuICAgICAgICAvLyAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgIC8vICAgICAgICAgICAgIH1cbiAgICAgICAgLy8gICAgICAgICAgICAgZWxzZSB7XG4gICAgICAgIC8vICAgICAgICAgICAgICAgICBlbC5hZGRFdmVudExpc3RlbmVyKHQsIHRoaXMub3Blbk1lbnUuYmluZCh0aGlzKSk7XG4gICAgICAgIC8vICAgICAgICAgICAgIH1cbiAgICAgICAgLy8gICAgICAgICB9KTtcbiAgICAgICAgLy8gICAgIH1cbiAgICAgICAgLy8gfVxuICAgIH1cblxuICAgIGFzeW5jIG9wZW5NZW51KGV2dDogUG9pbnRlckV2ZW50LCBpdGVtcyA9IHRoaXMubWVudUl0ZW1zLCBrZWVwT3BlbiA9IGZhbHNlKSB7XG4gICAgICAgIGNvbnN0IGVsID0gdGhpcy52aWV3Q29udGFpbmVyLmVsZW1lbnQubmF0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcblxuICAgICAgICBlbC5jbGFzc0xpc3QuYWRkKFwibmd4LW1lbnUtb3BlblwiKTtcblxuICAgICAgICBjb25zdCBpc0N0eEV2ZW50ID0gZXZ0LmJ1dHRvbiA9PSAyO1xuXG4gICAgICAgIGNvbnN0IGNvbmZpZyA9IHN0cnVjdHVyZWRDbG9uZSh0aGlzLmNvbmZpZyk7XG4gICAgICAgIGNvbmZpZ1snX2lzTG9ja2VkT3BlbiddID0ga2VlcE9wZW47XG5cbiAgICAgICAgcmV0dXJuIG9wZW5NZW51KFxuICAgICAgICAgICAgdGhpcy5kaWFsb2csXG4gICAgICAgICAgICBpdGVtcyxcbiAgICAgICAgICAgIHRoaXMuZGF0YSxcbiAgICAgICAgICAgIGV2dCxcbiAgICAgICAgICAgIHRoaXMuY29uZmlnLFxuICAgICAgICAgICAgaXNDdHhFdmVudCA/IG51bGwgOiBlbFxuICAgICAgICApXG4gICAgICAgICAgICAudGhlbigoLi4ucmVzKSA9PiB7XG4gICAgICAgICAgICAgICAgZWwuY2xhc3NMaXN0LnJlbW92ZShcIm5neC1tZW51LW9wZW5cIik7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHJlcztcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAuY2F0Y2goKGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgZWwuY2xhc3NMaXN0LnJlbW92ZShcIm5neC1tZW51LW9wZW5cIik7XG4gICAgICAgICAgICAgICAgdGhyb3cgZXg7XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKFwiY29udGV4dG1lbnVcIiwgWyckZXZlbnQnXSlcbiAgICBvbkN0eE1lbnUoZSkge1xuICAgICAgICBpZiAodGhpcy5jdHhNZW51SXRlbXMgfHwgdGhpcy50cmlnZ2Vycy5pbmNsdWRlcyhcImNvbnRleHRtZW51XCIpKSB7XG4gICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICB0aGlzLm9wZW5NZW51KGUgYXMgYW55LCB0aGlzLmN0eE1lbnVJdGVtcywgdHJ1ZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKFwiY2xpY2tcIiwgWyckZXZlbnQnXSlcbiAgICBvbkNsaWNrKGUpIHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgICAgdGhpcy5tZW51SXRlbXMgJiZcbiAgICAgICAgICAgIChcbiAgICAgICAgICAgICAgICB0aGlzLnRyaWdnZXJzLmxlbmd0aCA9PSAwIHx8XG4gICAgICAgICAgICAgICAgdGhpcy50cmlnZ2Vycy5pbmNsdWRlcyhcImNsaWNrXCIpXG4gICAgICAgICAgICApXG4gICAgICAgICkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgdGhpcy5vcGVuTWVudShlIGFzIGFueSwgdGhpcy5tZW51SXRlbXMsIHRydWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcihcImRibGNsaWNrXCIsIFsnJGV2ZW50J10pXG4gICAgb25EYmxDbGljayhlKSB7XG4gICAgICAgIGlmIChcbiAgICAgICAgICAgIHRoaXMubWVudUl0ZW1zICYmIHRoaXMudHJpZ2dlcnMubGVuZ3RoID09IDAgfHxcbiAgICAgICAgICAgIHRoaXMubWVudUl0ZW1zICYmIHRoaXMudHJpZ2dlcnMuaW5jbHVkZXMoXCJkYmxjbGlja1wiKVxuICAgICAgICApIHtcbiAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIHRoaXMub3Blbk1lbnUoZSBhcyBhbnksIHRoaXMubWVudUl0ZW1zLCB0cnVlKTtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuLy8gSGVscGVyIHRvIG9wZW4gdGhlIG1lbnUgd2l0aG91dCB1c2luZyB0aGUgZGlyZWN0aXZlLlxuZXhwb3J0IGNvbnN0IG9wZW5NZW51ID0gYXN5bmMgKFxuICAgIGRpYWxvZzogTWF0RGlhbG9nLFxuICAgIG1lbnVJdGVtczogTWVudUl0ZW1bXSxcbiAgICBkYXRhOiBhbnksXG4gICAgZXZ0OiBQb2ludGVyRXZlbnQsXG4gICAgY29uZmlnOiBNZW51T3B0aW9ucyA9IHt9LFxuICAgIGVsPzogSFRNTEVsZW1lbnRcbikgPT4ge1xuICAgIC8vIGNvbnNvbGUubG9nKHsgZGlhbG9nLCBtZW51SXRlbXMsIGRhdGEsIGV2dCwgY29uZmlnLCBlbCB9KTtcblxuICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgIC8vIEFwcGx5IGRlZmF1bHRzLlxuICAgIGlmICghY29uZmlnLmFsaWdubWVudClcbiAgICAgICAgY29uZmlnLmFsaWdubWVudCA9IFwic3RhcnRcIjtcblxuICAgIGNvbnN0IGluaXRpYWxCb3VuZHMgPSBhd2FpdCBjYWxjTWVudUl0ZW1Cb3VuZHMobWVudUl0ZW1zLCBkYXRhKTtcbiAgICBjb25zdCBjb3JkcyA9IGdldFBvc2l0aW9uKGVsIHx8IGV2dCwgY29uZmlnLCBpbml0aWFsQm91bmRzKTtcbiAgICBjb25zdCBzcGVjaWZpY0lkID0gdWxpZCgpO1xuXG4gICAgcmV0dXJuIGZpcnN0VmFsdWVGcm9tKFxuICAgICAgICBkaWFsb2cub3BlbihNZW51Q29tcG9uZW50LCB7XG4gICAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICAgICAgZGlhbG9nLFxuICAgICAgICAgICAgICAgIGRhdGE6IGRhdGEsXG4gICAgICAgICAgICAgICAgb3duZXJDb3JkczogZWw/LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLFxuICAgICAgICAgICAgICAgIHNlbGZDb3JkczogY29yZHMsXG4gICAgICAgICAgICAgICAgaXRlbXM6IG1lbnVJdGVtcyxcbiAgICAgICAgICAgICAgICBjb25maWc6IGNvbmZpZyxcbiAgICAgICAgICAgICAgICBpZDogc3BlY2lmaWNJZCxcbiAgICAgICAgICAgICAgICB0YXJnZXRCb3VuZHM6IGluaXRpYWxCb3VuZHNcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBwYW5lbENsYXNzOiBbXCJuZ3gtbWVudVwiLCAnbmd4LScgKyBzcGVjaWZpY0lkXS5jb25jYXQoY29uZmlnPy5jdXN0b21DbGFzcyB8fCBbXSksXG4gICAgICAgICAgICBwb3NpdGlvbjogY29yZHMsXG4gICAgICAgICAgICBiYWNrZHJvcENsYXNzOiBcIm5neC1tZW51LWJhY2tkcm9wXCJcbiAgICAgICAgfSlcbiAgICAgICAgICAgIC5hZnRlckNsb3NlZCgpKTtcbn07XG4iXX0=

package/esm2022/core/components/menu/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vY29yZS9jb21wb25lbnRzL21lbnUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFRlbXBsYXRlUmVmLCBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3B1cE9wdGlvbnMgfSBmcm9tICcuLi8uLi90eXBlcy9wb3B1cCc7XG5cbnR5cGUgTWVudVRyaWdnZXIgPSBcImNsaWNrXCIgfCBcImRibGNsaWNrXCIgfCBcImhvdmVyXCIgfCBcImNvbnRleHRtZW51XCI7XG5cbmV4cG9ydCB0eXBlIE1lbnVPcHRpb25zID0gUGFydGlhbDxQb3B1cE9wdGlvbnMgJiB7XG4gICAgLyoqXG4gICAgICogV2hpY2ggZXZlbnQgc2hvdWxkIHRyaWdnZXIgdGhlIGFwcCBtZW51LlxuICAgICAqL1xuICAgIHRyaWdnZXI6IE1lbnVUcmlnZ2VyIHwgTWVudVRyaWdnZXJbXTtcblxuICAgIC8qKlxuICAgICAqIFNldCB0byBgdHJ1ZWAgdG8ga2VlcCB0aGUgbWVudSBvcGVuLlxuICAgICAqL1xuICAgIHN0YXlPcGVuOiBib29sZWFuLFxufT47XG5cbmV4cG9ydCB0eXBlIEJhc2VNZW51SXRlbTxUID0gYW55LCBRID0gb2JqZWN0IHwgbnVtYmVyIHwgc3RyaW5nIHwgYm9vbGVhbiB8IGJpZ2ludCB8IHN5bWJvbCB8IHVuZGVmaW5lZD4gPSB7XG4gICAgLyoqXG4gICAgICogTGFiZWwgZm9yIHRoZSBtZW51LWl0ZW1cbiAgICAgKi9cbiAgICBsYWJlbD86IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIEN1c3RvbSBhbmd1bGFyIHRlbXBsYXRlIHRvIHVzZSBmb3IgdGhlIGxhYmVsXG4gICAgICogQWx0ZXJuYXRpdmVseSBhY2NlcHRzIGEgbGFtYmRhIGZ1bmN0aW9uXG4gICAgICovXG4gICAgbGFiZWxUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT4gfCAoKGRhdGE6IFQsIGNvbnRleHQ6IFEpID0+IHN0cmluZyk7XG5cbiAgICAvKipcbiAgICAgKiBDYWxsYmFjayBtZXRob2QgdGhhdCBpcyBjYWxsZWQgd2hlbiBhIHVzZXIgYWN0aXZhdGVzXG4gICAgICogYSBjb250ZXh0LW1lbnUgaXRlbS5cbiAgICAgKiBVc2UgdGhlIGBjb250ZXh0TWVudURhdGFgIGRlY29yYXRvciBmb3IgcGFzc2luZyBkYXRhLlxuICAgICAqL1xuICAgIGFjdGlvbj86IChkYXRhOiBULCBjb250ZXh0OiBRKSA9PiBhbnksXG5cbiAgICAvKipcbiAgICAgKiBJbnN0ZWFkIG9mIGFuIGFjdGlvbiwgdGhpcyBpdGVtIGNhbiBiZSBhIGh5cGVybGluayBwb2ludGluZyB0byB0aGlzIFVSTFxuICAgICAqIHd3dy5leGFtcGxlLmNvbS9mb28vYmFyLnppcFxuICAgICAqL1xuICAgIGxpbms/OiBzdHJpbmcsXG5cbiAgICAvKipcbiAgICAgKiBXaGVuIGhhdmluZyBhIGNvbmZpZ3VyZWQgYGxpbmtgIHByb3BlcnR5LCB0aGlzIHNwZWNpZmllcyB0aGUgYHRhcmdldGBcbiAgICAgKiBhdHRyaWJ1dGUgYXBwbGllZCB0byB0aGUgbGlua1xuICAgICAqL1xuICAgIGxpbmtUYXJnZXQ/OiBcIl9ibGFua1wiIHwgXCJfc2VsZlwiIHwgXCJfcGFyZW50XCIgfCBcIl90b3BcIiwgLy8gXCJmcmFtZW5hbWVcIlxuXG4gICAgLyoqXG4gICAgICogQ3VzdG9tIHRlbXBsYXRlIGZ1bmN0aW9uIGZvciByZXNvbHZpbmcgYSBsaW5rIHdoZW4gdGhlIGNvbnRleHQgbWVudVxuICAgICAqIGlzIG9wZW5lZFxuICAgICAqL1xuICAgIGxpbmtUZW1wbGF0ZT86ICgoZGF0YTogVCwgY29udGV4dDogUSkgPT4gc3RyaW5nKSxcblxuICAgIC8qKlxuICAgICAqIENhbGxiYWNrIG1ldGhvZCB0aGF0IGlzIGNhbGxlZCB1cG9uIGEgY29udGV4dCBtZW51IGFjdGl2YXRpb25cbiAgICAgKiB0aGF0IHdoZW4gaXQgcmV0dXJucyB0cnVlLCB3aWxsIHNob3cgdGhlIGl0ZW0gYXMgZGlzYWJsZWQuXG4gICAgICovXG4gICAgaXNEaXNhYmxlZD86IChkYXRhOiBULCBjb250ZXh0OiBRKSA9PiBib29sZWFuLFxuXG4gICAgLyoqXG4gICAgICogQ2FsbGJhY2sgbWV0aG9kIHRoYXQgaXMgY2FsbGVkIHVwb24gYSBjb250ZXh0IG1lbnUgYWN0aXZhdGlvblxuICAgICAqIHRoYXQgd2hlbiByZXR1cm5pbmcgZmFsc2UsIHdpbGwgaGlkZSB0aGUgbWVudSBpdGVtLlxuICAgICAqL1xuICAgIGlzVmlzaWJsZT86IChkYXRhOiBULCBjb250ZXh0OiBRKSA9PiBib29sZWFuLFxuXG4gICAgLyoqXG4gICAgICogSWYgYSBzaG9ydGN1dCBpcyBzZXQsIHRoZSB0ZXh0LWxhYmVsLlxuICAgICAqL1xuICAgIHNob3J0Y3V0TGFiZWw/OiBzdHJpbmcsXG5cbiAgICAvKipcbiAgICAgKiBLZXlib2FyZCBzaG9ydGN1dCB0byBhY3RpdmF0ZSB0aGlzIGl0ZW0uXG4gICAgICovXG4gICAgLy8gc2hvcnRjdXQ/OiBLZXlDb21tYW5kLFxuXG4gICAgLyoqXG4gICAgICogSWNvbiB0byByZW5kZXIgb24gdGhlIGxlZnQgc2lkZSBvZiB0aGUgaXRlbS5cbiAgICAgKiBDYW4gYmUgYSBVUkwvVVJJIChtdXN0IGluY2x1ZGUgZXh0ZW5zaW9uKVxuICAgICAqIE9yIGNhbiBiZSBhIG1hdGVyaWFsIGljb24gaWRlbnRpZmllci5cbiAgICAgKi9cbiAgICBpY29uPzogc3RyaW5nLFxuXG4gICAgLyoqXG4gICAgICogQ2FsbGJhY2sgdG8gY2hvb3NlIHRoZSBpY29uIHVzZWQgZm9yIGFuIGl0ZW0uXG4gICAgICogRXhlY3V0ZWQgdXBvbiBvcGVuaW5nIHRoZSBtZW51LlxuICAgICAqXG4gICAgICogU2VlIGBpY29uYCBmb3IgZGV0YWlscy5cbiAgICAgKi9cbiAgICBpY29uVGVtcGxhdGU/OiAoKGRhdGE6IFQsIGNvbnRleHQ6IFEpID0+IHN0cmluZyksXG5cbiAgICAvKipcbiAgICAgKiBDU1MgY29sb3Igc3RyaW5nIHRvIGFwcGx5IG9uIHRoZSBtYXQgaWNvblxuICAgICAqL1xuICAgIGljb25Db2xvcj86IHN0cmluZyxcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbmFsIGNoaWxkIG1lbnVcbiAgICAgKi9cbiAgICBjaGlsZHJlbj86IE1lbnVJdGVtPFQ+W10gfCAoKGRhdGE6IFQsIGNvbnRleHQ6IFEpID0+IE1lbnVJdGVtPFQ+W10pIHwgKChkYXRhOiBULCBjb250ZXh0OiBRKSA9PiBQcm9taXNlPE1lbnVJdGVtPFQ+W10+KSxcblxuICAgIC8qKlxuICAgICAqIE9wdGlvbmFsIHJlc29sdmVyIHRoYXQgZHluYW1pY2FsbHkgbG9hZHMgdGhlIGNvbnRlbnRzXG4gICAgICogZm9yIHRoZSBtZW51IGl0ZW0uXG4gICAgICogQ2FuIGJlIHVzZWQgdG8gZHluYW1pY2FsbHkgZGV0ZXJtaW5lIHRoZSBzdWJtZW51IGNvbnRlbnRzXG4gICAgICovXG4gICAgY2hpbGRyZW5SZXNvbHZlcj86IChkYXRhOiBULCBjb250ZXh0OiBRKSA9PiBQcm9taXNlPE1lbnVJdGVtPFQ+W10+LFxuXG4gICAgLyoqXG4gICAgICogSWYgYGNoaWxkcmVuYCBpcyBhIG1ldGhvZCBvciBgY2hpbGRyZW5SZXNvbHZlcmAgaXMgcHJvdmlkZWRcbiAgICAgKiBkaXNhYmxlIGNhY2hpbmcgb2ZcbiAgICAgKiB0aGUgcmVzb2x2ZWQgY2hpbGRyZW4uXG4gICAgICovXG4gICAgY2FjaGVSZXNvbHZlZENoaWxkcmVuPzogYm9vbGVhbixcblxuICAgIC8qKlxuICAgICAqIEluc3RlYWQgb2YgYW4gYXJyYXkgb2YgY2hpbGRyZW4sIHJlbmRlciBhIHRlbXBsYXRlXG4gICAgICovXG4gICAgY2hpbGRUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT4gfCBUeXBlPGFueT4sXG5cbiAgICAvKipcbiAgICAgKiBPcHRpb25hbCBgY29udGV4dGAgdGhhdCBjYW4gYmUgcGFzc2VkIGZyb20gdGhlIG1lbnVcbiAgICAgKi9cbiAgICBjb250ZXh0PzogKChkYXRhOiBUKSA9PiBQcm9taXNlPFE+KSB8XG4gICAgKChkYXRhOiBUKSA9PiBRKSB8XG4gICAgUTtcblxuICAgIC8qKlxuICAgICAqIFRoaXMgaXRlbSBpcyBhIHNlcGFyYXRvci5cbiAgICAgKiBDYW4gYmUgdXNlZCB3aXRoIGxhYmVsIHRvIG1ha2UgYSBsYWJlbCBzZXBhcmF0b3IuXG4gICAgICovXG4gICAgc2VwYXJhdG9yPzogYm9vbGVhbjtcblxuICAgIC8qKlxuICAgICAqIFdoYXQgdXNlciBldmVudHMgdHJpZ2dlciB0aGUgb3BlbmluZyBvZiBhbnkgY2hpbGRyZW4gLyBjaGlsZCB0ZW1wbGF0ZVxuICAgICAqIEBkZWZhdWx0IFtgaG92ZXJgXVxuICAgICAqL1xuICAgIHRyaWdnZXI/OiAoXCJjbGlja1wiIHwgXCJob3ZlclwiKVtdO1xufTtcblxuZXhwb3J0IHR5cGUgTWVudUl0ZW08VCA9IGFueSwgUSA9IGFueT4gPVxuICAgIEJhc2VNZW51SXRlbTxULCBRPiB8XG4gICAgXCJzZXBhcmF0b3JcIjtcbiJdfQ==

package/esm2022/core/components/parallax-card/parallax-card.component.mjs

@@ -0,0 +1,138 @@
+import { NgTemplateOutlet } from '@angular/common';
+import { Component, ContentChild, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ParallaxCardComponent {
+    get wrapper() { return this.element.nativeElement; }
+    get cardFront() { return this.wrapper.querySelector('.card.front'); }
+    get cardBack() { return this.wrapper.querySelector('.card.backface'); }
+    get backgroundElement() { return this.cardFront.querySelector('.card-bg'); }
+    get backfaceBackgroundElement() { return this.cardBack.querySelector('.card-bg'); }
+    constructor(element, ngZone) {
+        this.element = element;
+        this.ngZone = ngZone;
+        /**
+         *
+         */
+        this.loaded = new EventEmitter();
+        /**
+         * Width of the card
+         * @default `240px`
+         */
+        this.width = '240px';
+        /**
+         * Height of the card
+         * @default `320px`
+         */
+        this.height = '320px';
+        /**
+         * Inset padding of the parallax
+         * @default 80
+         */
+        this.bgInset = 80;
+        /**
+         * Duration for the flip animation in ms
+         * @default 1200
+         */
+        this.flipAnimationDuration = 1200;
+        this.renderCardFront = true;
+        this.renderCardBack = true;
+        this.showBackOfCard = false;
+        this.pointerX = 0;
+        this.pointerY = 0;
+        this.pointerLeave = 0;
+        this.render = () => {
+            const { width, height } = this.wrapper.getBoundingClientRect();
+            const mousePX = this.pointerX / width;
+            const mousePY = this.pointerY / height;
+            // Rotation factors
+            const rX = mousePX * this.bgInset / 1.75;
+            const rY = mousePY * -this.bgInset / 1.75;
+            // Translation factors
+            const tX = mousePX * -this.bgInset * 2;
+            const tY = mousePY * -this.bgInset * 2;
+            if (this.renderCardFront) {
+                this.backgroundElement.style.transform = `translateX(${tX}px) translateY(${tY}px)`;
+            }
+            if (this.renderCardBack) {
+                this.backfaceBackgroundElement.style.transform = `translateX(${tX}px) translateY(${tY}px)`;
+            }
+            if (this.showBackOfCard) {
+                this.cardFront.style.transform = `rotateY(180deg) rotateX(${-rY}deg)`;
+                this.cardBack.style.transform = `rotateY(${-rX}deg) rotateX(${-rY}deg)`;
+            }
+            else {
+                this.cardFront.style.transform = `rotateY(${rX}deg) rotateX(${rY}deg)`;
+                this.cardBack.style.transform = `rotateY(180deg) rotateX(${-rY}deg)`;
+            }
+        };
+    }
+    ngAfterViewInit() {
+        const el = this.wrapper;
+        this.ngZone.runOutsideAngular(() => {
+            // Directly attach events to the wrapper
+            el.onpointermove = (e) => this.onPointerMove(e);
+            el.onpointerenter = () => this.onPointerEnter();
+            el.onpointerleave = () => this.onPointerLeave();
+        });
+        el.onclick = () => this.onClick();
+        this.loaded.emit();
+    }
+    onPointerMove(e) {
+        const { width, height, left, top } = this.wrapper.getBoundingClientRect();
+        this.pointerX = e.pageX - left - (width / 2);
+        this.pointerY = e.pageY - top - (height / 2);
+        this.render();
+    }
+    onPointerEnter() {
+        clearTimeout(this.pointerLeave);
+    }
+    onPointerLeave() {
+        this.pointerLeave = setTimeout(() => {
+            this.pointerX = 0;
+            this.pointerY = 0;
+            this.render();
+        }, 600);
+    }
+    // TODO: This can get intercepted in some states
+    onClick() {
+        this.showBackOfCard = !this.showBackOfCard;
+        this.render();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParallaxCardComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ParallaxCardComponent, isStandalone: true, selector: "ngx-parallax-card", inputs: { width: "width", height: "height", bgInset: "bgInset", flipAnimationDuration: "flipAnimationDuration" }, outputs: { loaded: "loaded" }, host: { properties: { "style.width": "width", "style.height": "height", "style.--card-bg-inset": "-bgInset+\"px\"", "style.--flip-animation-duration": "flipAnimationDuration+\"ms\"", "class.flip": "showBackOfCard" } }, queries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, read: TemplateRef }, { propertyName: "background", first: true, predicate: ["background"], descendants: true, read: TemplateRef }, { propertyName: "backContent", first: true, predicate: ["backContent"], descendants: true, read: TemplateRef }, { propertyName: "backBackground", first: true, predicate: ["backBackground"], descendants: true, read: TemplateRef }], ngImport: i0, template: "@if (renderCardBack) {\n    <div class=\"card backface\">\n        <div class=\"card-bg\" style=\"transform: translateX(0) translateY(0)\">\n            <ng-template [ngTemplateOutlet]=\"backBackground\" />\n        </div>\n        <div class=\"card-content\">\n            <ng-template [ngTemplateOutlet]=\"backContent\" />\n        </div>\n    </div>\n}\n\n@if (renderCardFront) {\n    <div class=\"card front\">\n        <div class=\"card-bg\" style=\"transform: translateX(0) translateY(0)\">\n            <ng-template [ngTemplateOutlet]=\"background\" />\n        </div>\n        <div class=\"card-content\">\n            @if (content) {\n                <ng-template [ngTemplateOutlet]=\"content\"/>\n            }\n            @else {\n                <ng-content/>\n            }\n        </div>\n    </div>\n}\n\n\n", styles: [":host{display:block;position:relative;cursor:pointer;--easing-function: cubic-bezier(.23, 1, .32, 1);--border-radius: 9px}.card{position:absolute;height:100%;width:100%;background-color:#333;backface-visibility:hidden;overflow:hidden;box-shadow:#0000 0 0 40px 5px,#000000a8 0 30px 60px,inset #333 0 0 0 5px;border-radius:var(--border-radius);transition:transform var(--flip-animation-duration) var(--easing-function),box-shadow 2s var(--easing-function);transform-style:preserve-3d;will-change:transform}.card:hover{box-shadow:#fff6 0 0 40px 5px,#000000a8 0 30px 60px,inset #333 0 0 0 5px}.card:hover .card-content{border:2px solid #fff}.card-bg{inset:var(--card-bg-inset);position:absolute;pointer-events:none;transition:transform .6s var(--easing-function)}.card-content{position:absolute;top:0;color:#fff;height:100%;width:100%;z-index:1;border:2px solid rgba(255,255,255,0);border-radius:var(--border-radius);transition:transform .6s var(--easing-function),border-color .6s var(--easing-function)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ParallaxCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-parallax-card', imports: [
+                        NgTemplateOutlet
+                    ], host: {
+                        '[style.width]': 'width',
+                        '[style.height]': 'height',
+                        '[style.--card-bg-inset]': '-bgInset+"px"',
+                        '[style.--flip-animation-duration]': 'flipAnimationDuration+"ms"',
+                        '[class.flip]': 'showBackOfCard'
+                    }, standalone: true, template: "@if (renderCardBack) {\n    <div class=\"card backface\">\n        <div class=\"card-bg\" style=\"transform: translateX(0) translateY(0)\">\n            <ng-template [ngTemplateOutlet]=\"backBackground\" />\n        </div>\n        <div class=\"card-content\">\n            <ng-template [ngTemplateOutlet]=\"backContent\" />\n        </div>\n    </div>\n}\n\n@if (renderCardFront) {\n    <div class=\"card front\">\n        <div class=\"card-bg\" style=\"transform: translateX(0) translateY(0)\">\n            <ng-template [ngTemplateOutlet]=\"background\" />\n        </div>\n        <div class=\"card-content\">\n            @if (content) {\n                <ng-template [ngTemplateOutlet]=\"content\"/>\n            }\n            @else {\n                <ng-content/>\n            }\n        </div>\n    </div>\n}\n\n\n", styles: [":host{display:block;position:relative;cursor:pointer;--easing-function: cubic-bezier(.23, 1, .32, 1);--border-radius: 9px}.card{position:absolute;height:100%;width:100%;background-color:#333;backface-visibility:hidden;overflow:hidden;box-shadow:#0000 0 0 40px 5px,#000000a8 0 30px 60px,inset #333 0 0 0 5px;border-radius:var(--border-radius);transition:transform var(--flip-animation-duration) var(--easing-function),box-shadow 2s var(--easing-function);transform-style:preserve-3d;will-change:transform}.card:hover{box-shadow:#fff6 0 0 40px 5px,#000000a8 0 30px 60px,inset #333 0 0 0 5px}.card:hover .card-content{border:2px solid #fff}.card-bg{inset:var(--card-bg-inset);position:absolute;pointer-events:none;transition:transform .6s var(--easing-function)}.card-content{position:absolute;top:0;color:#fff;height:100%;width:100%;z-index:1;border:2px solid rgba(255,255,255,0);border-radius:var(--border-radius);transition:transform .6s var(--easing-function),border-color .6s var(--easing-function)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { content: [{
+                type: ContentChild,
+                args: ['content', { read: TemplateRef }]
+            }], background: [{
+                type: ContentChild,
+                args: ['background', { read: TemplateRef }]
+            }], backContent: [{
+                type: ContentChild,
+                args: ['backContent', { read: TemplateRef }]
+            }], backBackground: [{
+                type: ContentChild,
+                args: ['backBackground', { read: TemplateRef }]
+            }], loaded: [{
+                type: Output
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], bgInset: [{
+                type: Input
+            }], flipAnimationDuration: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWxsYXgtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vY29yZS9jb21wb25lbnRzL3BhcmFsbGF4LWNhcmQvcGFyYWxsYXgtY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vY29yZS9jb21wb25lbnRzL3BhcmFsbGF4LWNhcmQvcGFyYWxsYXgtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBdUJ0SCxNQUFNLE9BQU8scUJBQXFCO0lBd0M5QixJQUFZLE9BQU8sS0FBSyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBNEIsQ0FBQyxDQUFDLENBQUM7SUFDM0UsSUFBWSxTQUFTLEtBQUssT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQzVGLElBQVksUUFBUSxLQUFLLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQWdCLENBQUMsQ0FBQyxDQUFDO0lBQzlGLElBQVksaUJBQWlCLEtBQUssT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQW1CLENBQUMsQ0FBQyxDQUFDO0lBQ3RHLElBQVkseUJBQXlCLEtBQUssT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQW1CLENBQUMsQ0FBQyxDQUFDO0lBTTdHLFlBQ3FCLE9BQW1CLEVBQ25CLE1BQWM7UUFEZCxZQUFPLEdBQVAsT0FBTyxDQUFZO1FB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QTtJQUNqQixDQUFDOytHQTdGUSxxQkFBcUI7bUdBQXJCLHFCQUFxQixvZ0JBR0csV0FBVyxtR0FDUixXQUFXLHFHQUdWLFdBQVcsMkdBQ1IsV0FBVyw2QkNoQ3ZELDB6QkE0QkEscWlDRGZRLGdCQUFnQjs7NEZBV1gscUJBQXFCO2tCQWhCakMsU0FBUzsrQkFDSSxtQkFBbUIsV0FHcEI7d0JBQ0wsZ0JBQWdCO3FCQUNuQixRQUNLO3dCQUNGLGVBQWUsRUFBRSxPQUFPO3dCQUN4QixnQkFBZ0IsRUFBRSxRQUFRO3dCQUMxQix5QkFBeUIsRUFBRSxlQUFlO3dCQUMxQyxtQ0FBbUMsRUFBRSw0QkFBNEI7d0JBQ2pFLGNBQWMsRUFBRSxnQkFBZ0I7cUJBQ25DLGNBQ1csSUFBSTtvR0FLZ0MsT0FBTztzQkFBdEQsWUFBWTt1QkFBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQUNLLFVBQVU7c0JBQTVELFlBQVk7dUJBQUMsWUFBWSxFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFHRyxXQUFXO3NCQUE5RCxZQUFZO3VCQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBQ0ssY0FBYztzQkFBcEUsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBSzNDLE1BQU07c0JBQWYsTUFBTTtnQkFNRSxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFLRyxxQkFBcUI7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxudHlwZSBDU1NVbml0U3RyaW5nID0gJ3B4JyB8ICclJyB8ICdlbScgfCAnaW4nIHwgJyc7XG50eXBlIENTU1VuaXQgPSBgJHtudW1iZXJ9JHtDU1NVbml0U3RyaW5nfWAgfCBgdmFyKC0tJHtzdHJpbmd9KWA7XG50eXBlIENTU1N0cmluZyA9IENTU1VuaXQgfFxuICAgIGBjYWxjKCR7Q1NTVW5pdHwnJ30keycnfCcgJ30keycrJ3wnLSd8Jy8nfCcqJ30keycnfCcgJ30ke0NTU1VuaXR8Jyd9KWBcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ3gtcGFyYWxsYXgtY2FyZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhcmFsbGF4LWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BhcmFsbGF4LWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE5nVGVtcGxhdGVPdXRsZXRcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tzdHlsZS53aWR0aF0nOiAnd2lkdGgnLFxuICAgICAgICAnW3N0eWxlLmhlaWdodF0nOiAnaGVpZ2h0JyxcbiAgICAgICAgJ1tzdHlsZS4tLWNhcmQtYmctaW5zZXRdJzogJy1iZ0luc2V0K1wicHhcIicsXG4gICAgICAgICdbc3R5bGUuLS1mbGlwLWFuaW1hdGlvbi1kdXJhdGlvbl0nOiAnZmxpcEFuaW1hdGlvbkR1cmF0aW9uK1wibXNcIicsXG4gICAgICAgICdbY2xhc3MuZmxpcF0nOiAnc2hvd0JhY2tPZkNhcmQnXG4gICAgfSxcbiAgICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIFBhcmFsbGF4Q2FyZENvbXBvbmVudCB7XG5cbiAgICAvLyBGcm9udCBvZiBjYXJkXG4gICAgQENvbnRlbnRDaGlsZCgnY29udGVudCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgY29udGVudDogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XG4gICAgQENvbnRlbnRDaGlsZCgnYmFja2dyb3VuZCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgYmFja2dyb3VuZDogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XG5cbiAgICAvLyBCYWNrIG9mIGNhcmRcbiAgICBAQ29udGVudENoaWxkKCdiYWNrQ29udGVudCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkgYmFja0NvbnRlbnQ6IFRlbXBsYXRlUmVmPEVsZW1lbnRSZWY+O1xuICAgIEBDb250ZW50Q2hpbGQoJ2JhY2tCYWNrZ3JvdW5kJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBiYWNrQmFja2dyb3VuZDogVGVtcGxhdGVSZWY8RWxlbWVudFJlZj47XG5cbiAgICAvKipcbiAgICAgKlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBsb2FkZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICAvKipcbiAgICAgKiBXaWR0aCBvZiB0aGUgY2FyZFxuICAgICAqIEBkZWZhdWx0IGAyNDBweGBcbiAgICAgKi9cbiAgICBASW5wdXQoKSB3aWR0aDogIENTU1N0cmluZyA9ICcyNDBweCc7XG4gICAgLyoqXG4gICAgICogSGVpZ2h0IG9mIHRoZSBjYXJkXG4gICAgICogQGRlZmF1bHQgYDMyMHB4YFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGhlaWdodDogQ1NTU3RyaW5nID0gJzMyMHB4JztcbiAgICAvKipcbiAgICAgKiBJbnNldCBwYWRkaW5nIG9mIHRoZSBwYXJhbGxheFxuICAgICAqIEBkZWZhdWx0IDgwXG4gICAgICovXG4gICAgQElucHV0KCkgYmdJbnNldDogIG51bWJlciA9IDgwO1xuICAgIC8qKlxuICAgICAqIER1cmF0aW9uIGZvciB0aGUgZmxpcCBhbmltYXRpb24gaW4gbXNcbiAgICAgKiBAZGVmYXVsdCAxMjAwXG4gICAgICovXG4gICAgQElucHV0KCkgZmxpcEFuaW1hdGlvbkR1cmF0aW9uOiAgbnVtYmVyID0gMTIwMDtcblxuICAgIHJlbmRlckNhcmRGcm9udCA9IHRydWU7XG4gICAgcmVuZGVyQ2FyZEJhY2sgPSB0cnVlO1xuICAgIHNob3dCYWNrT2ZDYXJkID0gZmFsc2U7XG5cbiAgICBwcml2YXRlIGdldCB3cmFwcGVyKCkgeyByZXR1cm4gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEVsZW1lbnQ7IH1cbiAgICBwcml2YXRlIGdldCBjYXJkRnJvbnQoKSB7IHJldHVybiB0aGlzLndyYXBwZXIucXVlcnlTZWxlY3RvcignLmNhcmQuZnJvbnQnKSBhcyBIVE1MRWxlbWVudDsgfVxuICAgIHByaXZhdGUgZ2V0IGNhcmRCYWNrKCkgeyByZXR1cm4gdGhpcy53cmFwcGVyLnF1ZXJ5U2VsZWN0b3IoJy5jYXJkLmJhY2tmYWNlJykgYXMgSFRNTEVsZW1lbnQ7IH1cbiAgICBwcml2YXRlIGdldCBiYWNrZ3JvdW5kRWxlbWVudCgpIHsgcmV0dXJuIHRoaXMuY2FyZEZyb250LnF1ZXJ5U2VsZWN0b3IoJy5jYXJkLWJnJykgYXMgSFRNTERpdkVsZW1lbnQ7IH1cbiAgICBwcml2YXRlIGdldCBiYWNrZmFjZUJhY2tncm91bmRFbGVtZW50KCkgeyByZXR1cm4gdGhpcy5jYXJkQmFjay5xdWVyeVNlbGVjdG9yKCcuY2FyZC1iZycpIGFzIEhUTUxEaXZFbGVtZW50OyB9XG5cbiAgICBwcml2YXRlIHBvaW50ZXJYID0gMDtcbiAgICBwcml2YXRlIHBvaW50ZXJZID0gMDtcbiAgICBwcml2YXRlIHBvaW50ZXJMZWF2ZSA9IDA7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50OiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IG5nWm9uZTogTmdab25lXG4gICAgKSB7IH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgY29uc3QgZWwgPSB0aGlzLndyYXBwZXI7XG5cbiAgICAgICAgdGhpcy5uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgICAgICAgLy8gRGlyZWN0bHkgYXR0YWNoIGV2ZW50cyB0byB0aGUgd3JhcHBlclxuICAgICAgICAgICAgZWwub25wb2ludGVybW92ZSA9IChlKSA9PiB0aGlzLm9uUG9pbnRlck1vdmUoZSk7XG4gICAgICAgICAgICBlbC5vbnBvaW50ZXJlbnRlciA9ICgpID0+IHRoaXMub25Qb2ludGVyRW50ZXIoKTtcbiAgICAgICAgICAgIGVsLm9ucG9pbnRlcmxlYXZlID0gKCkgPT4gdGhpcy5vblBvaW50ZXJMZWF2ZSgpO1xuICAgICAgICB9KVxuICAgICAgICBlbC5vbmNsaWNrID0gKCkgPT4gdGhpcy5vbkNsaWNrKCk7XG5cbiAgICAgICAgdGhpcy5sb2FkZWQuZW1pdCgpO1xuICAgIH1cblxuICAgIG9uUG9pbnRlck1vdmUoZTogUG9pbnRlckV2ZW50KSB7XG4gICAgICAgIGNvbnN0IHsgd2lkdGgsIGhlaWdodCwgbGVmdCwgdG9wIH0gPSB0aGlzLndyYXBwZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIHRoaXMucG9pbnRlclggPSBlLnBhZ2VYIC0gbGVmdCAtICh3aWR0aCAvIDIpO1xuICAgICAgICB0aGlzLnBvaW50ZXJZID0gZS5wYWdlWSAtIHRvcCAtIChoZWlnaHQgLyAyKTtcblxuICAgICAgICB0aGlzLnJlbmRlcigpO1xuICAgIH1cblxuICAgIG9uUG9pbnRlckVudGVyKCkge1xuICAgICAgICBjbGVhclRpbWVvdXQodGhpcy5wb2ludGVyTGVhdmUpO1xuICAgIH1cblxuICAgIG9uUG9pbnRlckxlYXZlKCkge1xuICAgICAgICB0aGlzLnBvaW50ZXJMZWF2ZSA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5wb2ludGVyWCA9IDA7XG4gICAgICAgICAgICB0aGlzLnBvaW50ZXJZID0gMDtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyKCk7XG4gICAgICAgIH0sIDYwMCkgYXMgYW55O1xuICAgIH1cblxuICAgIC8vIFRPRE86IFRoaXMgY2FuIGdldCBpbnRlcmNlcHRlZCBpbiBzb21lIHN0YXRlc1xuICAgIG9uQ2xpY2soKSB7XG4gICAgICAgIHRoaXMuc2hvd0JhY2tPZkNhcmQgPSAhdGhpcy5zaG93QmFja09mQ2FyZDtcbiAgICAgICAgdGhpcy5yZW5kZXIoKVxuICAgIH1cblxuICAgIHJlbmRlciA9ICgpID0+IHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaGVpZ2h0IH0gPSB0aGlzLndyYXBwZXIuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgICAgIGNvbnN0IG1vdXNlUFggPSB0aGlzLnBvaW50ZXJYIC8gd2lkdGg7XG4gICAgICAgIGNvbnN0IG1vdXNlUFkgPSB0aGlzLnBvaW50ZXJZIC8gaGVpZ2h0O1xuXG4gICAgICAgIC8vIFJvdGF0aW9uIGZhY3RvcnNcbiAgICAgICAgY29uc3QgclggPSBtb3VzZVBYICogdGhpcy5iZ0luc2V0IC8gMS43NTtcbiAgICAgICAgY29uc3QgclkgPSBtb3VzZVBZICogLXRoaXMuYmdJbnNldCAvIDEuNzU7XG5cbiAgICAgICAgLy8gVHJhbnNsYXRpb24gZmFjdG9yc1xuICAgICAgICBjb25zdCB0WCA9IG1vdXNlUFggKiAtdGhpcy5iZ0luc2V0ICogMjtcbiAgICAgICAgY29uc3QgdFkgPSBtb3VzZVBZICogLXRoaXMuYmdJbnNldCAqIDI7XG5cbiAgICAgICAgaWYgKHRoaXMucmVuZGVyQ2FyZEZyb250KSB7XG4gICAgICAgICAgICB0aGlzLmJhY2tncm91bmRFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGVYKCR7dFh9cHgpIHRyYW5zbGF0ZVkoJHt0WX1weClgO1xuICAgICAgICB9XG4gICAgICAgIGlmICh0aGlzLnJlbmRlckNhcmRCYWNrKSB7XG4gICAgICAgICAgICB0aGlzLmJhY2tmYWNlQmFja2dyb3VuZEVsZW1lbnQuc3R5bGUudHJhbnNmb3JtID0gYHRyYW5zbGF0ZVgoJHt0WH1weCkgdHJhbnNsYXRlWSgke3RZfXB4KWA7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5zaG93QmFja09mQ2FyZCkge1xuICAgICAgICAgICAgdGhpcy5jYXJkRnJvbnQuc3R5bGUudHJhbnNmb3JtID0gYHJvdGF0ZVkoMTgwZGVnKSByb3RhdGVYKCR7LXJZfWRlZylgO1xuICAgICAgICAgICAgdGhpcy5jYXJkQmFjay5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlWSgkey1yWH1kZWcpIHJvdGF0ZVgoJHstcll9ZGVnKWA7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmNhcmRGcm9udC5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlWSgke3JYfWRlZykgcm90YXRlWCgke3JZfWRlZylgO1xuICAgICAgICAgICAgdGhpcy5jYXJkQmFjay5zdHlsZS50cmFuc2Zvcm0gPSBgcm90YXRlWSgxODBkZWcpIHJvdGF0ZVgoJHstcll9ZGVnKWA7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCJAaWYgKHJlbmRlckNhcmRCYWNrKSB7XG4gICAgPGRpdiBjbGFzcz1cImNhcmQgYmFja2ZhY2VcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYmdcIiBzdHlsZT1cInRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKSB0cmFuc2xhdGVZKDApXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiYmFja0JhY2tncm91bmRcIiAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtY29udGVudFwiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJhY2tDb250ZW50XCIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG59XG5cbkBpZiAocmVuZGVyQ2FyZEZyb250KSB7XG4gICAgPGRpdiBjbGFzcz1cImNhcmQgZnJvbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtYmdcIiBzdHlsZT1cInRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKSB0cmFuc2xhdGVZKDApXCI+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiYmFja2dyb3VuZFwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1jb250ZW50XCI+XG4gICAgICAgICAgICBAaWYgKGNvbnRlbnQpIHtcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udGVudFwiLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBlbHNlIHtcbiAgICAgICAgICAgICAgICA8bmctY29udGVudC8+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxufVxuXG5cbiJdfQ==

package/esm2022/core/components/types.mjs

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const NGX_WEB_COMPONENTS_CONFIG = new InjectionToken('webcomponents-config');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21tb24vY29yZS9jb21wb25lbnRzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0MsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQUcsSUFBSSxjQUFjLENBQXlCLHNCQUFzQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgTkdYX1dFQl9DT01QT05FTlRTX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOZ3hXZWJDb21wb25lbnRzQ29uZmlnPignd2ViY29tcG9uZW50cy1jb25maWcnKTtcblxuZXhwb3J0IHR5cGUgTmd4V2ViQ29tcG9uZW50c0NvbmZpZyA9IFBhcnRpYWw8e1xuICAgIC8qKlxuICAgICAqIFRoZSBwYXRoIHRoYXQgYXNzZXRzIHdpbGwgdWx0aW1hdGVseSBiZSBzZXJ2ZWQgZnJvbS5cbiAgICAgKiBEZWZhdWx0IGAvYXNzZXRzL2BcbiAgICAgKi9cbiAgICBhc3NldFBhdGg6IHN0cmluZztcbn0+O1xuXG5cbiJdfQ==

package/esm2022/core/directives/image-cache.directive.mjs

@@ -0,0 +1,143 @@
+import { Directive, Inject, InjectionToken, Input, Optional } from '@angular/core';
+import { INDEXEDDB, createInstance } from 'localforage';
+import * as i0 from "@angular/core";
+const storage = createInstance({
+    name: "@dotglitch",
+    storeName: "image-cache",
+    driver: INDEXEDDB,
+    version: 1
+});
+const imageCache = {};
+const loadingSvg = `data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="50" cy="50" fill="none" stroke="%2340c4ff" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"><animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform></circle><!-- [ldio] generated by https://loading.io/ --></svg>`;
+const brokenSvg = `data:image/svg+xml;utf8,<svg width="800" height="800" viewBox="0 0 24 24" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><line x1="10.08" y1="8.29" x2="10.18" y2="8.29" style="fill:none;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round" /><path d="m 10.51,14.8 5.2,5.2 H 20 a 1,1 0 0 0 1,-1 V 15.73 L 15.29,10 Z M 3,16.71 V 19 a 1,1 0 0 0 1,1 h 11.71 l -8,-8 z M 21,5 v 14 a 1,1 0 0 1 -1,1 H 4 A 1,1 0 0 1 3,19 V 5 A 1,1 0 0 1 4,4 h 16 a 1,1 0 0 1 1,1 z" style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round" /><path d="M 21.193388,21.193388 2.8066108,2.8066108 m 18.3867772,0 L 2.8066108,21.193388" style="stroke:%23ff0000;stroke-width:2.62668;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1" /></svg>`;
+export const NGX_IMAGE_CACHE_CONFIG = new InjectionToken('ngx-image-cache-config');
+export class NgxImageCacheDirective {
+    get el() { return this.element.nativeElement; }
+    constructor(element, cacheConfig) {
+        this.element = element;
+        this.cacheConfig = cacheConfig;
+    }
+    ngOnChanges() {
+        this.getCachedImage();
+    }
+    async getCachedImage() {
+        if (this.el.src?.trim() == this.url?.trim() || // Check that there's an actual change
+            this.url?.trim().length == 0 // Check that there's an actual URL
+        )
+            return;
+        // Check if it's in the memory cache
+        if (imageCache[this.url]) {
+            const image = imageCache[this.url];
+            // If the image is currently loading, show the loader
+            // and add it to the reflist
+            if (image['_loading'] == true) {
+                image['_refs'].push(this.el);
+                this.el.setAttribute("loading", "true");
+                this.el.src = this.cacheConfig?.loadingPlaceholder || loadingSvg;
+            }
+            else {
+                // The image is fully loaded, swap out the src with a data-uri
+                this.el.setAttribute("loading", "false");
+                this.el.src = image.src;
+            }
+            // If it's already in the image cache, we're going to trust that it loads properly.
+            return;
+        }
+        // Check if it's in indexedDB
+        if (this.configuration?.cacheInIndexedDB != false) {
+            const cached = await storage.getItem(this.url);
+            if (cached) {
+                // Attempt to load the base64 data from indexeddb.
+                // If this fails, we'll fall back to attempting to download the image
+                this.el.src = cached.data;
+                const evt = await new Promise(res => {
+                    this.el.addEventListener('load', res);
+                    this.el.addEventListener('error', res);
+                });
+                // If the event isn't an error
+                if (evt.type == "load") {
+                    this.el.setAttribute("loading", "false");
+                    if (this.configuration?.cacheInMemory != false) {
+                        // Successfully loaded into element
+                        // Create an entry in the memory cache
+                        const image = imageCache[this.url] = new Image();
+                        image.src = cached.data;
+                        image['_createdAt'] = Date.now();
+                    }
+                    return;
+                }
+                else {
+                    // Else, we try to load again.
+                    this.el.src = this.cacheConfig?.loadingPlaceholder || loadingSvg;
+                }
+            }
+        }
+        const image = (() => {
+            if (this.configuration?.cacheInMemory != false) {
+                return imageCache[this.url] = new Image();
+            }
+            return new Image();
+        })();
+        // const clone = image.cloneNode(true) as HTMLImageElement;
+        image['_refs'] = image['_refs'] ?? [];
+        image['_refs'].push(this.el);
+        image['_loading'] = true;
+        image['_createdAt'] = Date.now();
+        // Show a loader while the image downloads.
+        this.el.setAttribute("loading", "true");
+        this.el.src = this.cacheConfig?.loadingPlaceholder || loadingSvg;
+        // Fetch the image via JS and cache it as base64
+        window.fetch(this.url)
+            .then(response => response.blob())
+            .then(blob => new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                image.src = reader.result;
+                storage.setItem(this.url, {
+                    timestamp: Date.now(),
+                    data: reader.result
+                });
+                image['_refs'].forEach((ref) => {
+                    ref.src = image.src;
+                });
+                image['_loading'] = false;
+                resolve(0);
+            };
+            reader.onerror = reject;
+            reader.readAsDataURL(blob);
+        }))
+            .catch(err => {
+            // If a failure occurs, purge this entry from the cache
+            // TODO: Render better "broken" image
+            delete imageCache[this.url];
+            image['_refs'].forEach((ref) => {
+                ref.src = this.cacheConfig?.brokenPlaceholder || brokenSvg;
+                ref.setAttribute("loading", "failed");
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxImageCacheDirective, deps: [{ token: i0.ElementRef }, { token: NGX_IMAGE_CACHE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: NgxImageCacheDirective, isStandalone: true, selector: "img[ngx-cache]", inputs: { url: ["source", "url"], configuration: ["ngx-cache-config", "configuration"] }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NgxImageCacheDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[ngx-cache]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NGX_IMAGE_CACHE_CONFIG]
+                }] }], propDecorators: { url: [{
+                type: Input,
+                args: ["source"]
+            }, {
+                type: Input,
+                args: ["ngx-cache"]
+            }], configuration: [{
+                type: Input,
+                args: ["ngx-cache-config"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtY2FjaGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tbW9uL2NvcmUvZGlyZWN0aXZlcy9pbWFnZS1jYWNoZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxNQUFNLEVBQUUsY0FBYyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBRXhELE1BQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQztJQUMzQixJQUFJLEVBQUUsWUFBWTtJQUNsQixTQUFTLEVBQUUsYUFBYTtJQUN4QixNQUFNLEVBQUUsU0FBUztJQUNqQixPQUFPLEVBQUUsQ0FBQztDQUNiLENBQUMsQ0FBQztBQUdILE1BQU0sVUFBVSxHQUVaLEVBQUUsQ0FBQztBQUVQLE1BQU0sVUFBVSxHQUFHLDZoQkFBNmhCLENBQUM7QUFDampCLE1BQU0sU0FBUyxHQUFHLHcwQkFBdzBCLENBQUM7QUFlMzFCLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLElBQUksY0FBYyxDQUFzQix3QkFBd0IsQ0FBQyxDQUFDO0FBMkJ4RyxNQUFNLE9BQU8sc0JBQXNCO0lBTy9CLElBQVksRUFBRSxLQUFLLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFpQyxDQUFBLENBQUMsQ0FBQztJQUUxRSxZQUNxQixPQUFtQixFQUN5QixXQUFnQztRQUQ1RSxZQUFPLEdBQVAsT0FBTyxDQUFZO1FBQ3lCLGdCQUFXLEdBQVgsV0FBVyxDQUFxQjtJQUM3RixDQUFDO0lBRUwsV0FBVztRQUNQLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsS0FBSyxDQUFDLGNBQWM7UUFDaEIsSUFDSSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxJQUFJ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Q25COzswQkFZUSxRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQjt5Q0FSMUIsR0FBRztzQkFEdEIsS0FBSzt1QkFBQyxRQUFROztzQkFDZCxLQUFLO3VCQUFDLFdBQVc7Z0JBRVMsYUFBYTtzQkFBdkMsS0FBSzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIElucHV0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSU5ERVhFRERCLCBjcmVhdGVJbnN0YW5jZSB9IGZyb20gJ2xvY2FsZm9yYWdlJztcblxuY29uc3Qgc3RvcmFnZSA9IGNyZWF0ZUluc3RhbmNlKHtcbiAgICBuYW1lOiBcIkBkb3RnbGl0Y2hcIixcbiAgICBzdG9yZU5hbWU6IFwiaW1hZ2UtY2FjaGVcIixcbiAgICBkcml2ZXI6IElOREVYRUREQixcbiAgICB2ZXJzaW9uOiAxXG59KTtcblxuXG5jb25zdCBpbWFnZUNhY2hlOiB7XG4gICAgW2tleTogc3RyaW5nXTogSFRNTEltYWdlRWxlbWVudDtcbn0gPSB7fTtcblxuY29uc3QgbG9hZGluZ1N2ZyA9IGBkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIiB3aWR0aD1cIjMycHhcIiBoZWlnaHQ9XCIzMnB4XCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCIgcHJlc2VydmVBc3BlY3RSYXRpbz1cInhNaWRZTWlkXCI+PGNpcmNsZSBjeD1cIjUwXCIgY3k9XCI1MFwiIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiJTIzNDBjNGZmXCIgc3Ryb2tlLXdpZHRoPVwiMTBcIiByPVwiMzVcIiBzdHJva2UtZGFzaGFycmF5PVwiMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4XCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT1cInRyYW5zZm9ybVwiIHR5cGU9XCJyb3RhdGVcIiByZXBlYXRDb3VudD1cImluZGVmaW5pdGVcIiBkdXI9XCIxc1wiIHZhbHVlcz1cIjAgNTAgNTA7MzYwIDUwIDUwXCIga2V5VGltZXM9XCIwOzFcIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PCEtLSBbbGRpb10gZ2VuZXJhdGVkIGJ5IGh0dHBzOi8vbG9hZGluZy5pby8gLS0+PC9zdmc+YDtcbmNvbnN0IGJyb2tlblN2ZyA9IGBkYXRhOmltYWdlL3N2Zyt4bWw7dXRmOCw8c3ZnIHdpZHRoPVwiODAwXCIgaGVpZ2h0PVwiODAwXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIHZlcnNpb249XCIxLjFcIiB4bWw6c3BhY2U9XCJwcmVzZXJ2ZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczpzdmc9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPjxsaW5lIHgxPVwiMTAuMDhcIiB5MT1cIjguMjlcIiB4Mj1cIjEwLjE4XCIgeTI9XCI4LjI5XCIgc3R5bGU9XCJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjIuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmRcIiAvPjxwYXRoIGQ9XCJtIDEwLjUxLDE0LjggNS4yLDUuMiBIIDIwIGEgMSwxIDAgMCAwIDEsLTEgViAxNS43MyBMIDE1LjI5LDEwIFogTSAzLDE2LjcxIFYgMTkgYSAxLDEgMCAwIDAgMSwxIGggMTEuNzEgbCAtOCwtOCB6IE0gMjEsNSB2IDE0IGEgMSwxIDAgMCAxIC0xLDEgSCA0IEEgMSwxIDAgMCAxIDMsMTkgViA1IEEgMSwxIDAgMCAxIDQsNCBoIDE2IGEgMSwxIDAgMCAxIDEsMSB6XCIgc3R5bGU9XCJmaWxsOm5vbmU7c3Ryb2tlOiMwMDAwMDA7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kXCIgLz48cGF0aCBkPVwiTSAyMS4xOTMzODgsMjEuMTkzMzg4IDIuODA2NjEwOCwyLjgwNjYxMDggbSAxOC4zODY3NzcyLDAgTCAyLjgwNjYxMDgsMjEuMTkzMzg4XCIgc3R5bGU9XCJzdHJva2U6JTIzZmYwMDAwO3N0cm9rZS13aWR0aDoyLjYyNjY4O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utb3BhY2l0eToxXCIgLz48L3N2Zz5gO1xuXG5leHBvcnQgdHlwZSBOZ3hJbWFnZUNhY2hlQ29uZmlnID0ge1xuICAgIC8qKlxuICAgICAqIEltYWdlIHRvIHVzZSBhcyBhIHBsYWNlaG9sZGVyIHdoaWxlIGxvYWRpbmcgdGhlIG1haW4gaW1hZ2VcbiAgICAgKiBSZWNvbW1lbmRlZCB0byB1c2UgaW5saW5lZCBTVkcgb3IgYSBiYXNlNjQgZW5jb2RlZCBpbWFnZVxuICAgICAqL1xuICAgIGxvYWRpbmdQbGFjZWhvbGRlcj86IHN0cmluZyxcbiAgICAvKipcbiAgICAgKiBJbWFnZSB0byB1c2UgYXMgYSBwbGFjZWhvbGRlciB3aGVyZSBpbWFnZXMgZmFpbCB0byBsb2FkXG4gICAgICogUmVjb21tZW5kZWQgdG8gdXNlIGlubGluZWQgU1ZHIG9yIGEgYmFzZTY0IGVuY29kZWQgaW1hZ2VcbiAgICAgKi9cbiAgICBicm9rZW5QbGFjZWhvbGRlcj86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgTkdYX0lNQUdFX0NBQ0hFX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOZ3hJbWFnZUNhY2hlQ29uZmlnPignbmd4LWltYWdlLWNhY2hlLWNvbmZpZycpO1xuXG5cbmV4cG9ydCB0eXBlIE5neEltYWdlQ2FjaGVDb25maWd1cmF0aW9uID0ge1xuICAgIC8qKlxuICAgICAqIE1heCBhZ2UgdG8gY2FjaGUgYW4gaW1hZ2UgaW4gbWlsbGlzZWNvbmRzLlxuICAgICAqIElmIHNldCB0byBgMGAgb3IgYSBuZWdhdGl2ZSBudW1iZXIsIGltYWdlcyB3aWxsIG5ldmVyIGV4cGlyZS5cbiAgICAgKi9cbiAgICBtYXhBZ2U6IG51bWJlcixcbiAgICAvKipcbiAgICAgKiBTZXQgdG8gYGZhbHNlYCB0byBkaXNhYmxlIG1lbW9yeSBjYWNoaW5nIGZvciB0aGUgaW1hZ2VcbiAgICAgKiBJZiBib3RoIGBjYWNoZUluTWVtb3J5YCBhbmQgYGNhY2hlSW5JbmRleGVkREJgIGFyZSBmYWxzZSxcbiAgICAgKiBubyBjYWNoaW5nIHdpbGwgaGFwcGVuLiAoWW91J2xsIHN0aWxsIGdldCB0aGUgbG9hZGVyKVxuICAgICAqL1xuICAgIGNhY2hlSW5NZW1vcnk6IGJvb2xlYW4sXG4gICAgLyoqXG4gICAgICogU2V0IHRvIGBmYWxzZWAgdG8gZGlzYWJsZSBpbmRleGVkREIgY2FjaGluZyBmb3IgdGhlIGltYWdlXG4gICAgICogSWYgYm90aCBgY2FjaGVJbk1lbW9yeWAgYW5kIGBjYWNoZUluSW5kZXhlZERCYCBhcmUgZmFsc2UsXG4gICAgICogbm8gY2FjaGluZyB3aWxsIGhhcHBlbi4gKFlvdSdsbCBzdGlsbCBnZXQgdGhlIGxvYWRlcilcbiAgICAgKi9cbiAgICBjYWNoZUluSW5kZXhlZERCOiBib29sZWFuXG59XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnaW1nW25neC1jYWNoZV0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTmd4SW1hZ2VDYWNoZURpcmVjdGl2ZSB7XG5cbiAgICBASW5wdXQoXCJzb3VyY2VcIilcbiAgICBASW5wdXQoXCJuZ3gtY2FjaGVcIikgdXJsOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoXCJuZ3gtY2FjaGUtY29uZmlnXCIpIGNvbmZpZ3VyYXRpb246IE5neEltYWdlQ2FjaGVDb25maWd1cmF0aW9uO1xuXG4gICAgcHJpdmF0ZSBnZXQgZWwoKSB7IHJldHVybiB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCBhcyBIVE1MSW1hZ2VFbGVtZW50IH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlYWRvbmx5IGVsZW1lbnQ6IEVsZW1lbnRSZWYsXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkdYX0lNQUdFX0NBQ0hFX0NPTkZJRykgcHJpdmF0ZSByZWFkb25seSBjYWNoZUNvbmZpZzogTmd4SW1hZ2VDYWNoZUNvbmZpZ1xuICAgICkgeyB9XG5cbiAgICBuZ09uQ2hhbmdlcygpIHtcbiAgICAgICAgdGhpcy5nZXRDYWNoZWRJbWFnZSgpO1xuICAgIH1cblxuICAgIGFzeW5jIGdldENhY2hlZEltYWdlKCkge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLmVsLnNyYz8udHJpbSgpID09IHRoaXMudXJsPy50cmltKCkgfHwgLy8gQ2hlY2sgdGhhdCB0aGVyZSdzIGFuIGFjdHVhbCBjaGFuZ2VcbiAgICAgICAgICAgIHRoaXMudXJsPy50cmltKCkubGVuZ3RoID09IDAgLy8gQ2hlY2sgdGhhdCB0aGVyZSdzIGFuIGFjdHVhbCBVUkxcbiAgICAgICAgKSByZXR1cm47XG5cbiAgICAgICAgLy8gQ2hlY2sgaWYgaXQncyBpbiB0aGUgbWVtb3J5IGNhY2hlXG4gICAgICAgIGlmIChpbWFnZUNhY2hlW3RoaXMudXJsXSkge1xuICAgICAgICAgICAgY29uc3QgaW1hZ2UgPSBpbWFnZUNhY2hlW3RoaXMudXJsXTtcblxuICAgICAgICAgICAgLy8gSWYgdGhlIGltYWdlIGlzIGN1cnJlbnRseSBsb2FkaW5nLCBzaG93IHRoZSBsb2FkZXJcbiAgICAgICAgICAgIC8vIGFuZCBhZGQgaXQgdG8gdGhlIHJlZmxpc3RcbiAgICAgICAgICAgIGlmIChpbWFnZVsnX2xvYWRpbmcnXSA9PSB0cnVlKSB7XG4gICAgICAgICAgICAgICAgaW1hZ2VbJ19yZWZzJ10ucHVzaCh0aGlzLmVsKTtcblxuICAgICAgICAgICAgICAgIHRoaXMuZWwuc2V0QXR0cmlidXRlKFwibG9hZGluZ1wiLCBcInRydWVcIik7XG4gICAgICAgICAgICAgICAgdGhpcy5lbC5zcmMgPSB0aGlzLmNhY2hlQ29uZmlnPy5sb2FkaW5nUGxhY2Vob2xkZXIgfHwgbG9hZGluZ1N2ZztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vIFRoZSBpbWFnZSBpcyBmdWxseSBsb2FkZWQsIHN3YXAgb3V0IHRoZSBzcmMgd2l0aCBhIGRhdGEtdXJpXG4gICAgICAgICAgICAgICAgdGhpcy5lbC5zZXRBdHRyaWJ1dGUoXCJsb2FkaW5nXCIsIFwiZmFsc2VcIik7XG4gICAgICAgICAgICAgICAgdGhpcy5lbC5zcmMgPSBpbWFnZS5zcmM7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC8vIElmIGl0J3MgYWxyZWFkeSBpbiB0aGUgaW1hZ2UgY2FjaGUsIHdlJ3JlIGdvaW5nIHRvIHRydXN0IHRoYXQgaXQgbG9hZHMgcHJvcGVybHkuXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBDaGVjayBpZiBpdCdzIGluIGluZGV4ZWREQlxuICAgICAgICBpZiAodGhpcy5jb25maWd1cmF0aW9uPy5jYWNoZUluSW5kZXhlZERCICE9IGZhbHNlKSB7XG4gICAgICAgICAgICBjb25zdCBjYWNoZWQgPSBhd2FpdCBzdG9yYWdlLmdldEl0ZW08YW55Pih0aGlzLnVybCk7XG4gICAgICAgICAgICBpZiAoY2FjaGVkKSB7XG4gICAgICAgICAgICAgICAgLy8gQXR0ZW1wdCB0byBsb2FkIHRoZSBiYXNlNjQgZGF0YSBmcm9tIGluZGV4ZWRkYi5cbiAgICAgICAgICAgICAgICAvLyBJZiB0aGlzIGZhaWxzLCB3ZSdsbCBmYWxsIGJhY2sgdG8gYXR0ZW1wdGluZyB0byBkb3dubG9hZCB0aGUgaW1hZ2VcbiAgICAgICAgICAgICAgICB0aGlzLmVsLnNyYyA9IGNhY2hlZC5kYXRhO1xuXG4gICAgICAgICAgICAgICAgY29uc3QgZXZ0OiBFdmVudCA9IGF3YWl0IG5ldyBQcm9taXNlKHJlcyA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWwuYWRkRXZlbnRMaXN0ZW5lcignbG9hZCcsIHJlcyk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWwuYWRkRXZlbnRMaXN0ZW5lcignZXJyb3InLCByZXMpO1xuICAgICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgICAgLy8gSWYgdGhlIGV2ZW50IGlzbid0IGFuIGVycm9yXG4gICAgICAgICAgICAgICAgaWYgKGV2dC50eXBlID09IFwibG9hZFwiKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWwuc2V0QXR0cmlidXRlKFwibG9hZGluZ1wiLCBcImZhbHNlXCIpO1xuXG4gICAgICAgICAgICAgICAgICAgIGlmICh0aGlzLmNvbmZpZ3VyYXRpb24/LmNhY2hlSW5NZW1vcnkgIT0gZmFsc2UpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIFN1Y2Nlc3NmdWxseSBsb2FkZWQgaW50byBlbGVtZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBDcmVhdGUgYW4gZW50cnkgaW4gdGhlIG1lbW9yeSBjYWNoZVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaW1hZ2UgPSBpbWFnZUNhY2hlW3RoaXMudXJsXSA9IG5ldyBJbWFnZSgpO1xuICAgICAgICAgICAgICAgICAgICAgICAgaW1hZ2Uuc3JjID0gY2FjaGVkLmRhdGE7XG4gICAgICAgICAgICAgICAgICAgICAgICBpbWFnZVsnX2NyZWF0ZWRBdCddID0gRGF0ZS5ub3coKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAvLyBFbHNlLCB3ZSB0cnkgdG8gbG9hZCBhZ2Fpbi5cbiAgICAgICAgICAgICAgICAgICAgdGhpcy5lbC5zcmMgPSB0aGlzLmNhY2hlQ29uZmlnPy5sb2FkaW5nUGxhY2Vob2xkZXIgfHwgbG9hZGluZ1N2ZztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBpbWFnZSA9ICgoKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy5jb25maWd1cmF0aW9uPy5jYWNoZUluTWVtb3J5ICE9IGZhbHNlKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGltYWdlQ2FjaGVbdGhpcy51cmxdID0gbmV3IEltYWdlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gbmV3IEltYWdlKCk7XG4gICAgICAgIH0pKCk7XG5cbiAgICAgICAgLy8gY29uc3QgY2xvbmUgPSBpbWFnZS5jbG9uZU5vZGUodHJ1ZSkgYXMgSFRNTEltYWdlRWxlbWVudDtcbiAgICAgICAgaW1hZ2VbJ19yZWZzJ10gPSBpbWFnZVsnX3JlZnMnXSA/PyBbXTtcbiAgICAgICAgaW1hZ2VbJ19yZWZzJ10ucHVzaCh0aGlzLmVsKTtcbiAgICAgICAgaW1hZ2VbJ19sb2FkaW5nJ10gPSB0cnVlO1xuICAgICAgICBpbWFnZVsnX2NyZWF0ZWRBdCddID0gRGF0ZS5ub3coKTtcblxuICAgICAgICAvLyBTaG93IGEgbG9hZGVyIHdoaWxlIHRoZSBpbWFnZSBkb3dubG9hZHMuXG4gICAgICAgIHRoaXMuZWwuc2V0QXR0cmlidXRlKFwibG9hZGluZ1wiLCBcInRydWVcIik7XG4gICAgICAgIHRoaXMuZWwuc3JjID0gdGhpcy5jYWNoZUNvbmZpZz8ubG9hZGluZ1BsYWNlaG9sZGVyIHx8IGxvYWRpbmdTdmc7XG5cbiAgICAgICAgLy8gRmV0Y2ggdGhlIGltYWdlIHZpYSBKUyBhbmQgY2FjaGUgaXQgYXMgYmFzZTY0XG4gICAgICAgIHdpbmRvdy5mZXRjaCh0aGlzLnVybClcbiAgICAgICAgICAgIC50aGVuKHJlc3BvbnNlID0+IHJlc3BvbnNlLmJsb2IoKSlcbiAgICAgICAgICAgIC50aGVuKGJsb2IgPT4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgICAgICAgICAgICAgcmVhZGVyLm9ubG9hZGVuZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgaW1hZ2Uuc3JjID0gcmVhZGVyLnJlc3VsdCBhcyBzdHJpbmc7XG5cbiAgICAgICAgICAgICAgICAgICAgc3RvcmFnZS5zZXRJdGVtKHRoaXMudXJsLCB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aW1lc3RhbXA6IERhdGUubm93KCksXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhOiByZWFkZXIucmVzdWx0XG4gICAgICAgICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgICAgICAgIGltYWdlWydfcmVmcyddLmZvckVhY2goKHJlZjogSFRNTEltYWdlRWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgcmVmLnNyYyA9IGltYWdlLnNyYztcbiAgICAgICAgICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICAgICAgICAgaW1hZ2VbJ19sb2FkaW5nJ10gPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgcmVzb2x2ZSgwKTtcbiAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgIHJlYWRlci5vbmVycm9yID0gcmVqZWN0O1xuICAgICAgICAgICAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGJsb2IpO1xuICAgICAgICAgICAgfSkpXG4gICAgICAgICAgICAuY2F0Y2goZXJyID0+IHtcbiAgICAgICAgICAgICAgICAvLyBJZiBhIGZhaWx1cmUgb2NjdXJzLCBwdXJnZSB0aGlzIGVudHJ5IGZyb20gdGhlIGNhY2hlXG4gICAgICAgICAgICAgICAgLy8gVE9ETzogUmVuZGVyIGJldHRlciBcImJyb2tlblwiIGltYWdlXG4gICAgICAgICAgICAgICAgZGVsZXRlIGltYWdlQ2FjaGVbdGhpcy51cmxdO1xuICAgICAgICAgICAgICAgIGltYWdlWydfcmVmcyddLmZvckVhY2goKHJlZjogSFRNTEltYWdlRWxlbWVudCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZWYuc3JjID0gdGhpcy5jYWNoZUNvbmZpZz8uYnJva2VuUGxhY2Vob2xkZXIgfHwgYnJva2VuU3ZnO1xuICAgICAgICAgICAgICAgICAgICByZWYuc2V0QXR0cmlidXRlKFwibG9hZGluZ1wiLCBcImZhaWxlZFwiKTtcbiAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==