@bravobit/bb-foundation 0.20.0 → 0.20.3

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

@@ -8,642 +8,644 @@ import { __awaiter } from 'tslib';
 import * as i1$1 from '@bravobit/bb-foundation/storage';
 import * as i2 from '@bravobit/bb-foundation';
 
-//
-// The configuration that can be passed when
-// the user initializes the localize module.
-//
-class LocalizeConfig {
+//
+// The configuration that can be passed when
+// the user initializes the localize module.
+//
+class LocalizeConfig {
 }
 
-//
-// This is the injection token that will be injected
-// into the service so that the all localize functions
-// can retrieved and used.
-//
+//
+// This is the injection token that will be injected
+// into the service so that the all localize functions
+// can retrieved and used.
+//
 const LOCALIZE_FUNCTION = new InjectionToken('localize_function');
 
-//
-// This function transform the value
-// to a lowercase variant of the value.
-//
-class LocalizeLowercaseFunction {
-    keyword() {
-        return 'lowercase';
-    }
-    transform(value) {
-        return (value || '').toLowerCase();
-    }
+//
+// This function transform the value
+// to a lowercase variant of the value.
+//
+class LocalizeLowercaseFunction {
+    keyword() {
+        return 'lowercase';
+    }
+    transform(value) {
+        return (value || '').toLowerCase();
+    }
 }
 
-//
-// This function transform the value
-// to a uppercase variant of the value.
-//
-class LocalizeUppercaseFunction {
-    keyword() {
-        return 'uppercase';
-    }
-    transform(value) {
-        return (value || '').toUpperCase();
-    }
+//
+// This function transform the value
+// to a uppercase variant of the value.
+//
+class LocalizeUppercaseFunction {
+    keyword() {
+        return 'uppercase';
+    }
+    transform(value) {
+        return (value || '').toUpperCase();
+    }
 }
 
-//
-// This function transform the value
-// to a localized date.
-//
-class LocalizeDateFunction {
-    keyword() {
-        return 'date';
-    }
-    transform(value, locale) {
-        const date = new Date(value);
-        if (date.toString() === 'Invalid Date') {
-            return '?';
-        }
-        return formatDate(date, 'longDate', locale);
-    }
+//
+// This function transform the value
+// to a localized date.
+//
+class LocalizeDateFunction {
+    keyword() {
+        return 'date';
+    }
+    transform(value, locale) {
+        const date = new Date(value);
+        if (date.toString() === 'Invalid Date') {
+            return '?';
+        }
+        return formatDate(date, 'longDate', locale);
+    }
 }
 
-const extraEnglishDictionary = {
-    'form-control-errors': {
-        'unknown': 'The field has an unknown error.',
-        'required': 'This field is required.',
-        'pattern': 'Invalid format.',
-        'email': 'The field does not match a valid email address.',
-        'emailTaken': 'The e-mail is already taken.',
-        'passwordMatch': 'The passwords don\'t match.',
-        'confirm': 'The field does not match.',
-        'fullNumber': 'The field should be a full number.',
-        'min': 'Minimum amount should be {{min}}.',
-        'max': 'Maximum amount should be {{max}}.',
-        'invalidFileType': 'The file type is not allowed.',
-        'maxFileSize': 'The file has exceed the maximum amount of {{maxSize}}.',
-        'minDate': 'The first accepted date is {{date|date}}.',
-        'maxDate': 'The last accepted date is {{date|date}}.',
-        'invalidDate': 'The field contains an invalid date.',
-        'minlength': 'Expected a minimum of {{requiredLength}} characters but got {{actualLength}} characters.',
-        'maxlength': 'Expected a maximum of {{requiredLength}} characters but got {{actualLength}} characters.'
-    },
-    'tables': {
-        'search': 'Search...',
-        'loading': 'Loading...',
-        'empty': 'There is nothing to find here.',
-        'page': 'page',
-        'error_datasource': 'No data source was provided.',
-        'error_unauthorized': 'You need to be authenticated to view this data.',
-        'error_forbidden': 'You do not have access to view this data.',
-        'error_not_found': 'The data was not found.',
-        'error_server': 'A server error occurred while fetching data from the server.',
-        'error_down': 'It looks like the server is down.',
-        'error_unknown': 'A unknown error occurred.'
-    },
-    'file-picker': {
-        'choose': 'Choose file',
-        'remove': 'Remove file',
-        'drop': 'or drag and drop file here'
-    },
-    'times': {
-        'tomorrow_at': 'Tomorrow at {{date}}',
-        'today_at': 'Today at {{date}}',
-        'yesterday_at': 'Yesterday at {{date}}'
-    }
+const extraEnglishDictionary = {
+    'form-control-errors': {
+        'unknown': 'The field has an unknown error.',
+        'required': 'This field is required.',
+        'pattern': 'Invalid format.',
+        'email': 'The field does not match a valid email address.',
+        'emailTaken': 'The e-mail is already taken.',
+        'passwordMatch': 'The passwords don\'t match.',
+        'confirm': 'The field does not match.',
+        'fullNumber': 'The field should be a full number.',
+        'min': 'Minimum amount should be {{min}}.',
+        'max': 'Maximum amount should be {{max}}.',
+        'invalidFileType': 'The file type is not allowed.',
+        'maxFileSize': 'The file has exceed the maximum amount of {{maxSize}}.',
+        'minDate': 'The first accepted date is {{date|date}}.',
+        'maxDate': 'The last accepted date is {{date|date}}.',
+        'invalidDate': 'The field contains an invalid date.',
+        'minlength': 'Expected a minimum of {{requiredLength}} characters but got {{actualLength}} characters.',
+        'maxlength': 'Expected a maximum of {{requiredLength}} characters but got {{actualLength}} characters.'
+    },
+    'tables': {
+        'search': 'Search...',
+        'loading': 'Loading...',
+        'empty': 'There is nothing to find here.',
+        'page': 'page',
+        'error_datasource': 'No data source was provided.',
+        'error_unauthorized': 'You need to be authenticated to view this data.',
+        'error_forbidden': 'You do not have access to view this data.',
+        'error_not_found': 'The data was not found.',
+        'error_server': 'A server error occurred while fetching data from the server.',
+        'error_down': 'It looks like the server is down.',
+        'error_unknown': 'A unknown error occurred.'
+    },
+    'file-picker': {
+        'choose': 'Choose file',
+        'remove': 'Remove file',
+        'drop': 'or drag and drop file here'
+    },
+    'times': {
+        'tomorrow_at': 'Tomorrow at {{date}}',
+        'today_at': 'Today at {{date}}',
+        'yesterday_at': 'Yesterday at {{date}}'
+    }
 };
 
-const extraDutchDictionary = {
-    'form-control-errors': {
-        'unknown': 'Het veld heeft een onbekende fout.',
-        'required': 'Dit veld is verplicht.',
-        'pattern': 'Ongeldig formaat.',
-        'email': 'Het veld komt niet overeen met een geldig e-mailadres.',
-        'emailTaken': 'Het e-mailadres is al bezet.',
-        'passwordMatch': 'De wachtwoorden komen niet overeen.',
-        'confirm': 'Het veld komt niet overeen.',
-        'fullNumber': 'Het veld moet een volledig getal zijn.',
-        'min': 'Minimum hoeveelheid moet {{min}} zijn.',
-        'max': 'Maximum hoeveelheid moet {{max}} zijn.',
-        'invalidFileType': 'Het type bestand is niet toegestaan.',
-        'maxFileSize': 'Het bestand heeft de maximum hoeveelheid van {{maxSize}} overschreden.',
-        'minDate': 'De eerst mogelijke datum is {{date|date}}.',
-        'maxDate': 'De laatst mogelijke datum is {{date|date}}.',
-        'invalidDate': 'Het veld bevat een ongeldige datum.',
-        'minlength': 'Verwachtte minimaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.',
-        'maxlength': 'Verwachtte maximaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.'
-    },
-    'tables': {
-        'search': 'Zoeken...',
-        'loading': 'Aan het laden...',
-        'empty': 'Er is hier niets te vinden.',
-        'page': 'pagina',
-        'error_datasource': 'Er is geen gegevensbron verstrekt.',
-        'error_unauthorized': 'U moet ingelogd zijn om deze gegevens te bekijken.',
-        'error_forbidden': 'U hebt geen toegang om deze gegevens te bekijken.',
-        'error_not_found': 'De gegevens zijn niet gevonden.',
-        'error_server': 'Er is een serverfout opgetreden bij het ophalen van gegevens van de server.',
-        'error_down': 'Het lijkt erop dat de server down is.',
-        'error_unknown': 'Er is een onbekende fout opgetreden bij het ophalen van gegevens van de server.'
-    },
-    'file-picker': {
-        'choose': 'Kies bestand',
-        'remove': 'Verwijder bestand',
-        'drop': 'of sleep het bestand hiernaartoe'
-    },
-    'times': {
-        'tomorrow_at': 'Morgen om {{date}}',
-        'today_at': 'Vandaag om {{date}}',
-        'yesterday_at': 'Gisteren om {{date}}'
-    }
+const extraDutchDictionary = {
+    'form-control-errors': {
+        'unknown': 'Het veld heeft een onbekende fout.',
+        'required': 'Dit veld is verplicht.',
+        'pattern': 'Ongeldig formaat.',
+        'email': 'Het veld komt niet overeen met een geldig e-mailadres.',
+        'emailTaken': 'Het e-mailadres is al bezet.',
+        'passwordMatch': 'De wachtwoorden komen niet overeen.',
+        'confirm': 'Het veld komt niet overeen.',
+        'fullNumber': 'Het veld moet een volledig getal zijn.',
+        'min': 'Minimum hoeveelheid moet {{min}} zijn.',
+        'max': 'Maximum hoeveelheid moet {{max}} zijn.',
+        'invalidFileType': 'Het type bestand is niet toegestaan.',
+        'maxFileSize': 'Het bestand heeft de maximum hoeveelheid van {{maxSize}} overschreden.',
+        'minDate': 'De eerst mogelijke datum is {{date|date}}.',
+        'maxDate': 'De laatst mogelijke datum is {{date|date}}.',
+        'invalidDate': 'Het veld bevat een ongeldige datum.',
+        'minlength': 'Verwachtte minimaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.',
+        'maxlength': 'Verwachtte maximaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.'
+    },
+    'tables': {
+        'search': 'Zoeken...',
+        'loading': 'Aan het laden...',
+        'empty': 'Er is hier niets te vinden.',
+        'page': 'pagina',
+        'error_datasource': 'Er is geen gegevensbron verstrekt.',
+        'error_unauthorized': 'U moet ingelogd zijn om deze gegevens te bekijken.',
+        'error_forbidden': 'U hebt geen toegang om deze gegevens te bekijken.',
+        'error_not_found': 'De gegevens zijn niet gevonden.',
+        'error_server': 'Er is een serverfout opgetreden bij het ophalen van gegevens van de server.',
+        'error_down': 'Het lijkt erop dat de server down is.',
+        'error_unknown': 'Er is een onbekende fout opgetreden bij het ophalen van gegevens van de server.'
+    },
+    'file-picker': {
+        'choose': 'Kies bestand',
+        'remove': 'Verwijder bestand',
+        'drop': 'of sleep het bestand hiernaartoe'
+    },
+    'times': {
+        'tomorrow_at': 'Morgen om {{date}}',
+        'today_at': 'Vandaag om {{date}}',
+        'yesterday_at': 'Gisteren om {{date}}'
+    }
 };
 
-class LocalizeMissingHandler {
-    constructor() {
-        this.log = (message) => { var _a; return (_a = console === null || console === void 0 ? void 0 : console.warn) === null || _a === void 0 ? void 0 : _a.call(console, message); };
-    }
-    handle(params) {
-        var _a;
-        // Log to the console when the token was not found
-        // if the user did not mark it as optional.
-        if (!(params === null || params === void 0 ? void 0 : params.optional)) {
-            this.log(`Localize: The token with name: "${params === null || params === void 0 ? void 0 : params.token}" was not found.`);
-        }
-        // Return the default token back.
-        return (_a = params === null || params === void 0 ? void 0 : params.token) !== null && _a !== void 0 ? _a : null;
-    }
+class LocalizeMissingHandler {
+    constructor() {
+        this.log = (message) => { var _a; return (_a = console === null || console === void 0 ? void 0 : console.warn) === null || _a === void 0 ? void 0 : _a.call(console, message); };
+    }
+    handle(params) {
+        var _a;
+        // Log to the console when the token was not found
+        // if the user did not mark it as optional.
+        if (!(params === null || params === void 0 ? void 0 : params.optional)) {
+            this.log(`Localize: The token with name: "${params === null || params === void 0 ? void 0 : params.token}" was not found.`);
+        }
+        // Return the default token back.
+        return (_a = params === null || params === void 0 ? void 0 : params.token) !== null && _a !== void 0 ? _a : null;
+    }
 }
 
-class BbLocalizeTemplate {
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-        // Inputs.
-        this.name = null;
-    }
-}
-BbLocalizeTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbLocalizeTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeTemplate, selector: "[bbLocalizeTemplate]", inputs: { name: ["bbLocalizeTemplate", "name"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplate, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bbLocalizeTemplate]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { name: [{
-                type: Input,
-                args: ['bbLocalizeTemplate']
+class BbLocalizeTemplate {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+        // Inputs.
+        this.name = null;
+    }
+}
+BbLocalizeTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbLocalizeTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeTemplate, selector: "[bbLocalizeTemplate]", inputs: { name: ["bbLocalizeTemplate", "name"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbLocalizeTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { name: [{
+                type: Input,
+                args: ['bbLocalizeTemplate']
             }] } });
 
-class BbLocalizeTemplateOrString {
-    constructor(_templateRef, _viewContainerRef) {
-        this._templateRef = _templateRef;
-        this._viewContainerRef = _viewContainerRef;
-    }
-    set bbLocalizeTemplateOrString(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);
-    }
-}
-BbLocalizeTemplateOrString.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplateOrString, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbLocalizeTemplateOrString.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeTemplateOrString, selector: "[bbLocalizeTemplateOrString]", inputs: { bbLocalizeTemplateOrString: "bbLocalizeTemplateOrString" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplateOrString, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bbLocalizeTemplateOrString]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { bbLocalizeTemplateOrString: [{
-                type: Input
+class BbLocalizeTemplateOrString {
+    constructor(_templateRef, _viewContainerRef) {
+        this._templateRef = _templateRef;
+        this._viewContainerRef = _viewContainerRef;
+    }
+    set bbLocalizeTemplateOrString(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);
+    }
+}
+BbLocalizeTemplateOrString.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplateOrString, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbLocalizeTemplateOrString.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeTemplateOrString, selector: "[bbLocalizeTemplateOrString]", inputs: { bbLocalizeTemplateOrString: "bbLocalizeTemplateOrString" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeTemplateOrString, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbLocalizeTemplateOrString]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { bbLocalizeTemplateOrString: [{
+                type: Input
             }] } });
 
-class BbLocalizeString {
-    constructor(_changeDetection) {
-        this._changeDetection = _changeDetection;
-        // Inputs.
-        this.substitutions = ['[', ']'];
-        // Data.
-        this.components = [];
-        // Subscriptions.
-        this._subscription = new Subscription();
-        // State.
-        this._value = null;
-    }
-    set value(value) {
-        this._value = value;
-        this.revalidate();
-    }
-    get value() {
-        return this._value;
-    }
-    ngAfterViewInit() {
-        this.observeItemChanges();
-    }
-    ngOnDestroy() {
-        var _a;
-        (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-    observeItemChanges() {
-        const subscription = this.items.changes.pipe(startWith(0)).subscribe(() => this.revalidate());
-        this._subscription.add(subscription);
-    }
-    revalidate() {
-        var _a, _b;
-        const items = (_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.toArray()) !== null && _b !== void 0 ? _b : [];
-        if (items.length <= 0) {
-            return;
-        }
-        this.setComponents(items);
-    }
-    setComponents(items) {
-        const [start, end] = this.substitutions;
-        const templates = items.reduce((previous, current) => {
-            var _a, _b;
-            const template = (_a = current === null || current === void 0 ? void 0 : current.templateRef) !== null && _a !== void 0 ? _a : null;
-            const name = (_b = current === null || current === void 0 ? void 0 : current.name) !== null && _b !== void 0 ? _b : null;
-            if (!template || !name) {
-                return previous;
-            }
-            return Object.assign(Object.assign({}, previous), { [`${start}${name}${end}`]: template });
-        }, {});
-        this.components = this.getStringComponents(this._value)
-            .map(component => { var _a, _b; return (_b = (_a = templates === null || templates === void 0 ? void 0 : templates[component]) !== null && _a !== void 0 ? _a : component) !== null && _b !== void 0 ? _b : null; })
-            .filter(item => !!item);
-        this._changeDetection.detectChanges();
-    }
-    getStringComponents(value) {
-        const [start, end] = this.getSubstitutions();
-        const regex = new RegExp(`(${start}[a-zA-Z]+${end})`, 'g');
-        return value.split(regex);
-    }
-    getSubstitutions() {
-        const [start, end] = this.substitutions;
-        const escape = /[.*+?^${}()|[\]\\]/g;
-        return [
-            start.replace(escape, '\\$&'),
-            end.replace(escape, '\\$&')
-        ];
-    }
-}
-BbLocalizeString.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeString, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BbLocalizeString.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeString, selector: "bb-localize-string, [bb-localize-string]", inputs: { substitutions: "substitutions", value: "value" }, host: { classAttribute: "bb-localize-string" }, queries: [{ propertyName: "items", predicate: BbLocalizeTemplate }], ngImport: i0, template: "<ng-container *ngFor=\"let component of components\">\r\n    <ng-template [bbLocalizeTemplateOrString]=\"component\">{{ component }}</ng-template>\r\n</ng-container>\r\n", styles: [".bb-localize-string{display:inline}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BbLocalizeTemplateOrString, selector: "[bbLocalizeTemplateOrString]", inputs: ["bbLocalizeTemplateOrString"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeString, decorators: [{
-            type: Component,
-            args: [{ selector: 'bb-localize-string, [bb-localize-string]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
-                        'class': 'bb-localize-string'
-                    }, template: "<ng-container *ngFor=\"let component of components\">\r\n    <ng-template [bbLocalizeTemplateOrString]=\"component\">{{ component }}</ng-template>\r\n</ng-container>\r\n", styles: [".bb-localize-string{display:inline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
-                type: ContentChildren,
-                args: [BbLocalizeTemplate]
-            }], substitutions: [{
-                type: Input
-            }], value: [{
-                type: Input
+class BbLocalizeString {
+    constructor(_changeDetection) {
+        this._changeDetection = _changeDetection;
+        // Inputs.
+        this.substitutions = ['[', ']'];
+        // Data.
+        this.components = [];
+        // Subscriptions.
+        this._subscription = new Subscription();
+        // State.
+        this._value = null;
+    }
+    set value(value) {
+        this._value = value;
+        this.revalidate();
+    }
+    get value() {
+        return this._value;
+    }
+    ngAfterViewInit() {
+        this.observeItemChanges();
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    observeItemChanges() {
+        const subscription = this.items.changes.pipe(startWith(0)).subscribe(() => this.revalidate());
+        this._subscription.add(subscription);
+    }
+    revalidate() {
+        var _a, _b;
+        const items = (_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.toArray()) !== null && _b !== void 0 ? _b : [];
+        if (items.length <= 0) {
+            return;
+        }
+        this.setComponents(items);
+    }
+    setComponents(items) {
+        const [start, end] = this.substitutions;
+        const templates = items.reduce((previous, current) => {
+            var _a, _b;
+            const template = (_a = current === null || current === void 0 ? void 0 : current.templateRef) !== null && _a !== void 0 ? _a : null;
+            const name = (_b = current === null || current === void 0 ? void 0 : current.name) !== null && _b !== void 0 ? _b : null;
+            if (!template || !name) {
+                return previous;
+            }
+            return Object.assign(Object.assign({}, previous), { [`${start}${name}${end}`]: template });
+        }, {});
+        this.components = this.getStringComponents(this._value)
+            .map(component => { var _a, _b; return (_b = (_a = templates === null || templates === void 0 ? void 0 : templates[component]) !== null && _a !== void 0 ? _a : component) !== null && _b !== void 0 ? _b : null; })
+            .filter(item => !!item);
+        this._changeDetection.detectChanges();
+    }
+    getStringComponents(value) {
+        const [start, end] = this.getSubstitutions();
+        const regex = new RegExp(`(${start}[a-zA-Z]+${end})`, 'g');
+        return value.split(regex);
+    }
+    getSubstitutions() {
+        const [start, end] = this.substitutions;
+        const escape = /[.*+?^${}()|[\]\\]/g;
+        return [
+            start.replace(escape, '\\$&'),
+            end.replace(escape, '\\$&')
+        ];
+    }
+}
+BbLocalizeString.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeString, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BbLocalizeString.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: BbLocalizeString, selector: "bb-localize-string, [bb-localize-string]", inputs: { substitutions: "substitutions", value: "value" }, host: { classAttribute: "bb-localize-string" }, queries: [{ propertyName: "items", predicate: BbLocalizeTemplate }], ngImport: i0, template: "<ng-container *ngFor=\"let component of components\">\n    <ng-template [bbLocalizeTemplateOrString]=\"component\">{{ component }}</ng-template>\n</ng-container>\n", styles: [".bb-localize-string{display:inline}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: BbLocalizeTemplateOrString, selector: "[bbLocalizeTemplateOrString]", inputs: ["bbLocalizeTemplateOrString"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalizeString, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-localize-string, [bb-localize-string]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'class': 'bb-localize-string'
+                    }, template: "<ng-container *ngFor=\"let component of components\">\n    <ng-template [bbLocalizeTemplateOrString]=\"component\">{{ component }}</ng-template>\n</ng-container>\n", styles: [".bb-localize-string{display:inline}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
+                type: ContentChildren,
+                args: [BbLocalizeTemplate]
+            }], substitutions: [{
+                type: Input
+            }], value: [{
+                type: Input
             }] } });
 
-class LocalizeDictionary {
-    constructor(data) {
-        this._data = this.formatData(data);
-    }
-    get(token) {
-        var _a, _b;
-        const key = Array.isArray(token) ? token.join('.') : token;
-        return (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : null;
-    }
-    formatData(data, scope = null) {
-        const devMode = isDevMode();
-        return Object.keys(data).reduce((previous, current) => {
-            var _a;
-            const value = data === null || data === void 0 ? void 0 : data[current];
-            if (typeof value === 'object' && value !== null) {
-                const reformatted = this.formatData(value, current);
-                return Object.assign(Object.assign({}, previous), reformatted);
-            }
-            const token = [scope, current].filter(item => !!item).join('.');
-            if (previous[token] && devMode) {
-                (_a = console === null || console === void 0 ? void 0 : console.warn) === null || _a === void 0 ? void 0 : _a.call(console, `Localize: Duplicate key "${token}" was found, please verify your translation files.`);
-            }
-            return Object.assign(Object.assign({}, previous), { [token]: value });
-        }, {});
-    }
+class LocalizeDictionary {
+    constructor(data) {
+        this._data = this.formatData(data);
+    }
+    get(token) {
+        var _a, _b;
+        const key = Array.isArray(token) ? token.join('.') : token;
+        return (_b = (_a = this._data) === null || _a === void 0 ? void 0 : _a[key]) !== null && _b !== void 0 ? _b : null;
+    }
+    formatData(data, scope = null) {
+        const devMode = isDevMode();
+        return Object.keys(data).reduce((previous, current) => {
+            var _a;
+            const value = data === null || data === void 0 ? void 0 : data[current];
+            if (typeof value === 'object' && value !== null) {
+                const reformatted = this.formatData(value, current);
+                return Object.assign(Object.assign({}, previous), reformatted);
+            }
+            const token = [scope, current].filter(item => !!item).join('.');
+            if (previous[token] && devMode) {
+                (_a = console === null || console === void 0 ? void 0 : console.warn) === null || _a === void 0 ? void 0 : _a.call(console, `Localize: Duplicate key "${token}" was found, please verify your translation files.`);
+            }
+            return Object.assign(Object.assign({}, previous), { [token]: value });
+        }, {});
+    }
 }
 
-class Localize {
-    constructor(_storage, _languages, _config, _missingHandler, _document, _functions) {
-        this._storage = _storage;
-        this._languages = _languages;
-        this._config = _config;
-        this._missingHandler = _missingHandler;
-        this._document = _document;
-        this._functions = _functions;
-        this._storageToken = 'bb-language-dictionary-id';
-        // Current language dictionary.
-        this._currentLanguage = null;
-        this._currentDictionary = null;
-        this.convertToParams = (tokenOrParams) => {
-            if (typeof tokenOrParams !== 'string') {
-                // Destruct the params from the object.
-                const { token, optional, data } = tokenOrParams;
-                // Make sure all parameters are valid
-                // by type safe adding them.
-                return { token: token, optional: optional !== null && optional !== void 0 ? optional : false, data: data !== null && data !== void 0 ? data : {} };
-            }
-            // If the parameter is a string fill in the blanks.
-            return { token: tokenOrParams, optional: false, data: {} };
-        };
-        this.getMatches = (value, substitutions) => {
-            // Get the matching substitutions.
-            const { start, end } = substitutions;
-            // Compose a regex that will find the matches.
-            const regex = new RegExp(`${start}([^${end}]+)${end}`, 'g');
-            // Execute the regex to find matches.
-            let match = regex.exec(value);
-            const matches = [];
-            while (match !== null) {
-                matches.push({ match: match[0], token: match[1] });
-                match = regex.exec(value);
-            }
-            // Return the processed value.
-            return matches.filter(item => !!item);
-        };
-        // Check if at least one language was passed in the config.
-        this._availableLanguages = this._config.languages;
-        if (this._availableLanguages.length < 1) {
-            throw new Error('Localize: one or more languages should be supplied.');
-        }
-        // Gather all the localize functions.
-        this._functionMiddleware = this._functions.reduce((previous, current) => {
-            previous[current.keyword()] = current;
-            return previous;
-        }, {});
-        // Save the best matching current dictionary.
-        this._bestMatchingLanguage = this.retrieveBestMatchingLanguage();
-        this.renderDocumentLanguage();
-    }
-    get languages() {
-        var _a;
-        return (_a = this._availableLanguages) !== null && _a !== void 0 ? _a : [];
-    }
-    get current() {
-        return this._currentLanguage;
-    }
-    set(language, cache = true) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            // Await the language data and set the current
-            // dictionary to the loaded data.
-            this._currentLanguage = language;
-            this._currentDictionary = yield language.data();
-            // Save the selected language in the storage.
-            if (cache) {
-                this._storage.cookie.set(this._storageToken, (_a = this._currentLanguage) === null || _a === void 0 ? void 0 : _a.id, {});
-            }
-        });
-    }
-    initialize() {
-        return () => __awaiter(this, void 0, void 0, function* () { return this.set(this._bestMatchingLanguage, false); });
-    }
-    clear() {
-        this._storage.cookie.remove(this._storageToken);
-    }
-    translate(tokenOrParams) {
-        // 1. Convert to the params.
-        const params = this.convertToParams(tokenOrParams);
-        // 2. Try to find the translation in the dictionary.
-        const searchResult = this._currentDictionary.get(params === null || params === void 0 ? void 0 : params.token);
-        // 3. Verify the translation was found.
-        if (!searchResult) {
-            return this._missingHandler.handle(params);
-        }
-        // 4. Find references in the translation that need to be translated as well.
-        const processResult = this.findReferencesInTranslation(searchResult);
-        // 5. Parse the interpolation data.
-        return this.parseInterpolationData(processResult, params === null || params === void 0 ? void 0 : params.data);
-    }
-    parseInterpolationData(value, data) {
-        // Get the interpolation substitutions.
-        const substitutions = this.getSubstitutions('interpolation', ['{{', '}}']);
-        // Get all matches in the value.
-        const matches = this.getMatches(value, substitutions);
-        // Replace all matches with the parsed value.
-        return matches.reduce((previous, current) => {
-            // Try to parse the token.
-            const interpolatedToken = this.interpolateFunctionData(current === null || current === void 0 ? void 0 : current.token, data);
-            // Replace the match with the parsed token.
-            return previous.replace(current === null || current === void 0 ? void 0 : current.match, interpolatedToken);
-        }, `${value}`);
-    }
-    interpolateFunctionData(value, interpolationData) {
-        var _a;
-        // Get the token and the methods by splitting
-        // on the pipe symbol.
-        const [token, ...methods] = value.split('|').map(item => item.trim());
-        // Get the value for the token from
-        // the interpolation data.
-        const interpolationValue = (_a = interpolationData === null || interpolationData === void 0 ? void 0 : interpolationData[token]) !== null && _a !== void 0 ? _a : token;
-        // Loop through all the middleware methods and try to
-        // conform the string to the given parameters.
-        return methods.reduce((string, middlewareName) => {
-            var _a;
-            // Try to retrieve the middleware from the collection.
-            const middleware = this._functionMiddleware[middlewareName];
-            // If the middleware is missing return an error
-            // so that the user knows it was not found.
-            if (!middleware) {
-                return string;
-            }
-            // Execute the middleware function with the string.
-            return middleware.transform(string, (_a = this.current) === null || _a === void 0 ? void 0 : _a.locale);
-        }, `${interpolationValue}`);
-    }
-    findReferencesInTranslation(value) {
-        // Get the reference substitutions.
-        const substitutions = this.getSubstitutions('references', ['#(', ')']);
-        // Get all matches in the value.
-        const matches = this.getMatches(value, substitutions);
-        // Replace all matches with the translated value.
-        return matches.reduce((previous, current) => {
-            // Try to translate the token.
-            const translatedToken = this.translate(current === null || current === void 0 ? void 0 : current.token);
-            // Replace the match with the translated token.
-            return previous.replace(current === null || current === void 0 ? void 0 : current.match, translatedToken);
-        }, value);
-    }
-    getSubstitutions(type, defaultValue) {
-        var _a, _b, _c;
-        // Get the substitutions.
-        const substitutions = (_c = (_b = (_a = this._config) === null || _a === void 0 ? void 0 : _a.substitutions) === null || _b === void 0 ? void 0 : _b[type]) !== null && _c !== void 0 ? _c : null;
-        const value = (!substitutions || substitutions.length !== 2)
-            ? defaultValue
-            : substitutions;
-        // Escape both substitutions so that they
-        // can be used.
-        const escape = /[.*+?^${}()|[\]\\]/g;
-        const start = value[0].replace(escape, '\\$&');
-        const end = value[1].replace(escape, '\\$&');
-        // Return the substitutions.
-        return { start, end };
-    }
-    retrieveBestMatchingLanguage() {
-        var _a, _b;
-        // Get the language based on storage.
-        const storageLanguage = this.getLanguageFromStorage();
-        // Get the language based on the supported languages of the browser.
-        const browserLanguage = this.getBestBrowserMatchLanguage();
-        // Return the best matching language.
-        return (_a = storageLanguage !== null && storageLanguage !== void 0 ? storageLanguage : browserLanguage) !== null && _a !== void 0 ? _a : (_b = this._languages) === null || _b === void 0 ? void 0 : _b[0];
-    }
-    getLanguageFromStorage() {
-        // Get id from the storage.
-        const id = this._storage.cookie.get(this._storageToken);
-        // Return the language based on the storage id.
-        return this._availableLanguages.find(item => (item === null || item === void 0 ? void 0 : item.id) === id);
-    }
-    getBestBrowserMatchLanguage() {
-        // Loop through all browser languages and return the
-        // best matching language.
-        return this._languages.all.map(({ code, region }) => {
-            const languageCode = [code, region].filter(data => !!data).join('-');
-            return this._availableLanguages.find(item => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.supported) === null || _a === void 0 ? void 0 : _a.includes(languageCode); });
-        }).filter(item => !!item).find((_, index) => index === 0);
-    }
-    renderDocumentLanguage() {
-        var _a, _b, _c, _d, _e;
-        const element = (_a = this._document) === null || _a === void 0 ? void 0 : _a.documentElement;
-        if (!element) {
-            return;
-        }
-        element.lang = (_d = (_c = (_b = this._bestMatchingLanguage) === null || _b === void 0 ? void 0 : _b.supported) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : (_e = this._bestMatchingLanguage) === null || _e === void 0 ? void 0 : _e.locale;
-    }
-}
-Localize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize, deps: [{ token: i1$1.Storage }, { token: i2.Languages }, { token: LocalizeConfig, optional: true }, { token: LocalizeMissingHandler }, { token: DOCUMENT, optional: true }, { token: LOCALIZE_FUNCTION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Localize.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () {
-        return [{ type: i1$1.Storage }, { type: i2.Languages }, { type: LocalizeConfig, decorators: [{
-                        type: Optional
-                    }] }, { type: LocalizeMissingHandler }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [LOCALIZE_FUNCTION]
-                    }] }];
+class Localize {
+    constructor(_storage, _languages, _config, _missingHandler, _document, _functions) {
+        this._storage = _storage;
+        this._languages = _languages;
+        this._config = _config;
+        this._missingHandler = _missingHandler;
+        this._document = _document;
+        this._functions = _functions;
+        this._storageToken = 'bb-language-dictionary-id';
+        // Current language dictionary.
+        this._currentLanguage = null;
+        this._currentDictionary = null;
+        this.convertToParams = (tokenOrParams) => {
+            if (typeof tokenOrParams !== 'string') {
+                // Destruct the params from the object.
+                const { token, optional, data } = tokenOrParams;
+                // Make sure all parameters are valid
+                // by type safe adding them.
+                return { token: token, optional: optional !== null && optional !== void 0 ? optional : false, data: data !== null && data !== void 0 ? data : {} };
+            }
+            // If the parameter is a string fill in the blanks.
+            return { token: tokenOrParams, optional: false, data: {} };
+        };
+        this.getMatches = (value, substitutions) => {
+            // Get the matching substitutions.
+            const { start, end } = substitutions;
+            // Compose a regex that will find the matches.
+            const regex = new RegExp(`${start}([^${end}]+)${end}`, 'g');
+            // Execute the regex to find matches.
+            let match = regex.exec(value);
+            const matches = [];
+            while (match !== null) {
+                matches.push({ match: match[0], token: match[1] });
+                match = regex.exec(value);
+            }
+            // Return the processed value.
+            return matches.filter(item => !!item);
+        };
+        // Check if at least one language was passed in the config.
+        this._availableLanguages = this._config.languages;
+        if (this._availableLanguages.length < 1) {
+            throw new Error('Localize: one or more languages should be supplied.');
+        }
+        // Gather all the localize functions.
+        this._functionMiddleware = this._functions.reduce((previous, current) => {
+            previous[current.keyword()] = current;
+            return previous;
+        }, {});
+        // Save the best matching current dictionary.
+        this._bestMatchingLanguage = this.retrieveBestMatchingLanguage();
+        this.renderDocumentLanguage();
+    }
+    get languages() {
+        var _a;
+        return (_a = this._availableLanguages) !== null && _a !== void 0 ? _a : [];
+    }
+    get current() {
+        return this._currentLanguage;
+    }
+    set(language, cache = true) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            // Await the language data and set the current
+            // dictionary to the loaded data.
+            this._currentLanguage = language !== null && language !== void 0 ? language : (_a = this._availableLanguages) === null || _a === void 0 ? void 0 : _a[0];
+            if (this._currentLanguage) {
+                this._currentDictionary = yield this._currentLanguage.data();
+            }
+            // Save the selected language in the storage.
+            if (cache) {
+                this._storage.cookie.set(this._storageToken, (_b = this._currentLanguage) === null || _b === void 0 ? void 0 : _b.id, {});
+            }
+        });
+    }
+    initialize() {
+        return () => __awaiter(this, void 0, void 0, function* () { return this.set(this._bestMatchingLanguage, false); });
+    }
+    clear() {
+        this._storage.cookie.remove(this._storageToken);
+    }
+    translate(tokenOrParams) {
+        // 1. Convert to the params.
+        const params = this.convertToParams(tokenOrParams);
+        // 2. Try to find the translation in the dictionary.
+        const searchResult = this._currentDictionary.get(params === null || params === void 0 ? void 0 : params.token);
+        // 3. Verify the translation was found.
+        if (!searchResult) {
+            return this._missingHandler.handle(params);
+        }
+        // 4. Find references in the translation that need to be translated as well.
+        const processResult = this.findReferencesInTranslation(searchResult);
+        // 5. Parse the interpolation data.
+        return this.parseInterpolationData(processResult, params === null || params === void 0 ? void 0 : params.data);
+    }
+    parseInterpolationData(value, data) {
+        // Get the interpolation substitutions.
+        const substitutions = this.getSubstitutions('interpolation', ['{{', '}}']);
+        // Get all matches in the value.
+        const matches = this.getMatches(value, substitutions);
+        // Replace all matches with the parsed value.
+        return matches.reduce((previous, current) => {
+            // Try to parse the token.
+            const interpolatedToken = this.interpolateFunctionData(current === null || current === void 0 ? void 0 : current.token, data);
+            // Replace the match with the parsed token.
+            return previous.replace(current === null || current === void 0 ? void 0 : current.match, interpolatedToken);
+        }, `${value}`);
+    }
+    interpolateFunctionData(value, interpolationData) {
+        var _a;
+        // Get the token and the methods by splitting
+        // on the pipe symbol.
+        const [token, ...methods] = value.split('|').map(item => item.trim());
+        // Get the value for the token from
+        // the interpolation data.
+        const interpolationValue = (_a = interpolationData === null || interpolationData === void 0 ? void 0 : interpolationData[token]) !== null && _a !== void 0 ? _a : token;
+        // Loop through all the middleware methods and try to
+        // conform the string to the given parameters.
+        return methods.reduce((string, middlewareName) => {
+            var _a;
+            // Try to retrieve the middleware from the collection.
+            const middleware = this._functionMiddleware[middlewareName];
+            // If the middleware is missing return an error
+            // so that the user knows it was not found.
+            if (!middleware) {
+                return string;
+            }
+            // Execute the middleware function with the string.
+            return middleware.transform(string, (_a = this.current) === null || _a === void 0 ? void 0 : _a.locale);
+        }, `${interpolationValue}`);
+    }
+    findReferencesInTranslation(value) {
+        // Get the reference substitutions.
+        const substitutions = this.getSubstitutions('references', ['#(', ')']);
+        // Get all matches in the value.
+        const matches = this.getMatches(value, substitutions);
+        // Replace all matches with the translated value.
+        return matches.reduce((previous, current) => {
+            // Try to translate the token.
+            const translatedToken = this.translate(current === null || current === void 0 ? void 0 : current.token);
+            // Replace the match with the translated token.
+            return previous.replace(current === null || current === void 0 ? void 0 : current.match, translatedToken);
+        }, value);
+    }
+    getSubstitutions(type, defaultValue) {
+        var _a, _b, _c;
+        // Get the substitutions.
+        const substitutions = (_c = (_b = (_a = this._config) === null || _a === void 0 ? void 0 : _a.substitutions) === null || _b === void 0 ? void 0 : _b[type]) !== null && _c !== void 0 ? _c : null;
+        const value = (!substitutions || substitutions.length !== 2)
+            ? defaultValue
+            : substitutions;
+        // Escape both substitutions so that they
+        // can be used.
+        const escape = /[.*+?^${}()|[\]\\]/g;
+        const start = value[0].replace(escape, '\\$&');
+        const end = value[1].replace(escape, '\\$&');
+        // Return the substitutions.
+        return { start, end };
+    }
+    retrieveBestMatchingLanguage() {
+        var _a, _b;
+        // Get the language based on storage.
+        const storageLanguage = this.getLanguageFromStorage();
+        // Get the language based on the supported languages of the browser.
+        const browserLanguage = this.getBestBrowserMatchLanguage();
+        // Return the best matching language.
+        return (_a = storageLanguage !== null && storageLanguage !== void 0 ? storageLanguage : browserLanguage) !== null && _a !== void 0 ? _a : (_b = this._availableLanguages) === null || _b === void 0 ? void 0 : _b[0];
+    }
+    getLanguageFromStorage() {
+        // Get id from the storage.
+        const id = this._storage.cookie.get(this._storageToken);
+        // Return the language based on the storage id.
+        return this._availableLanguages.find(item => (item === null || item === void 0 ? void 0 : item.id) === id);
+    }
+    getBestBrowserMatchLanguage() {
+        // Loop through all browser languages and return the
+        // best matching language.
+        return this._languages.all.map(({ code, region }) => {
+            const languageCode = [code, region].filter(data => !!data).join('-');
+            return this._availableLanguages.find(item => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.supported) === null || _a === void 0 ? void 0 : _a.includes(languageCode); });
+        }).filter(item => !!item).find((_, index) => index === 0);
+    }
+    renderDocumentLanguage() {
+        var _a, _b, _c, _d, _e;
+        const element = (_a = this._document) === null || _a === void 0 ? void 0 : _a.documentElement;
+        if (!element) {
+            return;
+        }
+        element.lang = (_d = (_c = (_b = this._bestMatchingLanguage) === null || _b === void 0 ? void 0 : _b.supported) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : (_e = this._bestMatchingLanguage) === null || _e === void 0 ? void 0 : _e.locale;
+    }
+}
+Localize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize, deps: [{ token: i1$1.Storage }, { token: i2.Languages }, { token: LocalizeConfig, optional: true }, { token: LocalizeMissingHandler }, { token: DOCUMENT, optional: true }, { token: LOCALIZE_FUNCTION, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+Localize.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: Localize, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i1$1.Storage }, { type: i2.Languages }, { type: LocalizeConfig, decorators: [{
+                        type: Optional
+                    }] }, { type: LocalizeMissingHandler }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [LOCALIZE_FUNCTION]
+                    }] }];
     } });
 
-class BbLocalize {
-    constructor(_localize) {
-        this._localize = _localize;
-    }
-    transform(tokenOrParams, args) {
-        // Validate that the localize service
-        // exists in the pipe.
-        if (!this._localize) {
-            return tokenOrParams;
-        }
-        // Combine the params with the options
-        // to form the localize params.
-        const params = this.combineParamsWithOptions(tokenOrParams, args);
-        // Try to localize the value.
-        return this._localize.translate(params);
-    }
-    combineParamsWithOptions(tokenOrParams, args) {
-        // Gather the extras.
-        const extras = args || {};
-        // Loop through all the keys to find the set options.
-        const options = Object.keys(extras).reduce((previous, current) => {
-            if (typeof extras[current] === 'undefined') {
-                return previous;
-            }
-            previous[current] = extras[current];
-            return previous;
-        }, {});
-        // Convert the string token to a params object.
-        const params = typeof tokenOrParams === 'string'
-            ? { token: tokenOrParams, optional: false, data: {} }
-            : tokenOrParams;
-        // Return the combined params and options.
-        return Object.assign(Object.assign({}, params), options);
-    }
-}
-BbLocalize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, deps: [{ token: Localize, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
-BbLocalize.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, name: "bbLocalize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'bbLocalize'
-                }]
-        }], ctorParameters: function () {
-        return [{ type: Localize, decorators: [{
-                        type: Optional
-                    }] }];
+class BbLocalize {
+    constructor(_localize) {
+        this._localize = _localize;
+    }
+    transform(tokenOrParams, args) {
+        // Validate that the localize service
+        // exists in the pipe.
+        if (!this._localize) {
+            return tokenOrParams;
+        }
+        // Combine the params with the options
+        // to form the localize params.
+        const params = this.combineParamsWithOptions(tokenOrParams, args);
+        // Try to localize the value.
+        return this._localize.translate(params);
+    }
+    combineParamsWithOptions(tokenOrParams, args) {
+        // Gather the extras.
+        const extras = args || {};
+        // Loop through all the keys to find the set options.
+        const options = Object.keys(extras).reduce((previous, current) => {
+            if (typeof extras[current] === 'undefined') {
+                return previous;
+            }
+            previous[current] = extras[current];
+            return previous;
+        }, {});
+        // Convert the string token to a params object.
+        const params = typeof tokenOrParams === 'string'
+            ? { token: tokenOrParams, optional: false, data: {} }
+            : tokenOrParams;
+        // Return the combined params and options.
+        return Object.assign(Object.assign({}, params), options);
+    }
+}
+BbLocalize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, deps: [{ token: Localize, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
+BbLocalize.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, name: "bbLocalize" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbLocalize, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'bbLocalize'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Localize, decorators: [{
+                        type: Optional
+                    }] }];
     } });
 
-class LocalizeModule {
-    static forRoot(config) {
-        var _a;
-        const automatic = (_a = config === null || config === void 0 ? void 0 : config.automatic) !== null && _a !== void 0 ? _a : true;
-        return {
-            ngModule: LocalizeModule,
-            providers: [
-                // Angular providers.
-                ...(automatic ? [
-                    { provide: APP_INITIALIZER, deps: [Localize], useFactory: initializeLocale, multi: true },
-                    { provide: LOCALE_ID, deps: [Localize], useFactory: getLocale }
-                ] : []),
-                // Config provider.
-                { provide: LocalizeConfig, useValue: config },
-                // Function providers.
-                { provide: LOCALIZE_FUNCTION, useClass: LocalizeLowercaseFunction, multi: true },
-                { provide: LOCALIZE_FUNCTION, useClass: LocalizeUppercaseFunction, multi: true },
-                { provide: LOCALIZE_FUNCTION, useClass: LocalizeDateFunction, multi: true },
-                // Handler providers.
-                { provide: LocalizeMissingHandler, useClass: LocalizeMissingHandler },
-                // Service providers.
-                Localize
-            ]
-        };
-    }
-}
-LocalizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LocalizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, declarations: [BbLocalize,
-        BbLocalizeString,
-        BbLocalizeTemplate,
-        BbLocalizeTemplateOrString], imports: [CommonModule], exports: [BbLocalize,
-        BbLocalizeString,
-        BbLocalizeTemplate] });
-LocalizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [
-                        BbLocalize,
-                        BbLocalizeString,
-                        BbLocalizeTemplate,
-                        BbLocalizeTemplateOrString
-                    ],
-                    exports: [
-                        BbLocalize,
-                        BbLocalizeString,
-                        BbLocalizeTemplate
-                    ]
-                }]
-        }] });
-function initializeLocale(localize) {
-    return localize.initialize();
-}
-function getLocale(localize) {
-    var _a, _b;
-    return (_b = (_a = localize === null || localize === void 0 ? void 0 : localize.current) === null || _a === void 0 ? void 0 : _a.locale) !== null && _b !== void 0 ? _b : null;
+class LocalizeModule {
+    static forRoot(config) {
+        var _a;
+        const automatic = (_a = config === null || config === void 0 ? void 0 : config.automatic) !== null && _a !== void 0 ? _a : true;
+        return {
+            ngModule: LocalizeModule,
+            providers: [
+                // Angular providers.
+                ...(automatic ? [
+                    { provide: APP_INITIALIZER, deps: [Localize], useFactory: initializeLocale, multi: true },
+                    { provide: LOCALE_ID, deps: [Localize], useFactory: getLocale }
+                ] : []),
+                // Config provider.
+                { provide: LocalizeConfig, useValue: config },
+                // Function providers.
+                { provide: LOCALIZE_FUNCTION, useClass: LocalizeLowercaseFunction, multi: true },
+                { provide: LOCALIZE_FUNCTION, useClass: LocalizeUppercaseFunction, multi: true },
+                { provide: LOCALIZE_FUNCTION, useClass: LocalizeDateFunction, multi: true },
+                // Handler providers.
+                { provide: LocalizeMissingHandler, useClass: LocalizeMissingHandler },
+                // Service providers.
+                Localize
+            ]
+        };
+    }
+}
+LocalizeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LocalizeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, declarations: [BbLocalize,
+        BbLocalizeString,
+        BbLocalizeTemplate,
+        BbLocalizeTemplateOrString], imports: [CommonModule], exports: [BbLocalize,
+        BbLocalizeString,
+        BbLocalizeTemplate] });
+LocalizeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: LocalizeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [
+                        BbLocalize,
+                        BbLocalizeString,
+                        BbLocalizeTemplate,
+                        BbLocalizeTemplateOrString
+                    ],
+                    exports: [
+                        BbLocalize,
+                        BbLocalizeString,
+                        BbLocalizeTemplate
+                    ]
+                }]
+        }] });
+function initializeLocale(localize) {
+    return localize.initialize();
+}
+function getLocale(localize) {
+    var _a, _b;
+    return (_b = (_a = localize === null || localize === void 0 ? void 0 : localize.current) === null || _a === void 0 ? void 0 : _a.locale) !== null && _b !== void 0 ? _b : null;
 }
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { BbLocalize, BbLocalizeString, BbLocalizeTemplate, LOCALIZE_FUNCTION, Localize, LocalizeConfig, LocalizeDateFunction, LocalizeDictionary, LocalizeLowercaseFunction, LocalizeMissingHandler, LocalizeModule, LocalizeUppercaseFunction, extraDutchDictionary, extraEnglishDictionary, getLocale, initializeLocale };