@bravobit/bb-foundation 0.14.2 → 0.15.1

package/esm2015/elements/lib/icon/icon.component.js

@@ -1,110 +1,110 @@
-import { ChangeDetectionStrategy, Component, Inject, Input, Optional, ViewEncapsulation } from '@angular/core';
-import { ELEMENTS_ICONS } from '../elements.interfaces';
-import { coerceBooleanProperty } from '@bravobit/bb-foundation';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export class BbIcon {
-    constructor(_registry) {
-        this._registry = _registry;
-        // Data.
-        this._src = null;
-        // State.
-        this.state$ = new BehaviorSubject(null);
-        this.alt = null;
-        this.size = 24;
-        this._ariaHidden = true;
-        this.warn = (content) => {
-            return console && console.warn && console.warn(content);
-        };
-    }
-    set src(newValue) {
-        this.state$.next(this.convert(newValue));
-        this._src = newValue;
-    }
-    get src() {
-        return this._src;
-    }
-    set ariaHidden(newValue) {
-        this._ariaHidden = coerceBooleanProperty(newValue);
-    }
-    get ariaHidden() {
-        return this._ariaHidden;
-    }
-    convert(src) {
-        const [namespace, value] = (src || '').split(':');
-        const onError = () => {
-            this.warn(`ElementsModule: The icon with src "${src}" could not be rendered correctly; Did you put a correct src attribute?`);
-            return { type: 'unknown' };
-        };
-        if (!namespace || !value || !this._registry) {
-            return onError();
-        }
-        // Try to find a image icon.
-        const imageIcon = this.findImageIcon(namespace, value);
-        if (imageIcon) {
-            return imageIcon;
-        }
-        // Try to find a font icon.
-        const fontIcon = this.findFontIcon(namespace, value);
-        if (fontIcon) {
-            return fontIcon;
-        }
-        // Return the on error function.
-        return onError();
-    }
-    findImageIcon(namespace, value) {
-        const data = this._registry.find(item => item['namespace'] === namespace && item['name'] === value);
-        if (!data) {
-            return null;
-        }
-        return { type: data['type'], src: data['src'] };
-    }
-    findFontIcon(namespace, content) {
-        const data = this._registry.find(item => item['namespace'] === namespace);
-        if (!data) {
-            return null;
-        }
-        const uses = data['uses'];
-        if (uses === 'data-attribute') {
-            return { type: data['type'], className: data['className'], attribute: content };
-        }
-        return { type: data['type'], className: data['className'], content };
-    }
-}
-BbIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: BbIcon, deps: [{ token: ELEMENTS_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BbIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: BbIcon, selector: "bb-icon", inputs: { alt: "alt", size: "size", src: "src", ariaHidden: "ariaHidden" }, host: { properties: { "attr.aria-hidden": "ariaHidden", "style.width.px": "size", "style.height.px": "size", "style.min-width.px": "size", "style.min-height.px": "size", "style.font-size.px": "size" }, classAttribute: "bb-icon" }, ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as data\"\r\n              [ngSwitch]=\"data?.type\">\r\n    <i *ngSwitchCase=\"'font'\"\r\n       [attr.data-icon]=\"data?.attribute\"\r\n       [class]=\"data?.className\">\r\n        {{ data?.content }}\r\n    </i>\r\n    <img *ngSwitchCase=\"'image'\"\r\n         [src]=\"data?.src\"\r\n         [alt]=\"alt\">\r\n    <svg *ngSwitchCase=\"'unknown'\"\r\n         viewBox=\"0 0 1 1\">\r\n        <rect x=\"0\" y=\"0\" width=\"1\" height=\"1\" fill=\"#c5c5c5\"></rect>\r\n    </svg>\r\n</ng-container>\r\n", styles: [".bb-icon{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center}.bb-icon>i{font-size:inherit}.bb-icon>img,.bb-icon>svg{width:100%;height:100%;display:flex}"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: BbIcon, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'bb-icon',
-                    templateUrl: './icon.component.html',
-                    styleUrls: ['./icon.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        'class': 'bb-icon',
-                        '[attr.aria-hidden]': 'ariaHidden',
-                        '[style.width.px]': 'size',
-                        '[style.height.px]': 'size',
-                        '[style.min-width.px]': 'size',
-                        '[style.min-height.px]': 'size',
-                        '[style.font-size.px]': 'size'
-                    },
-                    preserveWhitespaces: false
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [ELEMENTS_ICONS]
-                }] }]; }, propDecorators: { alt: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], src: [{
-                type: Input
-            }], ariaHidden: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2VsZW1lbnRzL3NyYy9saWIvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsY0FBYyxFQUFlLE1BQU0sd0JBQXdCLENBQUM7QUFDcEUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7O0FBbUJyQyxNQUFNLE9BQU8sTUFBTTtJQWdDZixZQUF3RCxTQUF5QjtRQUF6QixjQUFTLEdBQVQsU0FBUyxDQUFnQjtRQTlCakYsUUFBUTtRQUNBLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBRW5DLFNBQVM7UUFDVCxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQU0sSUFBSSxDQUFDLENBQUM7UUFFL0IsUUFBRyxHQUFrQixJQUFJLENBQUM7UUFDMUIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQXFCbkIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUEwRG5CLFNBQUksR0FBRyxDQUFDLE9BQWUsRUFBRSxFQUFFO1lBQy9CLE9BQU8sT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM1RCxDQUFDLENBQUM7SUF6REYsQ0FBQztJQXRCRCxJQUNJLEdBQUcsQ0FBQyxRQUF1QjtRQUMzQixJ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Qzs7bUdBdEZRLE1BQU0sa0JBZ0NpQixjQUFjO3VGQWhDckMsTUFBTSxrV0N0Qm5CLGtpQkFlQTsyRkRPYSxNQUFNO2tCQWpCbEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsV0FBVyxFQUFFLHVCQUF1QjtvQkFDcEMsU0FBUyxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNGLE9BQU8sRUFBRSxTQUFTO3dCQUNsQixvQkFBb0IsRUFBRSxZQUFZO3dCQUNsQyxrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixtQkFBbUIsRUFBRSxNQUFNO3dCQUMzQixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5Qix1QkFBdUIsRUFBRSxNQUFNO3dCQUMvQixzQkFBc0IsRUFBRSxNQUFNO3FCQUNqQztvQkFDRCxtQkFBbUIsRUFBRSxLQUFLO2lCQUM3Qjs7MEJBaUNnQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLGNBQWM7NENBeEJyQyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdGLEdBQUc7c0JBRE4sS0FBSztnQkFXRixVQUFVO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7RUxFTUVOVFNfSUNPTlMsIEVsZW1lbnRzSWNvbn0gZnJvbSAnLi4vZWxlbWVudHMuaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7Y29lcmNlQm9vbGVhblByb3BlcnR5fSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XHJcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiYi1pY29uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2ljb24uY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnY2xhc3MnOiAnYmItaWNvbicsXHJcbiAgICAgICAgJ1thdHRyLmFyaWEtaGlkZGVuXSc6ICdhcmlhSGlkZGVuJyxcclxuICAgICAgICAnW3N0eWxlLndpZHRoLnB4XSc6ICdzaXplJyxcclxuICAgICAgICAnW3N0eWxlLmhlaWdodC5weF0nOiAnc2l6ZScsXHJcbiAgICAgICAgJ1tzdHlsZS5taW4td2lkdGgucHhdJzogJ3NpemUnLFxyXG4gICAgICAgICdbc3R5bGUubWluLWhlaWdodC5weF0nOiAnc2l6ZScsXHJcbiAgICAgICAgJ1tzdHlsZS5mb250LXNpemUucHhdJzogJ3NpemUnXHJcbiAgICB9LFxyXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIEJiSWNvbiB7XHJcblxyXG4gICAgLy8gRGF0YS5cclxuICAgIHByaXZhdGUgX3NyYzogc3RyaW5nIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gICAgLy8gU3RhdGUuXHJcbiAgICBzdGF0ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGFueT4obnVsbCk7XHJcblxyXG4gICAgQElucHV0KCkgYWx0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICAgIEBJbnB1dCgpIHNpemU6IG51bWJlciA9IDI0O1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXQgc3JjKG5ld1ZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XHJcbiAgICAgICAgdGhpcy5zdGF0ZSQubmV4dCh0aGlzLmNvbnZlcnQobmV3VmFsdWUpKTtcclxuICAgICAgICB0aGlzLl9zcmMgPSBuZXdWYWx1ZTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgc3JjKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9zcmM7XHJcbiAgICB9XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHNldCBhcmlhSGlkZGVuKG5ld1ZhbHVlOiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5fYXJpYUhpZGRlbiA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eShuZXdWYWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IGFyaWFIaWRkZW4oKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2FyaWFIaWRkZW47XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfYXJpYUhpZGRlbiA9IHRydWU7XHJcblxyXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChFTEVNRU5UU19JQ09OUykgcHJpdmF0ZSBfcmVnaXN0cnk6IEVsZW1lbnRzSWNvbltdKSB7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjb252ZXJ0KHNyYzogc3RyaW5nIHwgbnVsbCkge1xyXG4gICAgICAgIGNvbnN0IFtuYW1lc3BhY2UsIHZhbHVlXSA9IChzcmMgfHwgJycpLnNwbGl0KCc6Jyk7XHJcblxyXG4gICAgICAgIGNvbnN0IG9uRXJyb3IgPSAoKSA9PiB7XHJcbiAgICAgICAgICAgIHRoaXMud2FybihgRWxlbWVudHNNb2R1bGU6IFRoZSBpY29uIHdpdGggc3JjIFwiJHtzcmN9XCIgY291bGQgbm90IGJlIHJlbmRlcmVkIGNvcnJlY3RseTsgRGlkIHlvdSBwdXQgYSBjb3JyZWN0IHNyYyBhdHRyaWJ1dGU/YCk7XHJcbiAgICAgICAgICAgIHJldHVybiB7dHlwZTogJ3Vua25vd24nfTtcclxuICAgICAgICB9O1xyXG5cclxuICAgICAgICBpZiAoIW5hbWVzcGFjZSB8fCAhdmFsdWUgfHwgIXRoaXMuX3JlZ2lzdHJ5KSB7XHJcbiAgICAgICAgICAgIHJldHVybiBvbkVycm9yKCk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBUcnkgdG8gZmluZCBhIGltYWdlIGljb24uXHJcbiAgICAgICAgY29uc3QgaW1hZ2VJY29uID0gdGhpcy5maW5kSW1hZ2VJY29uKG5hbWVzcGFjZSwgdmFsdWUpO1xyXG4gICAgICAgIGlmIChpbWFnZUljb24pIHtcclxuICAgICAgICAgICAgcmV0dXJuIGltYWdlSWNvbjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIC8vIFRyeSB0byBmaW5kIGEgZm9udCBpY29uLlxyXG4gICAgICAgIGNvbnN0IGZvbnRJY29uID0gdGhpcy5maW5kRm9udEljb24obmFtZXNwYWNlLCB2YWx1ZSk7XHJcbiAgICAgICAgaWYgKGZvbnRJY29uKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBmb250SWNvbjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIC8vIFJldHVybiB0aGUgb24gZXJyb3IgZnVuY3Rpb24uXHJcbiAgICAgICAgcmV0dXJuIG9uRXJyb3IoKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGZpbmRJbWFnZUljb24obmFtZXNwYWNlOiBzdHJpbmcsIHZhbHVlOiBzdHJpbmcpIHtcclxuICAgICAgICBjb25zdCBkYXRhID0gdGhpcy5fcmVnaXN0cnkuZmluZChpdGVtID0+IGl0ZW1bJ25hbWVzcGFjZSddID09PSBuYW1lc3BhY2UgJiYgaXRlbVsnbmFtZSddID09PSB2YWx1ZSk7XHJcblxyXG4gICAgICAgIGlmICghZGF0YSkge1xyXG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJldHVybiB7dHlwZTogZGF0YVsndHlwZSddLCBzcmM6IGRhdGFbJ3NyYyddfTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGZpbmRGb250SWNvbihuYW1lc3BhY2U6IHN0cmluZywgY29udGVudDogc3RyaW5nKSB7XHJcbiAgICAgICAgY29uc3QgZGF0YSA9IHRoaXMuX3JlZ2lzdHJ5LmZpbmQoaXRlbSA9PiBpdGVtWyduYW1lc3BhY2UnXSA9PT0gbmFtZXNwYWNlKTtcclxuXHJcbiAgICAgICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgY29uc3QgdXNlcyA9IGRhdGFbJ3VzZXMnXTtcclxuICAgICAgICBpZiAodXNlcyA9PT0gJ2RhdGEtYXR0cmlidXRlJykge1xyXG4gICAgICAgICAgICByZXR1cm4ge3R5cGU6IGRhdGFbJ3R5cGUnXSwgY2xhc3NOYW1lOiBkYXRhWydjbGFzc05hbWUnXSwgYXR0cmlidXRlOiBjb250ZW50fTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJldHVybiB7dHlwZTogZGF0YVsndHlwZSddLCBjbGFzc05hbWU6IGRhdGFbJ2NsYXNzTmFtZSddLCBjb250ZW50fTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHdhcm4gPSAoY29udGVudDogc3RyaW5nKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIGNvbnNvbGUgJiYgY29uc29sZS53YXJuICYmIGNvbnNvbGUud2Fybihjb250ZW50KTtcclxuICAgIH07XHJcblxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJzdGF0ZSQgfCBhc3luYyBhcyBkYXRhXCJcclxuICAgICAgICAgICAgICBbbmdTd2l0Y2hdPVwiZGF0YT8udHlwZVwiPlxyXG4gICAgPGkgKm5nU3dpdGNoQ2FzZT1cIidmb250J1wiXHJcbiAgICAgICBbYXR0ci5kYXRhLWljb25dPVwiZGF0YT8uYXR0cmlidXRlXCJcclxuICAgICAgIFtjbGFzc109XCJkYXRhPy5jbGFzc05hbWVcIj5cclxuICAgICAgICB7eyBkYXRhPy5jb250ZW50IH19XHJcbiAgICA8L2k+XHJcbiAgICA8aW1nICpuZ1N3aXRjaENhc2U9XCInaW1hZ2UnXCJcclxuICAgICAgICAgW3NyY109XCJkYXRhPy5zcmNcIlxyXG4gICAgICAgICBbYWx0XT1cImFsdFwiPlxyXG4gICAgPHN2ZyAqbmdTd2l0Y2hDYXNlPVwiJ3Vua25vd24nXCJcclxuICAgICAgICAgdmlld0JveD1cIjAgMCAxIDFcIj5cclxuICAgICAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxXCIgaGVpZ2h0PVwiMVwiIGZpbGw9XCIjYzVjNWM1XCI+PC9yZWN0PlxyXG4gICAgPC9zdmc+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
+import { ChangeDetectionStrategy, Component, Inject, Input, Optional, ViewEncapsulation } from '@angular/core';
+import { ELEMENTS_ICONS } from '../elements.interfaces';
+import { coerceBooleanProperty } from '@bravobit/bb-foundation';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BbIcon {
+    constructor(_registry) {
+        this._registry = _registry;
+        // Data.
+        this._src = null;
+        // State.
+        this.state$ = new BehaviorSubject(null);
+        this.alt = null;
+        this.size = 24;
+        this._ariaHidden = true;
+        this.warn = (content) => {
+            return console && console.warn && console.warn(content);
+        };
+    }
+    set src(newValue) {
+        this.state$.next(this.convert(newValue));
+        this._src = newValue;
+    }
+    get src() {
+        return this._src;
+    }
+    set ariaHidden(newValue) {
+        this._ariaHidden = coerceBooleanProperty(newValue);
+    }
+    get ariaHidden() {
+        return this._ariaHidden;
+    }
+    convert(src) {
+        const [namespace, value] = (src || '').split(':');
+        const onError = () => {
+            this.warn(`ElementsModule: The icon with src "${src}" could not be rendered correctly; Did you put a correct src attribute?`);
+            return { type: 'unknown' };
+        };
+        if (!namespace || !value || !this._registry) {
+            return onError();
+        }
+        // Try to find a image icon.
+        const imageIcon = this.findImageIcon(namespace, value);
+        if (imageIcon) {
+            return imageIcon;
+        }
+        // Try to find a font icon.
+        const fontIcon = this.findFontIcon(namespace, value);
+        if (fontIcon) {
+            return fontIcon;
+        }
+        // Return the on error function.
+        return onError();
+    }
+    findImageIcon(namespace, value) {
+        const data = this._registry.find(item => item['namespace'] === namespace && item['name'] === value);
+        if (!data) {
+            return null;
+        }
+        return { type: data['type'], src: data['src'] };
+    }
+    findFontIcon(namespace, content) {
+        const data = this._registry.find(item => item['namespace'] === namespace);
+        if (!data) {
+            return null;
+        }
+        const uses = data['uses'];
+        if (uses === 'data-attribute') {
+            return { type: data['type'], className: data['className'], attribute: content };
+        }
+        return { type: data['type'], className: data['className'], content };
+    }
+}
+BbIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: BbIcon, deps: [{ token: ELEMENTS_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BbIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: BbIcon, selector: "bb-icon", inputs: { alt: "alt", size: "size", src: "src", ariaHidden: "ariaHidden" }, host: { properties: { "attr.aria-hidden": "ariaHidden", "style.width.px": "size", "style.height.px": "size", "style.min-width.px": "size", "style.min-height.px": "size", "style.font-size.px": "size" }, classAttribute: "bb-icon" }, ngImport: i0, template: "<ng-container *ngIf=\"state$ | async as data\"\n              [ngSwitch]=\"data?.type\">\n    <i *ngSwitchCase=\"'font'\"\n       [attr.data-icon]=\"data?.attribute\"\n       [class]=\"data?.className\">\n        {{ data?.content }}\n    </i>\n    <img *ngSwitchCase=\"'image'\"\n         [src]=\"data?.src\"\n         [alt]=\"alt\">\n    <svg *ngSwitchCase=\"'unknown'\"\n         viewBox=\"0 0 1 1\">\n        <rect x=\"0\" y=\"0\" width=\"1\" height=\"1\" fill=\"#c5c5c5\"></rect>\n    </svg>\n</ng-container>\n", styles: [".bb-icon{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center}.bb-icon>i{font-size:inherit}.bb-icon>img,.bb-icon>svg{width:100%;height:100%;display:flex}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: BbIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bb-icon',
+                    templateUrl: './icon.component.html',
+                    styleUrls: ['./icon.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'class': 'bb-icon',
+                        '[attr.aria-hidden]': 'ariaHidden',
+                        '[style.width.px]': 'size',
+                        '[style.height.px]': 'size',
+                        '[style.min-width.px]': 'size',
+                        '[style.min-height.px]': 'size',
+                        '[style.font-size.px]': 'size'
+                    },
+                    preserveWhitespaces: false
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ELEMENTS_ICONS]
+                }] }]; }, propDecorators: { alt: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], ariaHidden: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2VsZW1lbnRzL3NyYy9saWIvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsY0FBYyxFQUFlLE1BQU0sd0JBQXdCLENBQUM7QUFDcEUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7O0FBbUJyQyxNQUFNLE9BQU8sTUFBTTtJQWdDZixZQUF3RCxTQUF5QjtRQUF6QixjQUFTLEdBQVQsU0FBUyxDQUFnQjtRQTlCakYsUUFBUTtRQUNBLFNBQUksR0FBa0IsSUFBSSxDQUFDO1FBRW5DLFNBQVM7UUFDVCxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQU0sSUFBSSxDQUFDLENBQUM7UUFFL0IsUUFBRyxHQUFrQixJQUFJLENBQUM7UUFDMUIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQXFCbkIsZ0JBQVcsR0FBRyxJQUFJLENBQUM7UUEwRG5CLFNBQUksR0FBRyxDQUFDLE9BQWUsRUFBRSxFQUFFO1lBQy9CLE9BQU8sT0FBTyxJQUFJLE9BQU8sQ0FBQyxJQUFJLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM1RCxDQUFDLENBQUM7SUF6REYsQ0FBQztJQXRCRCxJQUNJLEdBQUcsQ0FBQyxRQUF1QjtRQUMzQixJ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Qzs7b0dBdEZRLE1BQU0sa0JBZ0NpQixjQUFjO3dGQWhDckMsTUFBTSxrV0N0Qm5CLG9nQkFlQTs0RkRPYSxNQUFNO2tCQWpCbEIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsV0FBVyxFQUFFLHVCQUF1QjtvQkFDcEMsU0FBUyxFQUFFLENBQUMsdUJBQXVCLENBQUM7b0JBQ3BDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFO3dCQUNGLE9BQU8sRUFBRSxTQUFTO3dCQUNsQixvQkFBb0IsRUFBRSxZQUFZO3dCQUNsQyxrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixtQkFBbUIsRUFBRSxNQUFNO3dCQUMzQixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5Qix1QkFBdUIsRUFBRSxNQUFNO3dCQUMvQixzQkFBc0IsRUFBRSxNQUFNO3FCQUNqQztvQkFDRCxtQkFBbUIsRUFBRSxLQUFLO2lCQUM3Qjs7MEJBaUNnQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLGNBQWM7NENBeEJyQyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdGLEdBQUc7c0JBRE4sS0FBSztnQkFXRixVQUFVO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0VMRU1FTlRTX0lDT05TLCBFbGVtZW50c0ljb259IGZyb20gJy4uL2VsZW1lbnRzLmludGVyZmFjZXMnO1xuaW1wb3J0IHtjb2VyY2VCb29sZWFuUHJvcGVydHl9IGZyb20gJ0BicmF2b2JpdC9iYi1mb3VuZGF0aW9uJztcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdiYi1pY29uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgaG9zdDoge1xuICAgICAgICAnY2xhc3MnOiAnYmItaWNvbicsXG4gICAgICAgICdbYXR0ci5hcmlhLWhpZGRlbl0nOiAnYXJpYUhpZGRlbicsXG4gICAgICAgICdbc3R5bGUud2lkdGgucHhdJzogJ3NpemUnLFxuICAgICAgICAnW3N0eWxlLmhlaWdodC5weF0nOiAnc2l6ZScsXG4gICAgICAgICdbc3R5bGUubWluLXdpZHRoLnB4XSc6ICdzaXplJyxcbiAgICAgICAgJ1tzdHlsZS5taW4taGVpZ2h0LnB4XSc6ICdzaXplJyxcbiAgICAgICAgJ1tzdHlsZS5mb250LXNpemUucHhdJzogJ3NpemUnXG4gICAgfSxcbiAgICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBCYkljb24ge1xuXG4gICAgLy8gRGF0YS5cbiAgICBwcml2YXRlIF9zcmM6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gICAgLy8gU3RhdGUuXG4gICAgc3RhdGUkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxhbnk+KG51bGwpO1xuXG4gICAgQElucHV0KCkgYWx0OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBzaXplOiBudW1iZXIgPSAyNDtcblxuICAgIEBJbnB1dCgpXG4gICAgc2V0IHNyYyhuZXdWYWx1ZTogc3RyaW5nIHwgbnVsbCkge1xuICAgICAgICB0aGlzLnN0YXRlJC5uZXh0KHRoaXMuY29udmVydChuZXdWYWx1ZSkpO1xuICAgICAgICB0aGlzLl9zcmMgPSBuZXdWYWx1ZTtcbiAgICB9XG5cbiAgICBnZXQgc3JjKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fc3JjO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgc2V0IGFyaWFIaWRkZW4obmV3VmFsdWU6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5fYXJpYUhpZGRlbiA9IGNvZXJjZUJvb2xlYW5Qcm9wZXJ0eShuZXdWYWx1ZSk7XG4gICAgfVxuXG4gICAgZ2V0IGFyaWFIaWRkZW4oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcmlhSGlkZGVuO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2FyaWFIaWRkZW4gPSB0cnVlO1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChFTEVNRU5UU19JQ09OUykgcHJpdmF0ZSBfcmVnaXN0cnk6IEVsZW1lbnRzSWNvbltdKSB7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjb252ZXJ0KHNyYzogc3RyaW5nIHwgbnVsbCkge1xuICAgICAgICBjb25zdCBbbmFtZXNwYWNlLCB2YWx1ZV0gPSAoc3JjIHx8ICcnKS5zcGxpdCgnOicpO1xuXG4gICAgICAgIGNvbnN0IG9uRXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLndhcm4oYEVsZW1lbnRzTW9kdWxlOiBUaGUgaWNvbiB3aXRoIHNyYyBcIiR7c3JjfVwiIGNvdWxkIG5vdCBiZSByZW5kZXJlZCBjb3JyZWN0bHk7IERpZCB5b3UgcHV0IGEgY29ycmVjdCBzcmMgYXR0cmlidXRlP2ApO1xuICAgICAgICAgICAgcmV0dXJuIHt0eXBlOiAndW5rbm93bid9O1xuICAgICAgICB9O1xuXG4gICAgICAgIGlmICghbmFtZXNwYWNlIHx8ICF2YWx1ZSB8fCAhdGhpcy5fcmVnaXN0cnkpIHtcbiAgICAgICAgICAgIHJldHVybiBvbkVycm9yKCk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBUcnkgdG8gZmluZCBhIGltYWdlIGljb24uXG4gICAgICAgIGNvbnN0IGltYWdlSWNvbiA9IHRoaXMuZmluZEltYWdlSWNvbihuYW1lc3BhY2UsIHZhbHVlKTtcbiAgICAgICAgaWYgKGltYWdlSWNvbikge1xuICAgICAgICAgICAgcmV0dXJuIGltYWdlSWNvbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFRyeSB0byBmaW5kIGEgZm9udCBpY29uLlxuICAgICAgICBjb25zdCBmb250SWNvbiA9IHRoaXMuZmluZEZvbnRJY29uKG5hbWVzcGFjZSwgdmFsdWUpO1xuICAgICAgICBpZiAoZm9udEljb24pIHtcbiAgICAgICAgICAgIHJldHVybiBmb250SWNvbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFJldHVybiB0aGUgb24gZXJyb3IgZnVuY3Rpb24uXG4gICAgICAgIHJldHVybiBvbkVycm9yKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBmaW5kSW1hZ2VJY29uKG5hbWVzcGFjZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IGRhdGEgPSB0aGlzLl9yZWdpc3RyeS5maW5kKGl0ZW0gPT4gaXRlbVsnbmFtZXNwYWNlJ10gPT09IG5hbWVzcGFjZSAmJiBpdGVtWyduYW1lJ10gPT09IHZhbHVlKTtcblxuICAgICAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHt0eXBlOiBkYXRhWyd0eXBlJ10sIHNyYzogZGF0YVsnc3JjJ119O1xuICAgIH1cblxuICAgIHByaXZhdGUgZmluZEZvbnRJY29uKG5hbWVzcGFjZTogc3RyaW5nLCBjb250ZW50OiBzdHJpbmcpIHtcbiAgICAgICAgY29uc3QgZGF0YSA9IHRoaXMuX3JlZ2lzdHJ5LmZpbmQoaXRlbSA9PiBpdGVtWyduYW1lc3BhY2UnXSA9PT0gbmFtZXNwYWNlKTtcblxuICAgICAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgdXNlcyA9IGRhdGFbJ3VzZXMnXTtcbiAgICAgICAgaWYgKHVzZXMgPT09ICdkYXRhLWF0dHJpYnV0ZScpIHtcbiAgICAgICAgICAgIHJldHVybiB7dHlwZTogZGF0YVsndHlwZSddLCBjbGFzc05hbWU6IGRhdGFbJ2NsYXNzTmFtZSddLCBhdHRyaWJ1dGU6IGNvbnRlbnR9O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHt0eXBlOiBkYXRhWyd0eXBlJ10sIGNsYXNzTmFtZTogZGF0YVsnY2xhc3NOYW1lJ10sIGNvbnRlbnR9O1xuICAgIH1cblxuICAgIHByaXZhdGUgd2FybiA9IChjb250ZW50OiBzdHJpbmcpID0+IHtcbiAgICAgICAgcmV0dXJuIGNvbnNvbGUgJiYgY29uc29sZS53YXJuICYmIGNvbnNvbGUud2Fybihjb250ZW50KTtcbiAgICB9O1xuXG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwic3RhdGUkIHwgYXN5bmMgYXMgZGF0YVwiXG4gICAgICAgICAgICAgIFtuZ1N3aXRjaF09XCJkYXRhPy50eXBlXCI+XG4gICAgPGkgKm5nU3dpdGNoQ2FzZT1cIidmb250J1wiXG4gICAgICAgW2F0dHIuZGF0YS1pY29uXT1cImRhdGE/LmF0dHJpYnV0ZVwiXG4gICAgICAgW2NsYXNzXT1cImRhdGE/LmNsYXNzTmFtZVwiPlxuICAgICAgICB7eyBkYXRhPy5jb250ZW50IH19XG4gICAgPC9pPlxuICAgIDxpbWcgKm5nU3dpdGNoQ2FzZT1cIidpbWFnZSdcIlxuICAgICAgICAgW3NyY109XCJkYXRhPy5zcmNcIlxuICAgICAgICAgW2FsdF09XCJhbHRcIj5cbiAgICA8c3ZnICpuZ1N3aXRjaENhc2U9XCIndW5rbm93bidcIlxuICAgICAgICAgdmlld0JveD1cIjAgMCAxIDFcIj5cbiAgICAgICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMVwiIGhlaWdodD1cIjFcIiBmaWxsPVwiI2M1YzVjNVwiPjwvcmVjdD5cbiAgICA8L3N2Zz5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2015/elements/lib/image-picker/image-picker.component.js

@@ -1,119 +1,119 @@
-import { __awaiter } from "tslib";
-import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
-import { mixinDisabled, mixinGrouped } from '@bravobit/bb-foundation';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-import { map } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@bravobit/bb-foundation";
-import * as i2 from "../button/button.component";
-import * as i3 from "@angular/common";
-class BbImagePickerBase {
-}
-const BbImagePickerMixinBase = mixinDisabled(mixinGrouped(BbImagePickerBase));
-export class BbImagePicker extends BbImagePickerMixinBase {
-    constructor(_converter) {
-        super();
-        this._converter = _converter;
-        // Inputs.
-        this.label = null;
-        this.placeholder = null;
-        this.styleDimensions = null;
-        this.cropDimensions = null;
-        // Form.
-        this._value$ = new BehaviorSubject(null);
-        this.valueChange = new EventEmitter();
-        this.onTouchedCallback = () => {
-        };
-        this.onChangeCallback = () => {
-        };
-    }
-    get value() {
-        return this._value$.getValue();
-    }
-    set value(value) {
-        this._value$.next(value);
-        this.valueChange.emit(value);
-    }
-    get image() {
-        return this._value$.pipe(map(value => value || this.placeholder), map(value => value ? `url(${value})` : null));
-    }
-    onFileChange(event) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // Grab the file from the event.
-            const file = event.target.files[0];
-            // Check if the file exists.
-            if (!file || this.disabled) {
-                return;
-            }
-            try {
-                this.value = yield this._converter.toDataUri(file, this.cropDimensions);
-            }
-            catch (error) {
-                this.value = null;
-            }
-            this.onChangeCallback(this.value);
-            if (this.fileInput && this.fileInput.nativeElement) {
-                this.fileInput.nativeElement.value = '';
-            }
-        });
-    }
-    openFilePicker() {
-        if (this.disabled) {
-            return;
-        }
-        // Execute a click on the file input.
-        this.fileInput
-            && this.fileInput.nativeElement
-            && this.fileInput.nativeElement.click
-            && this.fileInput.nativeElement.click();
-    }
-    writeValue(value) {
-        this.value = value;
-    }
-    registerOnChange(method) {
-        this.onChangeCallback = method;
-    }
-    registerOnTouched(method) {
-        this.onTouchedCallback = method;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-}
-BbImagePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: BbImagePicker, deps: [{ token: i1.ImageConverter }], target: i0.ɵɵFactoryTarget.Component });
-BbImagePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: BbImagePicker, selector: "bb-image-picker", inputs: { grouped: "grouped", disabled: "disabled", label: "label", placeholder: "placeholder", styleDimensions: "styleDimensions", cropDimensions: "cropDimensions", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.disabled": "disabled", "class.grouped": "grouped" }, classAttribute: "bb-image-picker" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbImagePicker), multi: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- The input that can open the file picker. -->\r\n<input #fileInput\r\n       (change)=\"onFileChange($event)\"\r\n       class=\"bb-image-picker-input\"\r\n       type=\"file\"\r\n       tabindex=\"-1\"\r\n       accept=\"image/*\">\r\n\r\n<span [style.width]=\"styleDimensions?.width || '100%'\"\r\n      [style.height]=\"styleDimensions?.height || '215px'\"\r\n      [style.background-image]=\"image | async\"\r\n      class=\"bb-image-input-image\">\r\n    </span>\r\n\r\n<button *ngIf=\"label as labelText\"\r\n        (click)=\"openFilePicker()\"\r\n        bb-button\r\n        class=\"bb-image-input-button\"\r\n        type=\"button\">\r\n    {{ labelText }}\r\n</button>\r\n", styles: [".bb-image-picker{display:flex;align-items:center;flex-direction:column}.bb-image-picker.circle>.bb-image-input-image{border-radius:50%}.bb-image-picker.grouped{margin-bottom:20px}.bb-image-picker.disabled{opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.bb-image-picker-input{opacity:0;z-index:-1;width:.1px;height:.1px;overflow:hidden;position:absolute}.bb-image-input-image{display:flex;cursor:default;position:relative;border-radius:4px;align-items:center;justify-content:center;background:rgba(0,0,0,.2) url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 50%/cover no-repeat}.bb-image-input-button{margin-top:10px}"], components: [{ type: i2.BbButton, selector: "button[bb-button]", inputs: ["disabled", "loading"], exportAs: ["bbButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: BbImagePicker, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'bb-image-picker',
-                    templateUrl: './image-picker.component.html',
-                    styleUrls: ['./image-picker.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: {
-                        'class': 'bb-image-picker',
-                        '[class.disabled]': 'disabled',
-                        '[class.grouped]': 'grouped'
-                    },
-                    inputs: ['grouped', 'disabled'],
-                    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbImagePicker), multi: true }],
-                    preserveWhitespaces: false
-                }]
-        }], ctorParameters: function () { return [{ type: i1.ImageConverter }]; }, propDecorators: { fileInput: [{
-                type: ViewChild,
-                args: ['fileInput', { static: true }]
-            }], label: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], styleDimensions: [{
-                type: Input
-            }], cropDimensions: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pbWFnZS1waWNrZXIvaW1hZ2UtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pbWFnZS1waWNrZXIvaW1hZ2UtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBR0gsYUFBYSxFQUViLFlBQVksRUFDZixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3JDLE9BQU8sRUFBQyxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFFbkMsTUFBTSxpQkFBaUI7Q0FDdEI7QUFFRCxNQUFNLHNCQUFzQixHQUd0QixhQUFhLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztBQWlCckQsTUFBTSxPQUFPLGFBQWMsU0FBUSxzQkFBc0I7SUFjckQsWUFBb0IsVUFBMEI7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEUSxlQUFVLEdBQVYsVUFBVSxDQUFnQjtRQVQ5QyxVQUFVO1FBQ0QsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFDNUIsZ0JBQVcsR0FBa0IsSUFBSSxDQUFDO1FBQ2xDLG9CQUFlLEdBQTZDLElBQUksQ0FBQztRQUNqRSxtQkFBYyxHQUE2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LEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDLHVLQzFDeEcsaXJCQXFCQTsyRkR3QmEsYUFBYTtrQkFmekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztvQkFDNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0YsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsaUJBQWlCLEVBQUUsU0FBUztxQkFDL0I7b0JBQ0QsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQztvQkFDL0IsU0FBUyxFQUFFLENBQUMsRUFBQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDO29CQUNwRyxtQkFBbUIsRUFBRSxLQUFLO2lCQUM3QjtxR0FJMkMsU0FBUztzQkFBaEQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUc3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLO2dCQUtJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgICBDb21wb25lbnQsXHJcbiAgICBFbGVtZW50UmVmLFxyXG4gICAgRXZlbnRFbWl0dGVyLFxyXG4gICAgZm9yd2FyZFJlZixcclxuICAgIElucHV0LFxyXG4gICAgT3V0cHV0LFxyXG4gICAgVmlld0NoaWxkLFxyXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICAgIEltYWdlQ29udmVydGVyLFxyXG4gICAgQ2FuRGlzYWJsZUNvbnN0cnVjdG9yLFxyXG4gICAgbWl4aW5EaXNhYmxlZCxcclxuICAgIElzR3JvdXBlZENvbnN0cnVjdG9yLFxyXG4gICAgbWl4aW5Hcm91cGVkXHJcbn0gZnJvbSAnQGJyYXZvYml0L2JiLWZvdW5kYXRpb24nO1xyXG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7bWFwfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5jbGFzcyBCYkltYWdlUGlja2VyQmFzZSB7XHJcbn1cclxuXHJcbmNvbnN0IEJiSW1hZ2VQaWNrZXJNaXhpbkJhc2U6IElzR3JvdXBlZENvbnN0cnVjdG9yXHJcbiAgICAmIENhbkRpc2FibGVDb25zdHJ1Y3RvclxyXG4gICAgJiB0eXBlb2YgQmJJbWFnZVBpY2tlckJhc2VcclxuICAgID0gbWl4aW5EaXNhYmxlZChtaXhpbkdyb3VwZWQoQmJJbWFnZVBpY2tlckJhc2UpKTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiYi1pbWFnZS1waWNrZXInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9pbWFnZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnY2xhc3MnOiAnYmItaW1hZ2UtcGlja2VyJyxcclxuICAgICAgICAnW2NsYXNzLmRpc2FibGVkXSc6ICdkaXNhYmxlZCcsXHJcbiAgICAgICAgJ1tjbGFzcy5ncm91cGVkXSc6ICdncm91cGVkJ1xyXG4gICAgfSxcclxuICAgIGlucHV0czogWydncm91cGVkJywgJ2Rpc2FibGVkJ10sXHJcbiAgICBwcm92aWRlcnM6IFt7cHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJiSW1hZ2VQaWNrZXIpLCBtdWx0aTogdHJ1ZX1dLFxyXG4gICAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2VcclxufSlcclxuZXhwb3J0IGNsYXNzIEJiSW1hZ2VQaWNrZXIgZXh0ZW5kcyBCYkltYWdlUGlja2VyTWl4aW5CYXNlIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG5cclxuICAgIC8vIFZpZXdzLlxyXG4gICAgQFZpZXdDaGlsZCgnZmlsZUlucHV0Jywge3N0YXRpYzogdHJ1ZX0pIGZpbGVJbnB1dDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcclxuXHJcbiAgICAvLyBJbnB1dHMuXHJcbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XHJcbiAgICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XHJcbiAgICBASW5wdXQoKSBzdHlsZURpbWVuc2lvbnM6IHsgd2lkdGg6IHN0cmluZywgaGVpZ2h0OiBzdHJpbmcgfSB8IG51bGwgPSBudWxsO1xyXG4gICAgQElucHV0KCkgY3JvcERpbWVuc2lvbnM6IHsgd2lkdGg6IG51bWJlciwgaGVpZ2h0OiBudW1iZXIgfSB8IG51bGwgPSBudWxsO1xyXG5cclxuICAgIC8vIEZvcm0uXHJcbiAgICBwcml2YXRlIF92YWx1ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZyB8IG51bGw+KG51bGwpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2NvbnZlcnRlcjogSW1hZ2VDb252ZXJ0ZXIpIHtcclxuICAgICAgICBzdXBlcigpO1xyXG4gICAgfVxyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBnZXQgdmFsdWUoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlJC5nZXRWYWx1ZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nIHwgbnVsbD4oKTtcclxuXHJcbiAgICBzZXQgdmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcclxuICAgICAgICB0aGlzLl92YWx1ZSQubmV4dCh2YWx1ZSk7XHJcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgaW1hZ2UoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlJC5waXBlKFxyXG4gICAgICAgICAgICBtYXAodmFsdWUgPT4gdmFsdWUgfHwgdGhpcy5wbGFjZWhvbGRlciksXHJcbiAgICAgICAgICAgIG1hcCh2YWx1ZSA9PiB2YWx1ZSA/IGB1cmwoJHt2YWx1ZX0pYCA6IG51bGwpXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgICBhc3luYyBvbkZpbGVDaGFuZ2UoZXZlbnQpIHtcclxuICAgICAgICAvLyBHcmFiIHRoZSBmaWxlIGZyb20gdGhlIGV2ZW50LlxyXG4gICAgICAgIGNvbnN0IGZpbGU6IEZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XHJcblxyXG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBmaWxlIGV4aXN0cy5cclxuICAgICAgICBpZiAoIWZpbGUgfHwgdGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gYXdhaXQgdGhpcy5fY29udmVydGVyLnRvRGF0YVVyaShmaWxlLCB0aGlzLmNyb3BEaW1lbnNpb25zKTtcclxuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xyXG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayh0aGlzLnZhbHVlKTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuZmlsZUlucHV0ICYmIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBvcGVuRmlsZVBpY2tlcigpIHtcclxuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBFeGVjdXRlIGEgY2xpY2sgb24gdGhlIGZpbGUgaW5wdXQuXHJcbiAgICAgICAgdGhpcy5maWxlSW5wdXRcclxuICAgICAgICAmJiB0aGlzLmZpbGVJbnB1dC5uYXRpdmVFbGVtZW50XHJcbiAgICAgICAgJiYgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC5jbGlja1xyXG4gICAgICAgICYmIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcclxuICAgIH1cclxuXHJcbiAgICBvblRvdWNoZWRDYWxsYmFjazogKCkgPT4gdm9pZCA9ICgpID0+IHtcclxuICAgIH07XHJcblxyXG4gICAgb25DaGFuZ2VDYWxsYmFjazogKF86IHN0cmluZyB8IG51bGwpID0+IHZvaWQgPSAoKSA9PiB7XHJcbiAgICB9O1xyXG5cclxuICAgIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcclxuICAgICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgICB9XHJcblxyXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShtZXRob2Q6IChfOiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkKSB7XHJcbiAgICAgICAgdGhpcy5vbkNoYW5nZUNhbGxiYWNrID0gbWV0aG9kO1xyXG4gICAgfVxyXG5cclxuICAgIHJlZ2lzdGVyT25Ub3VjaGVkKG1ldGhvZDogKCkgPT4gdm9pZCkge1xyXG4gICAgICAgIHRoaXMub25Ub3VjaGVkQ2FsbGJhY2sgPSBtZXRob2Q7XHJcbiAgICB9XHJcblxyXG4gICAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKSB7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjwhLS0gVGhlIGlucHV0IHRoYXQgY2FuIG9wZW4gdGhlIGZpbGUgcGlja2VyLiAtLT5cclxuPGlucHV0ICNmaWxlSW5wdXRcclxuICAgICAgIChjaGFuZ2UpPVwib25GaWxlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgY2xhc3M9XCJiYi1pbWFnZS1waWNrZXItaW5wdXRcIlxyXG4gICAgICAgdHlwZT1cImZpbGVcIlxyXG4gICAgICAgdGFiaW5kZXg9XCItMVwiXHJcbiAgICAgICBhY2NlcHQ9XCJpbWFnZS8qXCI+XHJcblxyXG48c3BhbiBbc3R5bGUud2lkdGhdPVwic3R5bGVEaW1lbnNpb25zPy53aWR0aCB8fCAnMTAwJSdcIlxyXG4gICAgICBbc3R5bGUuaGVpZ2h0XT1cInN0eWxlRGltZW5zaW9ucz8uaGVpZ2h0IHx8ICcyMTVweCdcIlxyXG4gICAgICBbc3R5bGUuYmFja2dyb3VuZC1pbWFnZV09XCJpbWFnZSB8IGFzeW5jXCJcclxuICAgICAgY2xhc3M9XCJiYi1pbWFnZS1pbnB1dC1pbWFnZVwiPlxyXG4gICAgPC9zcGFuPlxyXG5cclxuPGJ1dHRvbiAqbmdJZj1cImxhYmVsIGFzIGxhYmVsVGV4dFwiXHJcbiAgICAgICAgKGNsaWNrKT1cIm9wZW5GaWxlUGlja2VyKClcIlxyXG4gICAgICAgIGJiLWJ1dHRvblxyXG4gICAgICAgIGNsYXNzPVwiYmItaW1hZ2UtaW5wdXQtYnV0dG9uXCJcclxuICAgICAgICB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgICB7eyBsYWJlbFRleHQgfX1cclxuPC9idXR0b24+XHJcbiJdfQ==
+import { __awaiter } from "tslib";
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { mixinDisabled, mixinGrouped } from '@bravobit/bb-foundation';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { map } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@bravobit/bb-foundation";
+import * as i2 from "../button/button.component";
+import * as i3 from "@angular/common";
+class BbImagePickerBase {
+}
+const BbImagePickerMixinBase = mixinDisabled(mixinGrouped(BbImagePickerBase));
+export class BbImagePicker extends BbImagePickerMixinBase {
+    constructor(_converter) {
+        super();
+        this._converter = _converter;
+        // Inputs.
+        this.label = null;
+        this.placeholder = null;
+        this.styleDimensions = null;
+        this.cropDimensions = null;
+        // Form.
+        this._value$ = new BehaviorSubject(null);
+        this.valueChange = new EventEmitter();
+        this.onTouchedCallback = () => {
+        };
+        this.onChangeCallback = () => {
+        };
+    }
+    get value() {
+        return this._value$.getValue();
+    }
+    set value(value) {
+        this._value$.next(value);
+        this.valueChange.emit(value);
+    }
+    get image() {
+        return this._value$.pipe(map(value => value || this.placeholder), map(value => value ? `url(${value})` : null));
+    }
+    onFileChange(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Grab the file from the event.
+            const file = event.target.files[0];
+            // Check if the file exists.
+            if (!file || this.disabled) {
+                return;
+            }
+            try {
+                this.value = yield this._converter.toDataUri(file, this.cropDimensions);
+            }
+            catch (error) {
+                this.value = null;
+            }
+            this.onChangeCallback(this.value);
+            if (this.fileInput && this.fileInput.nativeElement) {
+                this.fileInput.nativeElement.value = '';
+            }
+        });
+    }
+    openFilePicker() {
+        if (this.disabled) {
+            return;
+        }
+        // Execute a click on the file input.
+        this.fileInput
+            && this.fileInput.nativeElement
+            && this.fileInput.nativeElement.click
+            && this.fileInput.nativeElement.click();
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(method) {
+        this.onChangeCallback = method;
+    }
+    registerOnTouched(method) {
+        this.onTouchedCallback = method;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+}
+BbImagePicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: BbImagePicker, deps: [{ token: i1.ImageConverter }], target: i0.ɵɵFactoryTarget.Component });
+BbImagePicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: BbImagePicker, selector: "bb-image-picker", inputs: { grouped: "grouped", disabled: "disabled", label: "label", placeholder: "placeholder", styleDimensions: "styleDimensions", cropDimensions: "cropDimensions", value: "value" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.disabled": "disabled", "class.grouped": "grouped" }, classAttribute: "bb-image-picker" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbImagePicker), multi: true }], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<!-- The input that can open the file picker. -->\n<input #fileInput\n       (change)=\"onFileChange($event)\"\n       class=\"bb-image-picker-input\"\n       type=\"file\"\n       tabindex=\"-1\"\n       accept=\"image/*\">\n\n<span [style.width]=\"styleDimensions?.width || '100%'\"\n      [style.height]=\"styleDimensions?.height || '215px'\"\n      [style.background-image]=\"image | async\"\n      class=\"bb-image-input-image\">\n    </span>\n\n<button *ngIf=\"label as labelText\"\n        (click)=\"openFilePicker()\"\n        bb-button\n        class=\"bb-image-input-button\"\n        type=\"button\">\n    {{ labelText }}\n</button>\n", styles: [".bb-image-picker{display:flex;align-items:center;flex-direction:column}.bb-image-picker.circle>.bb-image-input-image{border-radius:50%}.bb-image-picker.grouped{margin-bottom:20px}.bb-image-picker.disabled{opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.bb-image-picker-input{opacity:0;z-index:-1;width:.1px;height:.1px;overflow:hidden;position:absolute}.bb-image-input-image{display:flex;cursor:default;position:relative;border-radius:4px;align-items:center;justify-content:center;background:rgba(0,0,0,.2) url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) center center/cover no-repeat}.bb-image-input-button{margin-top:10px}\n"], components: [{ type: i2.BbButton, selector: "button[bb-button]", inputs: ["disabled", "loading"], exportAs: ["bbButton"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0, type: BbImagePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bb-image-picker',
+                    templateUrl: './image-picker.component.html',
+                    styleUrls: ['./image-picker.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'class': 'bb-image-picker',
+                        '[class.disabled]': 'disabled',
+                        '[class.grouped]': 'grouped'
+                    },
+                    inputs: ['grouped', 'disabled'],
+                    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbImagePicker), multi: true }],
+                    preserveWhitespaces: false
+                }]
+        }], ctorParameters: function () { return [{ type: i1.ImageConverter }]; }, propDecorators: { fileInput: [{
+                type: ViewChild,
+                args: ['fileInput', { static: true }]
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], styleDimensions: [{
+                type: Input
+            }], cropDimensions: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pbWFnZS1waWNrZXIvaW1hZ2UtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vZWxlbWVudHMvc3JjL2xpYi9pbWFnZS1waWNrZXIvaW1hZ2UtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBR0gsYUFBYSxFQUViLFlBQVksRUFDZixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3JDLE9BQU8sRUFBQyxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFFbkMsTUFBTSxpQkFBaUI7Q0FDdEI7QUFFRCxNQUFNLHNCQUFzQixHQUd0QixhQUFhLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztBQWlCckQsTUFBTSxPQUFPLGFBQWMsU0FBUSxzQkFBc0I7SUFjckQsWUFBb0IsVUFBMEI7UUFDMUMsS0FBSyxFQUFFLENBQUM7UUFEUSxlQUFVLEdBQVYsVUFBVSxDQUFnQjtRQVQ5QyxVQUFVO1FBQ0QsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFDNUIsZ0JBQVcsR0FBa0IsSUFBSSxDQUFDO1FBQ2xDLG9CQUFlLEdBQTZDLElBQUksQ0FBQztRQUNqRSxtQkFBYyxHQUE2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LEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDLHVLQzFDeEcsdW9CQXFCQTs0RkR3QmEsYUFBYTtrQkFmekIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixXQUFXLEVBQUUsK0JBQStCO29CQUM1QyxTQUFTLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztvQkFDNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUU7d0JBQ0YsT0FBTyxFQUFFLGlCQUFpQjt3QkFDMUIsa0JBQWtCLEVBQUUsVUFBVTt3QkFDOUIsaUJBQWlCLEVBQUUsU0FBUztxQkFDL0I7b0JBQ0QsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQztvQkFDL0IsU0FBUyxFQUFFLENBQUMsRUFBQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsY0FBYyxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDO29CQUNwRyxtQkFBbUIsRUFBRSxLQUFLO2lCQUM3QjtxR0FJMkMsU0FBUztzQkFBaEQsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUc3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLO2dCQUtJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBmb3J3YXJkUmVmLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEltYWdlQ29udmVydGVyLFxuICAgIENhbkRpc2FibGVDb25zdHJ1Y3RvcixcbiAgICBtaXhpbkRpc2FibGVkLFxuICAgIElzR3JvdXBlZENvbnN0cnVjdG9yLFxuICAgIG1peGluR3JvdXBlZFxufSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtCZWhhdmlvclN1YmplY3R9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHttYXB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuY2xhc3MgQmJJbWFnZVBpY2tlckJhc2Uge1xufVxuXG5jb25zdCBCYkltYWdlUGlja2VyTWl4aW5CYXNlOiBJc0dyb3VwZWRDb25zdHJ1Y3RvclxuICAgICYgQ2FuRGlzYWJsZUNvbnN0cnVjdG9yXG4gICAgJiB0eXBlb2YgQmJJbWFnZVBpY2tlckJhc2VcbiAgICA9IG1peGluRGlzYWJsZWQobWl4aW5Hcm91cGVkKEJiSW1hZ2VQaWNrZXJCYXNlKSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmItaW1hZ2UtcGlja2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2UtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbWFnZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ2NsYXNzJzogJ2JiLWltYWdlLXBpY2tlcicsXG4gICAgICAgICdbY2xhc3MuZGlzYWJsZWRdJzogJ2Rpc2FibGVkJyxcbiAgICAgICAgJ1tjbGFzcy5ncm91cGVkXSc6ICdncm91cGVkJ1xuICAgIH0sXG4gICAgaW5wdXRzOiBbJ2dyb3VwZWQnLCAnZGlzYWJsZWQnXSxcbiAgICBwcm92aWRlcnM6IFt7cHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJiSW1hZ2VQaWNrZXIpLCBtdWx0aTogdHJ1ZX1dLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIEJiSW1hZ2VQaWNrZXIgZXh0ZW5kcyBCYkltYWdlUGlja2VyTWl4aW5CYXNlIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gICAgLy8gVmlld3MuXG4gICAgQFZpZXdDaGlsZCgnZmlsZUlucHV0Jywge3N0YXRpYzogdHJ1ZX0pIGZpbGVJbnB1dDogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICAgIC8vIElucHV0cy5cbiAgICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIEBJbnB1dCgpIHN0eWxlRGltZW5zaW9uczogeyB3aWR0aDogc3RyaW5nLCBoZWlnaHQ6IHN0cmluZyB9IHwgbnVsbCA9IG51bGw7XG4gICAgQElucHV0KCkgY3JvcERpbWVuc2lvbnM6IHsgd2lkdGg6IG51bWJlciwgaGVpZ2h0OiBudW1iZXIgfSB8IG51bGwgPSBudWxsO1xuXG4gICAgLy8gRm9ybS5cbiAgICBwcml2YXRlIF92YWx1ZSQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PHN0cmluZyB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfY29udmVydGVyOiBJbWFnZUNvbnZlcnRlcikge1xuICAgICAgICBzdXBlcigpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgZ2V0IHZhbHVlKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWUkLmdldFZhbHVlKCk7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudWxsPigpO1xuXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcgfCBudWxsKSB7XG4gICAgICAgIHRoaXMuX3ZhbHVlJC5uZXh0KHZhbHVlKTtcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBnZXQgaW1hZ2UoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl92YWx1ZSQucGlwZShcbiAgICAgICAgICAgIG1hcCh2YWx1ZSA9PiB2YWx1ZSB8fCB0aGlzLnBsYWNlaG9sZGVyKSxcbiAgICAgICAgICAgIG1hcCh2YWx1ZSA9PiB2YWx1ZSA/IGB1cmwoJHt2YWx1ZX0pYCA6IG51bGwpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgYXN5bmMgb25GaWxlQ2hhbmdlKGV2ZW50KSB7XG4gICAgICAgIC8vIEdyYWIgdGhlIGZpbGUgZnJvbSB0aGUgZXZlbnQuXG4gICAgICAgIGNvbnN0IGZpbGU6IEZpbGUgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG5cbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIGZpbGUgZXhpc3RzLlxuICAgICAgICBpZiAoIWZpbGUgfHwgdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBhd2FpdCB0aGlzLl9jb252ZXJ0ZXIudG9EYXRhVXJpKGZpbGUsIHRoaXMuY3JvcERpbWVuc2lvbnMpO1xuICAgICAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm9uQ2hhbmdlQ2FsbGJhY2sodGhpcy52YWx1ZSk7XG5cbiAgICAgICAgaWYgKHRoaXMuZmlsZUlucHV0ICYmIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgICAgICAgIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQudmFsdWUgPSAnJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9wZW5GaWxlUGlja2VyKCkge1xuICAgICAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gRXhlY3V0ZSBhIGNsaWNrIG9uIHRoZSBmaWxlIGlucHV0LlxuICAgICAgICB0aGlzLmZpbGVJbnB1dFxuICAgICAgICAmJiB0aGlzLmZpbGVJbnB1dC5uYXRpdmVFbGVtZW50XG4gICAgICAgICYmIHRoaXMuZmlsZUlucHV0Lm5hdGl2ZUVsZW1lbnQuY2xpY2tcbiAgICAgICAgJiYgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC5jbGljaygpO1xuICAgIH1cblxuICAgIG9uVG91Y2hlZENhbGxiYWNrOiAoKSA9PiB2b2lkID0gKCkgPT4ge1xuICAgIH07XG5cbiAgICBvbkNoYW5nZUNhbGxiYWNrOiAoXzogc3RyaW5nIHwgbnVsbCkgPT4gdm9pZCA9ICgpID0+IHtcbiAgICB9O1xuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVsbCkge1xuICAgICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShtZXRob2Q6IChfOiBzdHJpbmcgfCBudWxsKSA9PiB2b2lkKSB7XG4gICAgICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayA9IG1ldGhvZDtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChtZXRob2Q6ICgpID0+IHZvaWQpIHtcbiAgICAgICAgdGhpcy5vblRvdWNoZWRDYWxsYmFjayA9IG1ldGhvZDtcbiAgICB9XG5cbiAgICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG59XG4iLCI8IS0tIFRoZSBpbnB1dCB0aGF0IGNhbiBvcGVuIHRoZSBmaWxlIHBpY2tlci4gLS0+XG48aW5wdXQgI2ZpbGVJbnB1dFxuICAgICAgIChjaGFuZ2UpPVwib25GaWxlQ2hhbmdlKCRldmVudClcIlxuICAgICAgIGNsYXNzPVwiYmItaW1hZ2UtcGlja2VyLWlucHV0XCJcbiAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgdGFiaW5kZXg9XCItMVwiXG4gICAgICAgYWNjZXB0PVwiaW1hZ2UvKlwiPlxuXG48c3BhbiBbc3R5bGUud2lkdGhdPVwic3R5bGVEaW1lbnNpb25zPy53aWR0aCB8fCAnMTAwJSdcIlxuICAgICAgW3N0eWxlLmhlaWdodF09XCJzdHlsZURpbWVuc2lvbnM/LmhlaWdodCB8fCAnMjE1cHgnXCJcbiAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWltYWdlXT1cImltYWdlIHwgYXN5bmNcIlxuICAgICAgY2xhc3M9XCJiYi1pbWFnZS1pbnB1dC1pbWFnZVwiPlxuICAgIDwvc3Bhbj5cblxuPGJ1dHRvbiAqbmdJZj1cImxhYmVsIGFzIGxhYmVsVGV4dFwiXG4gICAgICAgIChjbGljayk9XCJvcGVuRmlsZVBpY2tlcigpXCJcbiAgICAgICAgYmItYnV0dG9uXG4gICAgICAgIGNsYXNzPVwiYmItaW1hZ2UtaW5wdXQtYnV0dG9uXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiPlxuICAgIHt7IGxhYmVsVGV4dCB9fVxuPC9idXR0b24+XG4iXX0=