@bravobit/bb-foundation 0.26.3 → 0.27.0

package/fesm2015/bravobit-bb-foundation-recaptcha.mjs

@@ -1,349 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, LOCALE_ID, Injectable, Optional, Inject, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, Output, NgModule } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import * as i3 from 'rxjs';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import * as i1 from '@angular/cdk/platform';
-import * as i2 from '@bravobit/bb-foundation/localize';
-import { LOCALIZE_ID } from '@bravobit/bb-foundation/localize';
-import { mixinGrouped } from '@bravobit/bb-foundation';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-const RECAPTCHA_CONFIG = new InjectionToken('bb-recaptcha-config');
-
-class RecaptchaLoader {
-    constructor(_platform, _renderFactory, _localize, _localeId, _document, _config) {
-        this._platform = _platform;
-        this._renderFactory = _renderFactory;
-        this._localize = _localize;
-        this._localeId = _localeId;
-        this._document = _document;
-        this._config = _config;
-        // Ready state.
-        this.ready$ = null;
-        // Data.
-        this._windowLoadFn = 'bbRecaptchaLoad';
-        this._renderer = null;
-        // Create a renderer.
-        this._renderer = this._renderFactory.createRenderer(null, null);
-        // Set the ready subject if not exists.
-        if (this.ready$) {
-            return;
-        }
-        this.ready$ = new BehaviorSubject(null);
-        // Create the script.
-        this.createScript(captcha => this.ready$.next(captcha));
-    }
-    createScript(callback) {
-        var _a;
-        // Validate we are on a browser.
-        if (!this._platform.isBrowser) {
-            return;
-        }
-        // Create the script.
-        const script = this._renderer.createElement('script');
-        // Set properties on the script.
-        this._renderer.setProperty(script, 'src', this.getUrl());
-        this._renderer.setProperty(script, 'async', true);
-        this._renderer.setProperty(script, 'defer', true);
-        // Set the nonce.
-        if (this._config.nonce) {
-            this._renderer.setAttribute(script, 'nonce', this._config.nonce);
-        }
-        // Set the loading function.
-        if (this._platform.isBrowser) {
-            window[this._windowLoadFn] = () => callback(grecaptcha);
-        }
-        // Append the script tag.
-        this._renderer.appendChild((_a = this._document) === null || _a === void 0 ? void 0 : _a.body, script);
-    }
-    getUrl() {
-        var _a, _b;
-        const baseUrl = (_b = (_a = this._config) === null || _a === void 0 ? void 0 : _a.baseUrl) !== null && _b !== void 0 ? _b : 'https://www.google.com/recaptcha/api.js';
-        return [baseUrl, this.getQueryParams()]
-            .filter(item => !!item)
-            .join('?');
-    }
-    getQueryParams() {
-        var _a, _b, _c, _d, _e;
-        const localeId = (_d = (_c = (_b = (_a = this._localize) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : this._localeId) !== null && _d !== void 0 ? _d : null;
-        const params = {
-            render: 'explicit',
-            onload: (_e = this._windowLoadFn) !== null && _e !== void 0 ? _e : null,
-            hl: localeId
-        };
-        return Object.keys(params)
-            .map(key => ({ key, value: params[key] }))
-            .filter(item => !!item.value)
-            .map(item => `${item === null || item === void 0 ? void 0 : item.key}=${item === null || item === void 0 ? void 0 : item.value}`)
-            .join('&');
-    }
-}
-RecaptchaLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaLoader, deps: [{ token: i1.Platform }, { token: i0.RendererFactory2 }, { token: i2.Localize, optional: true }, { token: LOCALE_ID, optional: true }, { token: DOCUMENT, optional: true }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RecaptchaLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaLoader });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaLoader, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i1.Platform }, { type: i0.RendererFactory2 }, { type: i2.Localize, decorators: [{
-                        type: Optional
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [LOCALE_ID]
-                    }] }, { type: Document, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [RECAPTCHA_CONFIG]
-                    }] }];
-    } });
-
-let nextUniqueId = 0;
-class BbRecaptchaBase {
-}
-const BbRecaptchaMixinBase = mixinGrouped(BbRecaptchaBase);
-class RecaptchaComponent extends BbRecaptchaMixinBase {
-    constructor(_zone, _platform, _renderer, _elementRef, _loader, _localizeId, _config) {
-        super();
-        this._zone = _zone;
-        this._platform = _platform;
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._loader = _loader;
-        this._localizeId = _localizeId;
-        this._config = _config;
-        // Host bindings.
-        this.id = `bb-recaptcha-${nextUniqueId++}`;
-        // Inputs.
-        this.siteKey = null;
-        this.tabIndex = null;
-        this.type = null;
-        this.size = null;
-        this.theme = null;
-        this.badge = null;
-        this.errorMode = 'default';
-        // Outputs.
-        this.resolved = new EventEmitter();
-        this.error = new EventEmitter();
-        // Data.
-        this._widgetId = null;
-        this._grecaptcha = null;
-        this._executeRequested = false;
-        // Form methods.
-        this._onChange = null;
-        this._onTouched = null;
-        // Subscriptions.
-        this._subscriptions = new Subscription();
-        this.initializeProperties();
-    }
-    ngAfterViewInit() {
-        this.handleOnLoad();
-        this.handleLocaleChanges();
-    }
-    ngOnDestroy() {
-        var _a;
-        // Reset the captcha.
-        this.resetCaptchaElement();
-        // Unsubscribe of ready data.
-        (_a = this._subscriptions) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-    execute() {
-        // Check if the captcha is invisible.
-        if (this.size !== 'invisible') {
-            return;
-        }
-        // Check if the widget exists else return.
-        if (this._widgetId == null) {
-            this._executeRequested = true;
-            return;
-        }
-        // Execute the captcha.
-        this._grecaptcha.execute(this._widgetId);
-    }
-    reset() {
-        if (this._widgetId == null) {
-            return;
-        }
-        if (this._grecaptcha.getResponse(this._widgetId)) {
-            this.resolved.emit(null);
-        }
-        this.resetCaptchaElement();
-    }
-    writeValue(value) {
-        if (value) {
-            return;
-        }
-        this.reset();
-    }
-    registerOnChange(fn) {
-        this._onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this._onTouched = fn;
-    }
-    onResolve(event) {
-        var _a, _b;
-        // Emit the value.
-        this.resolved.emit(event);
-        // Call the form functions.
-        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this, event);
-        (_b = this._onTouched) === null || _b === void 0 ? void 0 : _b.call(this);
-    }
-    renderCaptchaElement() {
-        const parameters = {
-            badge: this.badge,
-            sitekey: this.siteKey,
-            size: this.size,
-            tabindex: this.tabIndex,
-            theme: this.theme,
-            type: this.type,
-            'callback': (response) => this._zone.run(() => this.onResolve(response)),
-            'expired-callback': () => this._zone.run(() => this.onResolve(null))
-        };
-        if (this.errorMode === 'handled') {
-            parameters['error-callback'] = (...args) => {
-                return this._zone.run(() => this.error.emit(args));
-            };
-        }
-        this._widgetId = this._grecaptcha.render(this._elementRef.nativeElement, parameters);
-        if (this._executeRequested) {
-            this._executeRequested = false;
-            this.execute();
-        }
-    }
-    resetCaptchaElement() {
-        if (this._widgetId == null) {
-            return;
-        }
-        this._zone.runOutsideAngular(() => this._grecaptcha.reset(this._widgetId));
-    }
-    initializeProperties() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        this.siteKey = (_a = this.siteKey) !== null && _a !== void 0 ? _a : (_b = this._config) === null || _b === void 0 ? void 0 : _b.siteKey;
-        this.theme = (_c = this.theme) !== null && _c !== void 0 ? _c : (_d = this._config) === null || _d === void 0 ? void 0 : _d.theme;
-        this.size = (_e = this.size) !== null && _e !== void 0 ? _e : (_f = this._config) === null || _f === void 0 ? void 0 : _f.size;
-        this.type = (_g = this.type) !== null && _g !== void 0 ? _g : (_h = this._config) === null || _h === void 0 ? void 0 : _h.type;
-        this.badge = (_j = this.badge) !== null && _j !== void 0 ? _j : (_k = this._config) === null || _k === void 0 ? void 0 : _k.badge;
-    }
-    handleOnLoad() {
-        const subscription = this._loader.ready$.subscribe((grecaptcha) => {
-            if (grecaptcha == null || !(grecaptcha.render instanceof Function)) {
-                return;
-            }
-            this._grecaptcha = grecaptcha;
-            this.renderCaptchaElement();
-        });
-        this._subscriptions.add(subscription);
-    }
-    handleLocaleChanges() {
-        const subscription = this._localizeId.subscribe(locale => this.onLocaleChanged(locale));
-        this._subscriptions.add(subscription);
-    }
-    onLocaleChanged(locale) {
-        var _a, _b;
-        const element = (_b = (_a = this._elementRef) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
-        if (!element || !this._platform.isBrowser) {
-            return;
-        }
-        const frame = element === null || element === void 0 ? void 0 : element.querySelector('iframe');
-        if (!frame) {
-            return;
-        }
-        const src = frame.getAttribute('src');
-        const currentLanguageId = src.match(/hl=(.*?)&/).pop();
-        if (currentLanguageId === locale) {
-            return;
-        }
-        const newSrc = src.replace(/hl=(.*?)&/, `hl=${locale}&`);
-        this._renderer.setAttribute(frame, 'src', newSrc);
-    }
-}
-RecaptchaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: RecaptchaLoader }, { token: LOCALIZE_ID }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: RecaptchaComponent, selector: "bb-recaptcha", inputs: { grouped: "grouped", id: "id", siteKey: "siteKey", tabIndex: "tabIndex", type: "type", size: "size", theme: "theme", badge: "badge", errorMode: "errorMode" }, outputs: { resolved: "resolved", error: "error" }, host: { properties: { "class.grouped": "grouped", "attr.id": "this.id" }, classAttribute: "bb-recaptcha" }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: forwardRef(() => RecaptchaComponent),
-            multi: true
-        }
-    ], exportAs: ["bbRecaptcha"], usesInheritance: true, ngImport: i0, template: "", styles: [".bb-recaptcha{display:block}.bb-recaptcha.grouped{margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bb-recaptcha', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'bbRecaptcha', providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => RecaptchaComponent),
-                            multi: true
-                        }
-                    ], host: {
-                        'class': 'bb-recaptcha',
-                        '[class.grouped]': 'grouped'
-                    }, inputs: ['grouped'], preserveWhitespaces: false, template: "", styles: [".bb-recaptcha{display:block}.bb-recaptcha.grouped{margin-bottom:20px}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.NgZone }, { type: i1.Platform }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: RecaptchaLoader }, { type: i3.Observable, decorators: [{
-                        type: Inject,
-                        args: [LOCALIZE_ID]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [RECAPTCHA_CONFIG]
-                    }] }];
-    }, propDecorators: { id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], siteKey: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], badge: [{
-                type: Input
-            }], errorMode: [{
-                type: Input
-            }], resolved: [{
-                type: Output
-            }], error: [{
-                type: Output
-            }] } });
-
-class RecaptchaModule {
-    static forRoot(config) {
-        return {
-            ngModule: RecaptchaModule,
-            providers: [
-                { provide: RECAPTCHA_CONFIG, useValue: config },
-                RecaptchaLoader
-            ]
-        };
-    }
-}
-RecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaModule, declarations: [RecaptchaComponent], exports: [RecaptchaComponent] });
-RecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: RecaptchaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [RecaptchaComponent],
-                    exports: [RecaptchaComponent]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RECAPTCHA_CONFIG, RecaptchaComponent, RecaptchaLoader, RecaptchaModule };
-//# sourceMappingURL=bravobit-bb-foundation-recaptcha.mjs.map

package/fesm2015/bravobit-bb-foundation-rxjs.mjs

@@ -1,22 +0,0 @@
-import { combineLatest, merge, defer, of } from 'rxjs';
-import { map, filter, distinctUntilChanged, shareReplay } from 'rxjs/operators';
-
-function combineLatestMap(observables) {
-    const keys = Object.keys(observables);
-    return combineLatest(keys.map(k => observables[k])).pipe(map(b => b.reduce((previous, value, index) => (Object.assign(Object.assign({}, previous), { [keys[index]]: value })), {})));
-}
-
-function filterNil() {
-    return filter(value => value !== undefined && value !== null);
-}
-
-function getControlValue(control) {
-    return merge(control.valueChanges, defer(() => of(control.value))).pipe(distinctUntilChanged((a, b) => a === b), shareReplay({ refCount: true, bufferSize: 1 }));
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { combineLatestMap, filterNil, getControlValue };
-//# sourceMappingURL=bravobit-bb-foundation-rxjs.mjs.map

package/fesm2015/bravobit-bb-foundation-rxjs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"bravobit-bb-foundation-rxjs.mjs","sources":["../../../projects/bb-foundation/rxjs/src/lib/operators/combine-latest-map.operator.ts","../../../projects/bb-foundation/rxjs/src/lib/operators/filter-nil.operator.ts","../../../projects/bb-foundation/rxjs/src/lib/observables/get-control-value.observable.ts","../../../projects/bb-foundation/rxjs/src/bravobit-bb-foundation-rxjs.ts"],"sourcesContent":["import {combineLatest, Observable} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\ntype ExtractObservableType<A> = A extends Observable<infer B> ? B : never;\n\nexport function combineLatestMap<TIn extends { [key: string]: Observable<any> },\n    TOut extends { [K in keyof TIn]: ExtractObservableType<TIn[K]> }>(\n    observables: TIn): Observable<TOut> {\n    const keys = Object.keys(observables);\n\n    return combineLatest(\n        keys.map(k => observables[k])\n    ).pipe(\n        map(b => b.reduce((previous, value, index) => ({\n                ...previous,\n                [keys[index]]: value\n            }), {})\n        )\n    );\n}\n","import {filter} from 'rxjs/operators';\n\nexport function filterNil<T>() {\n    return filter<T>(value => value !== undefined && value !== null);\n}\n","import {distinctUntilChanged, shareReplay} from 'rxjs/operators';\nimport {defer, merge, Observable, of} from 'rxjs';\nimport {AbstractControl} from '@angular/forms';\n\nexport function getControlValue<T>(control: AbstractControl): Observable<T> {\n    return merge(control.valueChanges, defer(() => of(control.value))).pipe(\n        distinctUntilChanged((a, b) => a === b),\n        shareReplay({refCount: true, bufferSize: 1})\n    );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;AAKM,SAAU,gBAAgB,CAE5B,WAAgB,EAAA;IAChB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAEtC,OAAO,aAAa,CAChB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,CAChC,CAAC,IAAI,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,MAC9B,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,CACX,EAAA,EAAA,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,EACtB,CAAA,CAAA,EAAE,EAAE,CAAC,CACV,CACJ,CAAC;AACN;;SCjBgB,SAAS,GAAA;AACrB,IAAA,OAAO,MAAM,CAAI,KAAK,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC;AACrE;;ACAM,SAAU,eAAe,CAAI,OAAwB,EAAA;IACvD,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CACnE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EACvC,WAAW,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC,CAC/C,CAAC;AACN;;ACTA;;AAEG;;;;"}