@bravobit/bb-foundation 0.22.1 → 0.22.4

package/fesm2020/bravobit-bb-foundation-utils.mjs

@@ -0,0 +1,244 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, Directive, Input, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/platform';
+
+class BbTemplate {
+    constructor(_templateRef, _viewContainerRef) {
+        this._templateRef = _templateRef;
+        this._viewContainerRef = _viewContainerRef;
+    }
+    set bbTemplate(content) {
+        // Get the template.
+        const template = content instanceof TemplateRef
+            ? content
+            : this._templateRef;
+        // Clear the view container ref and create the view.
+        this._viewContainerRef.clear();
+        this._viewContainerRef.createEmbeddedView(template);
+    }
+}
+BbTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbTemplate, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: BbTemplate, selector: "[bbTemplate]", inputs: { bbTemplate: "bbTemplate" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { bbTemplate: [{
+                type: Input
+            }] } });
+
+class BbAutosize {
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        // Min/max heights for the textarea.
+        this.minHeight = null;
+        this.maxHeight = null;
+        this.rows = 1;
+    }
+    get element() {
+        return this._elementRef?.nativeElement;
+    }
+    ngAfterViewInit() {
+        // Update the styles after the DOM has loaded.
+        this.updateStyles();
+    }
+    onWindowResize() {
+        // Update the styles when the window is resized.
+        this.updateStyles();
+    }
+    onInputReceived() {
+        // Update the styles after the textarea received input.
+        this.updateStyles();
+    }
+    updateStyles() {
+        // Validate the element exists.
+        if (!this.element) {
+            return;
+        }
+        // Calculate border height which is not included in the scroll height.
+        const borderHeight = this.element?.offsetHeight - this.element?.clientHeight;
+        // Reset textarea height to auto that correctly calculate the new height.
+        this.setHeight('auto');
+        // Set new height.
+        this.setHeight(`${this.element?.scrollHeight + borderHeight}px`);
+    }
+    setHeight(value) {
+        this._renderer.setStyle(this.element, 'height', value);
+    }
+}
+BbAutosize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbAutosize, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbAutosize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: BbAutosize, selector: "textarea[bbAutosize]", inputs: { minHeight: "minHeight", maxHeight: "maxHeight", rows: "rows" }, host: { listeners: { "window:resize": "onWindowResize()", "input": "onInputReceived()" }, properties: { "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "rows": "this.rows" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbAutosize, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[bbAutosize]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { minHeight: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.min-height']
+            }], maxHeight: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.max-height']
+            }], rows: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['rows']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onInputReceived: [{
+                type: HostListener,
+                args: ['input']
+            }] } });
+
+class BbFocus {
+    constructor(_zone, _elementRef) {
+        this._zone = _zone;
+        this._elementRef = _elementRef;
+    }
+    get nativeElement() {
+        return this._elementRef.nativeElement;
+    }
+    ngAfterViewInit() {
+        // Run the method outside the Angular zone.
+        this._zone.runOutsideAngular(() => this.focus());
+    }
+    focus() {
+        // Check if set timeout exists and the user is
+        // using the site on desktop devices.
+        if (!setTimeout) {
+            return;
+        }
+        // Check if the element and the focus method exist, if so focus the element.
+        if (!this.nativeElement || !this.nativeElement.focus) {
+            return;
+        }
+        // Execute the focus method in a timeout.
+        setTimeout(() => this.nativeElement.focus(), 0);
+    }
+}
+BbFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbFocus, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: BbFocus, selector: "[bbFocus]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbFocus, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbFocus]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }]; } });
+
+class BbFocusTrap {
+    constructor(_platform, _elementRef) {
+        this._platform = _platform;
+        this._elementRef = _elementRef;
+        this._focusableElements = [
+            'a[href]',
+            'area[href]',
+            'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',
+            'select:not([disabled]):not([aria-hidden])',
+            'textarea:not([disabled]):not([aria-hidden])',
+            'button:not([disabled]):not([aria-hidden])',
+            'iframe',
+            'object',
+            'embed',
+            '[contenteditable]',
+            '[tabindex]:not([tabindex^="-"])'
+        ];
+        this.focus = (element) => {
+            return element && element.focus && element.focus();
+        };
+        this.isTabEvent = (event) => {
+            return event?.key === 'Tab' || event?.keyCode === 9;
+        };
+    }
+    onKeydown(event) {
+        // Validate it is a tab event.
+        if (!this.isTabEvent(event)) {
+            return;
+        }
+        // Trap the focus inside the element.
+        return this.trapFocus(event);
+    }
+    trapFocus(event) {
+        // Validate that the DOM is available.
+        if (!this._platform.isBrowser) {
+            return;
+        }
+        // Get all focusable nodes.
+        const focusableNodes = this.getFocusableNodes();
+        // Focus the first available element if the focus
+        // is not in the modal.
+        if (!this.element.contains(document.activeElement)) {
+            return this.focus(focusableNodes[0]);
+        }
+        const focusedItemIndex = focusableNodes.indexOf(document.activeElement);
+        if (event.shiftKey && focusedItemIndex === 0) {
+            this.focus(focusableNodes[focusableNodes.length - 1]);
+            return event.preventDefault();
+        }
+        if (!event.shiftKey && focusedItemIndex === focusableNodes.length - 1) {
+            this.focus(focusableNodes[0]);
+            return event.preventDefault();
+        }
+    }
+    get element() {
+        return this._elementRef.nativeElement;
+    }
+    getFocusableNodes() {
+        const nodes = this.element.querySelectorAll(this._focusableElements);
+        return Array(...nodes);
+    }
+}
+BbFocusTrap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbFocusTrap, deps: [{ token: i1.Platform }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbFocusTrap.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: BbFocusTrap, selector: "[bbFocusTrap]", host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BbFocusTrap, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbFocusTrap]'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.Platform }, { type: i0.ElementRef }]; }, propDecorators: { onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class UtilsModule {
+}
+UtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: UtilsModule, declarations: [BbTemplate,
+        BbAutosize,
+        BbFocus,
+        BbFocusTrap], exports: [BbTemplate,
+        BbAutosize,
+        BbFocus,
+        BbFocusTrap] });
+UtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: UtilsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: UtilsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BbTemplate,
+                        BbAutosize,
+                        BbFocus,
+                        BbFocusTrap
+                    ],
+                    exports: [
+                        BbTemplate,
+                        BbAutosize,
+                        BbFocus,
+                        BbFocusTrap
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BbAutosize, BbFocus, BbFocusTrap, BbTemplate, UtilsModule };
+//# sourceMappingURL=bravobit-bb-foundation-utils.mjs.map

package/fesm2020/bravobit-bb-foundation-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bravobit-bb-foundation-utils.mjs","sources":["../../../projects/bb-foundation/utils/src/lib/directives/template.directive.ts","../../../projects/bb-foundation/utils/src/lib/directives/autosize.directive.ts","../../../projects/bb-foundation/utils/src/lib/directives/focus.directive.ts","../../../projects/bb-foundation/utils/src/lib/directives/focus-trap.directive.ts","../../../projects/bb-foundation/utils/src/lib/utils.module.ts","../../../projects/bb-foundation/utils/src/bravobit-bb-foundation-utils.ts"],"sourcesContent":["import {Directive, Input, TemplateRef, ViewContainerRef} from '@angular/core';\n\n@Directive({\n    selector: '[bbTemplate]'\n})\nexport class BbTemplate {\n\n    @Input() set bbTemplate(content: string | TemplateRef<any>) {\n        // Get the template.\n        const template = content instanceof TemplateRef\n            ? content\n            : this._templateRef;\n\n        // Clear the view container ref and create the view.\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(template);\n    }\n\n    constructor(private _templateRef: TemplateRef<any>,\n                private _viewContainerRef: ViewContainerRef) {\n    }\n\n\n    // Required so that the template type checker can infer the type of the coerced inputs.\n    static ngAcceptInputType_bbTemplate: string | TemplateRef<any>;\n\n}\n","import {AfterViewInit, Directive, ElementRef, HostBinding, HostListener, Input, Renderer2} from '@angular/core';\n\n@Directive({\n    selector: 'textarea[bbAutosize]'\n})\nexport class BbAutosize implements AfterViewInit {\n\n    // Min/max heights for the textarea.\n    @Input() @HostBinding('style.min-height') minHeight: string | null = null;\n    @Input() @HostBinding('style.max-height') maxHeight: string | null = null;\n    @Input() @HostBinding('rows') rows: number = 1;\n\n    constructor(private _renderer: Renderer2,\n                private _elementRef: ElementRef) {\n    }\n\n    get element() {\n        return this._elementRef?.nativeElement as HTMLTextAreaElement;\n    }\n\n    ngAfterViewInit() {\n        // Update the styles after the DOM has loaded.\n        this.updateStyles();\n    }\n\n    @HostListener('window:resize')\n    onWindowResize() {\n        // Update the styles when the window is resized.\n        this.updateStyles();\n    }\n\n    @HostListener('input')\n    onInputReceived() {\n        // Update the styles after the textarea received input.\n        this.updateStyles();\n    }\n\n    private updateStyles() {\n        // Validate the element exists.\n        if (!this.element) {\n            return;\n        }\n\n        // Calculate border height which is not included in the scroll height.\n        const borderHeight = this.element?.offsetHeight - this.element?.clientHeight;\n\n        // Reset textarea height to auto that correctly calculate the new height.\n        this.setHeight('auto');\n\n        // Set new height.\n        this.setHeight(`${this.element?.scrollHeight + borderHeight}px`);\n    }\n\n    private setHeight(value: string) {\n        this._renderer.setStyle(this.element, 'height', value);\n    }\n\n}\n","import {AfterViewInit, Directive, ElementRef, NgZone} from '@angular/core';\n\n@Directive({\n    selector: '[bbFocus]'\n})\nexport class BbFocus implements AfterViewInit {\n\n    constructor(private _zone: NgZone,\n                private _elementRef: ElementRef) {\n    }\n\n    private get nativeElement() {\n        return this._elementRef.nativeElement;\n    }\n\n    ngAfterViewInit() {\n        // Run the method outside the Angular zone.\n        this._zone.runOutsideAngular(() => this.focus());\n    }\n\n    private focus() {\n        // Check if set timeout exists and the user is\n        // using the site on desktop devices.\n        if (!setTimeout) {\n            return;\n        }\n\n        // Check if the element and the focus method exist, if so focus the element.\n        if (!this.nativeElement || !this.nativeElement.focus) {\n            return;\n        }\n\n        // Execute the focus method in a timeout.\n        setTimeout(() => this.nativeElement.focus(), 0);\n    }\n\n}\n","import {Directive, ElementRef, HostListener} from '@angular/core';\nimport {Platform} from '@angular/cdk/platform';\n\n@Directive({\n    selector: '[bbFocusTrap]'\n})\nexport class BbFocusTrap {\n\n    private readonly _focusableElements = [\n        'a[href]',\n        'area[href]',\n        'input:not([disabled]):not([type=\"hidden\"]):not([aria-hidden])',\n        'select:not([disabled]):not([aria-hidden])',\n        'textarea:not([disabled]):not([aria-hidden])',\n        'button:not([disabled]):not([aria-hidden])',\n        'iframe',\n        'object',\n        'embed',\n        '[contenteditable]',\n        '[tabindex]:not([tabindex^=\"-\"])'\n    ];\n\n    constructor(private _platform: Platform,\n                private _elementRef: ElementRef) {\n    }\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent) {\n        // Validate it is a tab event.\n        if (!this.isTabEvent(event)) {\n            return;\n        }\n\n        // Trap the focus inside the element.\n        return this.trapFocus(event);\n    }\n\n    trapFocus(event: KeyboardEvent) {\n        // Validate that the DOM is available.\n        if (!this._platform.isBrowser) {\n            return;\n        }\n\n        // Get all focusable nodes.\n        const focusableNodes = this.getFocusableNodes();\n\n        // Focus the first available element if the focus\n        // is not in the modal.\n        if (!this.element.contains(document.activeElement)) {\n            return this.focus(focusableNodes[0]);\n        }\n\n        const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n\n        if (event.shiftKey && focusedItemIndex === 0) {\n            this.focus(focusableNodes[focusableNodes.length - 1]);\n            return event.preventDefault();\n        }\n\n        if (!event.shiftKey && focusedItemIndex === focusableNodes.length - 1) {\n            this.focus(focusableNodes[0]);\n            return event.preventDefault();\n        }\n    }\n\n    private get element() {\n        return this._elementRef.nativeElement;\n    }\n\n    private getFocusableNodes() {\n        const nodes = this.element.querySelectorAll(this._focusableElements);\n        return Array(...nodes);\n    }\n\n    private focus = (element: HTMLElement) => {\n        return element && element.focus && element.focus();\n    };\n\n    private isTabEvent = (event: KeyboardEvent) => {\n        return event?.key === 'Tab' || event?.keyCode === 9;\n    };\n\n}\n","import {BbFocusTrap} from './directives/focus-trap.directive';\nimport {BbTemplate} from './directives/template.directive';\nimport {BbAutosize} from './directives/autosize.directive';\nimport {BbFocus} from './directives/focus.directive';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    declarations: [\n        BbTemplate,\n        BbAutosize,\n        BbFocus,\n        BbFocusTrap\n    ],\n    exports: [\n        BbTemplate,\n        BbAutosize,\n        BbFocus,\n        BbFocusTrap\n    ]\n})\nexport class UtilsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/bravobit-bb-foundation.mjs

@@ -82,9 +82,9 @@ class FileLoader {
         return this.blobToFile(blobFile, name);
     }
 }
-FileLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: FileLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FileLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: FileLoader, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: FileLoader, decorators: [{
+FileLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FileLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FileLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FileLoader, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: FileLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -241,9 +241,9 @@ class Exif {
         });
     }
 }
-Exif.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Exif, deps: [{ token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable });
-Exif.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Exif, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Exif, decorators: [{
+Exif.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Exif, deps: [{ token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable });
+Exif.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Exif, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Exif, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -359,9 +359,9 @@ class ImageConverter {
         return this.stringToImage(contents);
     }
 }
-ImageConverter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ImageConverter, deps: [{ token: Exif }, { token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable });
-ImageConverter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ImageConverter, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ImageConverter, decorators: [{
+ImageConverter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ImageConverter, deps: [{ token: Exif }, { token: i1.Platform }, { token: FileLoader }], target: i0.ɵɵFactoryTarget.Injectable });
+ImageConverter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ImageConverter, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ImageConverter, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -427,9 +427,9 @@ class Languages {
             .sort((a, b) => b.quality - a.quality);
     }
 }
-Languages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Languages, deps: [{ token: ACCEPT_LANGUAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Languages.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Languages, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Languages, decorators: [{
+Languages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Languages, deps: [{ token: ACCEPT_LANGUAGE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Languages.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Languages, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Languages, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -484,9 +484,9 @@ class Network {
         this._online$ = merge(now$, online$, offline$).pipe(map(value => value), distinctUntilChanged(), shareReplay(1));
     }
 }
-Network.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Network, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: NAVIGATOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Network.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Network, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Network, decorators: [{
+Network.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Network, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: NAVIGATOR, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Network.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Network, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Network, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -540,9 +540,9 @@ class Patch {
         this._subscription.add(subscription);
     }
 }
-Patch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Patch, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Patch.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Patch, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Patch, decorators: [{
+Patch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Patch, deps: [{ token: i1.Platform }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Patch.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Patch, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Patch, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -573,9 +573,9 @@ class Clipboard {
         return new ClipboardCopy(text, this._document);
     }
 }
-Clipboard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Clipboard, deps: [{ token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Clipboard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Clipboard, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: Clipboard, decorators: [{
+Clipboard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Clipboard, deps: [{ token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Clipboard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Clipboard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Clipboard, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/localize/lib/localize.module.d.ts

@@ -5,12 +5,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./localize.pipe";
 import * as i2 from "./views/localize-string/localize-string.component";
 import * as i3 from "./views/localize-template.directive";
-import * as i4 from "./views/localize-template-or-string.directive";
-import * as i5 from "@angular/common";
+import * as i4 from "@angular/common";
+import * as i5 from "@bravobit/bb-foundation/utils";
 export declare class LocalizeModule {
     static forRoot(config: LocalizeConfig): ModuleWithProviders<LocalizeModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LocalizeModule, [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate, typeof i4.BbLocalizeTemplateOrString], [typeof i5.CommonModule], [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LocalizeModule, [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate], [typeof i4.CommonModule, typeof i5.UtilsModule], [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LocalizeModule>;
 }
 export declare function initializeLocale(localize: Localize): () => Promise<void>;

package/notifications/lib/notifications.service.d.ts

@@ -1,15 +1,14 @@
-import { ApplicationRef, ComponentFactoryResolver, Injector, TemplateRef } from '@angular/core';
 import { Notification, NotificationAction, NotificationsConfig } from './notifications.interfaces';
+import { ApplicationRef, EnvironmentInjector, TemplateRef } from '@angular/core';
 import { Localize } from '@bravobit/bb-foundation/localize';
 import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class Notifications {
-    private _injector;
     private _platform;
     private _applicationRef;
-    private _localize;
-    private _config;
-    private _componentFactoryResolver;
+    private _environmentInjector;
+    private _localize?;
+    private _config?;
     private _ref;
     private readonly _defaultMode;
     private readonly _defaultTimeout;
@@ -18,7 +17,7 @@ export declare class Notifications {
     private readonly _defaultDismissText;
     private readonly _defaultPosition;
     private _notifications$;
-    constructor(_injector: Injector, _platform: Platform, _applicationRef: ApplicationRef, _localize: Localize, _config: NotificationsConfig, _componentFactoryResolver: ComponentFactoryResolver);
+    constructor(_platform: Platform, _applicationRef: ApplicationRef, _environmentInjector: EnvironmentInjector, _localize?: Localize, _config?: NotificationsConfig);
     success(content: string | TemplateRef<any>, actions?: NotificationAction[], timeout?: number): Notification;
     error(content: string | TemplateRef<any>, actions?: NotificationAction[], timeout?: number): Notification;
     warn(content: string | TemplateRef<any>, actions?: NotificationAction[], timeout?: number): Notification;
@@ -29,6 +28,6 @@ export declare class Notifications {
     private compose;
     private createElement;
     private getProperty;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Notifications, [null, null, null, { optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Notifications, [null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Notifications>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravobit/bb-foundation",
-  "version": "0.22.1",
+  "version": "0.22.4",
   "description": "The Angular core foundation of the Bravobit team.",
   "author": {
     "name": "Stan van Heumen",
@@ -8,9 +8,9 @@
     "url": "https://bravobit.nl"
   },
   "peerDependencies": {
-    "@angular/common": "^14.1.0",
-    "@angular/core": "^14.1.0",
-    "@angular/cdk": "^14.1.0"
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0",
+    "@angular/cdk": "^14.2.0"
   },
   "dependencies": {
     "tslib": "^2.4.0",
@@ -154,6 +154,14 @@
       "es2015": "./fesm2015/bravobit-bb-foundation-theming.mjs",
       "node": "./fesm2015/bravobit-bb-foundation-theming.mjs",
       "default": "./fesm2020/bravobit-bb-foundation-theming.mjs"
+    },
+    "./utils": {
+      "types": "./utils/index.d.ts",
+      "esm2020": "./esm2020/utils/bravobit-bb-foundation-utils.mjs",
+      "es2020": "./fesm2020/bravobit-bb-foundation-utils.mjs",
+      "es2015": "./fesm2015/bravobit-bb-foundation-utils.mjs",
+      "node": "./fesm2015/bravobit-bb-foundation-utils.mjs",
+      "default": "./fesm2020/bravobit-bb-foundation-utils.mjs"
     }
   },
   "sideEffects": false

package/utils/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@bravobit/bb-foundation/utils" />
+export * from './public_api';

package/{elements → utils}/lib/directives/template.directive.d.ts

@@ -5,6 +5,7 @@ export declare class BbTemplate {
     private _viewContainerRef;
     set bbTemplate(content: string | TemplateRef<any>);
     constructor(_templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef);
+    static ngAcceptInputType_bbTemplate: string | TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbTemplate, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbTemplate, "[bbTemplate]", never, { "bbTemplate": "bbTemplate"; }, {}, never, never, false>;
 }

package/utils/lib/utils.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/template.directive";
+import * as i2 from "./directives/autosize.directive";
+import * as i3 from "./directives/focus.directive";
+import * as i4 from "./directives/focus-trap.directive";
+export declare class UtilsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UtilsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UtilsModule, [typeof i1.BbTemplate, typeof i2.BbAutosize, typeof i3.BbFocus, typeof i4.BbFocusTrap], never, [typeof i1.BbTemplate, typeof i2.BbAutosize, typeof i3.BbFocus, typeof i4.BbFocusTrap]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UtilsModule>;
+}

package/utils/public_api.d.ts

@@ -0,0 +1,5 @@
+export * from './lib/directives/template.directive';
+export * from './lib/directives/autosize.directive';
+export * from './lib/directives/focus.directive';
+export * from './lib/directives/focus-trap.directive';
+export * from './lib/utils.module';

package/dialog/lib/dialog.injector.d.ts

@@ -1,8 +0,0 @@
-import { InjectionToken, Injector, Type } from '@angular/core';
-export declare class BbDialogInjector implements Injector {
-    private _parentInjector;
-    private _additionalTokens;
-    constructor(_parentInjector: Injector, _additionalTokens: WeakMap<any, any>);
-    get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T): T;
-    get(token: any, notFoundValue?: any): any;
-}

package/esm2020/dialog/lib/dialog.injector.mjs

@@ -1,18 +0,0 @@
-export class BbDialogInjector {
-    constructor(_parentInjector, _additionalTokens) {
-        this._parentInjector = _parentInjector;
-        this._additionalTokens = _additionalTokens;
-    }
-    get(token, notFoundValue) {
-        // First check if the additional token
-        // contains the token.
-        const value = this._additionalTokens.get(token);
-        // If that value exists return it.
-        if (value) {
-            return value;
-        }
-        // Else query the parent injector.
-        return this._parentInjector.get(token, notFoundValue);
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmluamVjdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9kaWFsb2cvc3JjL2xpYi9kaWFsb2cuaW5qZWN0b3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxPQUFPLGdCQUFnQjtJQUV6QixZQUFvQixlQUF5QixFQUN6QixpQkFBb0M7UUFEcEMsb0JBQWUsR0FBZixlQUFlLENBQVU7UUFDekIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtJQUN4RCxDQUFDO0lBSUQsR0FBRyxDQUFDLEtBQVUsRUFBRSxhQUFtQjtRQUMvQixzQ0FBc0M7UUFDdEMsc0JBQXNCO1FBQ3RCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFaEQsa0NBQWtDO1FBQ2xDLElBQUksS0FBSyxFQUFFO1lBQ1AsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxrQ0FBa0M7UUFDbEMsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBTSxLQUFLLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDL0QsQ0FBQztDQUVKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3Rpb25Ub2tlbiwgSW5qZWN0b3IsIFR5cGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY2xhc3MgQmJEaWFsb2dJbmplY3RvciBpbXBsZW1lbnRzIEluamVjdG9yIHtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX3BhcmVudEluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9hZGRpdGlvbmFsVG9rZW5zOiBXZWFrTWFwPGFueSwgYW55Pikge1xuICAgIH1cblxuICAgIGdldDxUPih0b2tlbjogVHlwZTxUPiB8IEluamVjdGlvblRva2VuPFQ+LCBub3RGb3VuZFZhbHVlPzogVCk6IFQ7XG4gICAgZ2V0KHRva2VuOiBhbnksIG5vdEZvdW5kVmFsdWU/OiBhbnkpO1xuICAgIGdldCh0b2tlbjogYW55LCBub3RGb3VuZFZhbHVlPzogYW55KSB7XG4gICAgICAgIC8vIEZpcnN0IGNoZWNrIGlmIHRoZSBhZGRpdGlvbmFsIHRva2VuXG4gICAgICAgIC8vIGNvbnRhaW5zIHRoZSB0b2tlbi5cbiAgICAgICAgY29uc3QgdmFsdWUgPSB0aGlzLl9hZGRpdGlvbmFsVG9rZW5zLmdldCh0b2tlbik7XG5cbiAgICAgICAgLy8gSWYgdGhhdCB2YWx1ZSBleGlzdHMgcmV0dXJuIGl0LlxuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHJldHVybiB2YWx1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEVsc2UgcXVlcnkgdGhlIHBhcmVudCBpbmplY3Rvci5cbiAgICAgICAgcmV0dXJuIHRoaXMuX3BhcmVudEluamVjdG9yLmdldDxhbnk+KHRva2VuLCBub3RGb3VuZFZhbHVlKTtcbiAgICB9XG5cbn1cbiJdfQ==

package/esm2020/elements/lib/directives/autosize.directive.mjs

@@ -1,72 +0,0 @@
-import { Directive, HostBinding, HostListener, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class BbAutosize {
-    constructor(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        // Min/max heights for the textarea.
-        this.minHeight = null;
-        this.maxHeight = null;
-        this.rows = 1;
-    }
-    get element() {
-        return this._elementRef?.nativeElement;
-    }
-    ngAfterViewInit() {
-        // Update the styles after the DOM has loaded.
-        this.updateStyles();
-    }
-    onWindowResize() {
-        // Update the styles when the window is resized.
-        this.updateStyles();
-    }
-    onInputReceived() {
-        // Update the styles after the textarea received input.
-        this.updateStyles();
-    }
-    updateStyles() {
-        // Validate the element exists.
-        if (!this.element) {
-            return;
-        }
-        // Calculate border height which is not included in the scroll height.
-        const borderHeight = this.element?.offsetHeight - this.element?.clientHeight;
-        // Reset textarea height to auto that correctly calculate the new height.
-        this.setHeight('auto');
-        // Set new height.
-        this.setHeight(`${this.element?.scrollHeight + borderHeight}px`);
-    }
-    setHeight(value) {
-        this._renderer.setStyle(this.element, 'height', value);
-    }
-}
-BbAutosize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbAutosize, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbAutosize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: BbAutosize, selector: "textarea[bbAutosize]", inputs: { minHeight: "minHeight", maxHeight: "maxHeight", rows: "rows" }, host: { listeners: { "window:resize": "onWindowResize()", "input": "onInputReceived()" }, properties: { "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "rows": "this.rows" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbAutosize, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'textarea[bbAutosize]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { minHeight: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.min-height']
-            }], maxHeight: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.max-height']
-            }], rows: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['rows']
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }], onInputReceived: [{
-                type: HostListener,
-                args: ['input']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b3NpemUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi9lbGVtZW50cy9zcmMvbGliL2RpcmVjdGl2ZXMvYXV0b3NpemUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFZLE1BQU0sZUFBZSxDQUFDOztBQUtoSCxNQUFNLE9BQU8sVUFBVTtJQU9uQixZQUFvQixTQUFvQixFQUNwQixXQUF1QjtRQUR2QixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3BCLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBTjNDLG9DQUFvQztRQUNNLGNBQVMsR0FBa0IsSUFBSSxDQUFDO1FBQ2hDLGNBQVMsR0FBa0IsSUFBSSxDQUFDO1FBQzVDLFNBQUksR0FBVyxDQUFDLENBQUM7SUFJL0MsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFdBQVcsRUFBRSxhQUFvQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxlQUFlO1FBQ1gsOENBQThDO1FBQzlDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBR0QsY0FBYztRQUNWLGdEQUFnRDtRQUNoRCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUdELGVBQWU7UUFDWCx1REFBdUQ7UUFDdkQsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTyxZQUFZO1FBQ2hCLCtCQUErQjtRQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNmLE9BQU87U0FDVjtRQUVELHNFQUFzRTtRQUN0RSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLFlBQVksQ0FBQztRQUU3RSx5RUFBeUU7UUFDekUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV2QixrQkFBa0I7UUFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsWUFBWSxHQUFHLFlBQVksSUFBSSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVPLFNBQVMsQ0FBQyxLQUFhO1FBQzNCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQzNELENBQUM7O3VHQWxEUSxVQUFVOzJGQUFWLFVBQVU7MkZBQVYsVUFBVTtrQkFIdEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsc0JBQXNCO2lCQUNuQzt5SEFJNkMsU0FBUztzQkFBbEQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxrQkFBa0I7Z0JBQ0UsU0FBUztzQkFBbEQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxrQkFBa0I7Z0JBQ1YsSUFBSTtzQkFBakMsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxNQUFNO2dCQWdCNUIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWU7Z0JBTzdCLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ3RleHRhcmVhW2JiQXV0b3NpemVdJ1xufSlcbmV4cG9ydCBjbGFzcyBCYkF1dG9zaXplIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgICAvLyBNaW4vbWF4IGhlaWdodHMgZm9yIHRoZSB0ZXh0YXJlYS5cbiAgICBASW5wdXQoKSBASG9zdEJpbmRpbmcoJ3N0eWxlLm1pbi1oZWlnaHQnKSBtaW5IZWlnaHQ6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIEBIb3N0QmluZGluZygnc3R5bGUubWF4LWhlaWdodCcpIG1heEhlaWdodDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdyb3dzJykgcm93czogbnVtYmVyID0gMTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgIH1cblxuICAgIGdldCBlbGVtZW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudCBhcyBIVE1MVGV4dEFyZWFFbGVtZW50O1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgLy8gVXBkYXRlIHRoZSBzdHlsZXMgYWZ0ZXIgdGhlIERPTSBoYXMgbG9hZGVkLlxuICAgICAgICB0aGlzLnVwZGF0ZVN0eWxlcygpO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxuICAgIG9uV2luZG93UmVzaXplKCkge1xuICAgICAgICAvLyBVcGRhdGUgdGhlIHN0eWxlcyB3aGVuIHRoZSB3aW5kb3cgaXMgcmVzaXplZC5cbiAgICAgICAgdGhpcy51cGRhdGVTdHlsZXMoKTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdpbnB1dCcpXG4gICAgb25JbnB1dFJlY2VpdmVkKCkge1xuICAgICAgICAvLyBVcGRhdGUgdGhlIHN0eWxlcyBhZnRlciB0aGUgdGV4dGFyZWEgcmVjZWl2ZWQgaW5wdXQuXG4gICAgICAgIHRoaXMudXBkYXRlU3R5bGVzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVTdHlsZXMoKSB7XG4gICAgICAgIC8vIFZhbGlkYXRlIHRoZSBlbGVtZW50IGV4aXN0cy5cbiAgICAgICAgaWYgKCF0aGlzLmVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENhbGN1bGF0ZSBib3JkZXIgaGVpZ2h0IHdoaWNoIGlzIG5vdCBpbmNsdWRlZCBpbiB0aGUgc2Nyb2xsIGhlaWdodC5cbiAgICAgICAgY29uc3QgYm9yZGVySGVpZ2h0ID0gdGhpcy5lbGVtZW50Py5vZmZzZXRIZWlnaHQgLSB0aGlzLmVsZW1lbnQ/LmNsaWVudEhlaWdodDtcblxuICAgICAgICAvLyBSZXNldCB0ZXh0YXJlYSBoZWlnaHQgdG8gYXV0byB0aGF0IGNvcnJlY3RseSBjYWxjdWxhdGUgdGhlIG5ldyBoZWlnaHQuXG4gICAgICAgIHRoaXMuc2V0SGVpZ2h0KCdhdXRvJyk7XG5cbiAgICAgICAgLy8gU2V0IG5ldyBoZWlnaHQuXG4gICAgICAgIHRoaXMuc2V0SGVpZ2h0KGAke3RoaXMuZWxlbWVudD8uc2Nyb2xsSGVpZ2h0ICsgYm9yZGVySGVpZ2h0fXB4YCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRIZWlnaHQodmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLl9yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQsICdoZWlnaHQnLCB2YWx1ZSk7XG4gICAgfVxuXG59XG4iXX0=