@bravobit/bb-foundation 0.33.0 → 0.40.1

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

@@ -1,22 +1,13 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, Optional, Inject, Directive, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, Injectable, inject, LOCALE_ID, Pipe, APP_INITIALIZER, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { formatDate, DOCUMENT, CommonModule } from '@angular/common';
+import { formatDate, DOCUMENT } from '@angular/common';
 import { __decorate, __param } from 'tslib';
-import { startWith, map, distinctUntilChanged } from 'rxjs/operators';
-import { Subscription, BehaviorSubject, of } from 'rxjs';
-import * as i2 from '@bravobit/bb-foundation/utils';
-import { UtilsModule } from '@bravobit/bb-foundation/utils';
-import * as i2$1 from '@bravobit/bb-foundation';
+import { map, distinctUntilChanged, startWith } from 'rxjs/operators';
+import * as i0 from '@angular/core';
+import { Injectable, Optional, Inject, InjectionToken, inject, LOCALE_ID, Directive, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, Pipe, APP_INITIALIZER, makeEnvironmentProviders, NgModule } from '@angular/core';
+import * as i2 from '@bravobit/bb-foundation';
 import { WINDOW } from '@bravobit/bb-foundation';
-import * as i1$1 from '@bravobit/bb-foundation/storage';
-
-//
-// The configuration that can be passed when
-// the user initializes the localize module.
-//
-class LocalizeConfig {
-}
+import { BehaviorSubject, of, Subscription } from 'rxjs';
+import * as i1 from '@bravobit/bb-foundation/storage';
+import { BbTemplate } from '@bravobit/bb-foundation/utils';
 
 //
 // These are the options that the user has
@@ -24,13 +15,11 @@ 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 interface that handles the localize functions.
+// every localize function needs to conform to this interface.
+// The interface allows the user to transform a token into
+// another value.
 //
-const LOCALIZE_FUNCTION = new InjectionToken('localize_function');
-
-const LOCALIZE_TRANSFORM = new InjectionToken('localize_transform');
 
 //
 // This function transform the value
@@ -95,6 +84,24 @@ const extraEnglishDictionary = {
         'minlength': 'Expected a minimum of {{requiredLength}} characters but got {{actualLength}} characters.',
         'maxlength': 'Expected a maximum of {{requiredLength}} characters but got {{actualLength}} characters.'
     },
+    'select': {
+        'not_found_text': 'No items found',
+        'clear_all_text': 'Clear all',
+        'loading_text': 'Loading...',
+        'type_to_search_text': 'Typ to search',
+        'add_tag_text': 'Add tag'
+    },
+    'multi-file-control': {
+        'choose_file': 'Choose a file',
+        'choose_file_text': '@element(label) or drag and drop files here'
+    },
+    'collection': {
+        'search_label': 'Search...',
+        'showing_label': 'Showing @element(start) to @element(end) of @element(total) results',
+        'no_results_label': 'There are no results for @element(query). Try a different search term to find results...',
+        'empty_label': 'There are no results...',
+        'error_label': 'It seems that an error occurred while using the application.'
+    },
     'tables': {
         'search': 'Search...',
         'loading': 'Loading...',
@@ -140,6 +147,24 @@ const extraDutchDictionary = {
         'minlength': 'Verwachtte minimaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.',
         'maxlength': 'Verwachtte maximaal {{requiredLength}} tekens, maar kreeg {{actualLength}} tekens.'
     },
+    'select': {
+        'not_found_text': 'Geen items gevonden',
+        'clear_all_text': 'Wis alles',
+        'loading_text': 'Aan het laden...',
+        'type_to_search_text': 'Typ om te zoeken',
+        'add_tag_text': 'Tag toevoegen'
+    },
+    'multi-file-control': {
+        'choose_file': 'Kies een bestand',
+        'choose_file_text': '@element(label) of sleep de bestanden hiernaartoe'
+    },
+    'collection': {
+        'search_label': 'Zoeken...',
+        'showing_label': 'Toont @element(start) tot @element(end) van @element(total) resultaten',
+        'no_results_label': 'Er zijn geen resultaten voor @element(query). Probeer een andere zoekterm om resultaten te vinden...',
+        'empty_label': 'Er zijn geen resultaten...',
+        'error_label': 'Het lijkt erop dat een fout is opgetreden tijdens het gebruiken van de applicatie.'
+    },
     'tables': {
         'search': 'Zoeken...',
         'loading': 'Aan het laden...',
@@ -331,6 +356,208 @@ class LocalizeTransform {
     }
 }
 
+class Localize {
+    constructor(_storage, _languages, _window, _document, _config, _transforms, _missingHandler) {
+        this._storage = _storage;
+        this._languages = _languages;
+        this._window = _window;
+        this._document = _document;
+        this._config = _config;
+        this._transforms = _transforms;
+        this._missingHandler = _missingHandler;
+        // Readonly data.
+        this._storageToken = this._config?.storageToken ?? 'bb-language-dictionary-id';
+        this._availableLanguages = this?._config?.languages ?? [];
+        this._bestMatchingLanguage = this.retrieveBestMatchingLanguage();
+        this._loadedDictionaries = new Map();
+        // Current dictionary.
+        this._current$ = new BehaviorSubject(null);
+        // State changes.
+        this.dictionaryChanges$ = this._current$.asObservable();
+        this.convertToParams = (tokenOrParams) => {
+            if (typeof tokenOrParams !== 'string') {
+                // Destruct the params from the object.
+                const { token, optional, dictionary, data } = tokenOrParams;
+                // Make sure all parameters are valid
+                // by type safe adding them.
+                return { token: token, optional: optional ?? false, dictionary: dictionary ?? null, data: data ?? {} };
+            }
+            // If the parameter is a string fill in the blanks.
+            return { token: tokenOrParams, optional: false, dictionary: null, data: {} };
+        };
+        this.renderDocumentLanguage();
+    }
+    get languages() {
+        return this._availableLanguages ?? [];
+    }
+    get current() {
+        return this._current$.getValue();
+    }
+    async load(id) {
+        if (id === null || id === undefined) {
+            throw new Error(`Cannot load language with id: "${id}".`);
+        }
+        if (this._loadedDictionaries.has(id)) {
+            return this._loadedDictionaries.get(id);
+        }
+        const language = this.languages?.find(language => language?.id === id);
+        if (!language || !language?.data) {
+            console?.warn?.(`No language was found with id: "${id}"; Defaulting to first available language.`);
+            const languageId = this.languages?.[0]?.id ?? null;
+            return this.load(languageId);
+        }
+        const dictionaryDataValues = await language?.data?.();
+        const dictionary = this.createDictionary(dictionaryDataValues, language);
+        this._loadedDictionaries.set(id, dictionary);
+        return dictionary;
+    }
+    async loadAllLanguages() {
+        for (const language of this.languages) {
+            await this.load(language?.id);
+        }
+    }
+    async switch(id, options) {
+        const dictionary = await this.load(id);
+        this._current$.next(dictionary);
+        const cache = options?.cache ?? true;
+        if (cache) {
+            this._storage.cookie.set(this._storageToken, dictionary?.id, {});
+        }
+        const reload = options?.reload ?? false;
+        if (reload) {
+            this._window?.location?.reload?.();
+        }
+        return dictionary;
+    }
+    select(id) {
+        if (!this._loadedDictionaries.has(id)) {
+            throw new Error(`Dictionary with id: "${id}" not loaded; Load dictionary first before using .select(:id).`);
+        }
+        return this._loadedDictionaries.get(id);
+    }
+    initialize() {
+        return async () => {
+            await this.switch(this._bestMatchingLanguage?.id, { reload: false, cache: false });
+            return this.compareDictionaries();
+        };
+    }
+    clear() {
+        this._storage.cookie.remove(this._storageToken);
+    }
+    transform(value, data = {}) {
+        return (this._transforms ?? []).reduce((previous, current) => {
+            return current.execute(previous, data, this);
+        }, value);
+    }
+    translate(tokenOrParams) {
+        // 1. Convert to the params.
+        const params = this.convertToParams(tokenOrParams);
+        // 2. Try to find the translation in the dictionary.
+        const dictionary = this.getDictionary(params?.dictionary);
+        const searchResult = !!dictionary ? dictionary.get(params?.token) : null;
+        // 3. Verify the translation was found.
+        if (!searchResult) {
+            if (!this._missingHandler) {
+                return null;
+            }
+            return this._missingHandler.handle(params);
+        }
+        return this.transform(searchResult, params?.data);
+    }
+    retrieveBestMatchingLanguage() {
+        return this.getLanguageFromStorage()
+            ?? this.getBestBrowserMatchLanguage()
+            ?? this._availableLanguages?.[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?.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 => item?.supported?.includes(languageCode));
+        }).filter(item => !!item).find((_, index) => index === 0);
+    }
+    createDictionary(data, language) {
+        return new LocalizeDictionary(language?.id, language?.locale, language?.supported, data?.data, this);
+    }
+    getDictionary(id) {
+        if (id === null || id === undefined) {
+            return this.current;
+        }
+        return this.select(id);
+    }
+    renderDocumentLanguage() {
+        const element = this._document?.documentElement;
+        if (!element) {
+            return;
+        }
+        element.lang = this._bestMatchingLanguage?.supported?.[0] ?? this._bestMatchingLanguage?.locale;
+    }
+    async compareDictionaries() {
+        const compareDictionaries = this._config.compareDictionaries ?? false;
+        if (!compareDictionaries || !this.current) {
+            return;
+        }
+        const languageIds = (this.languages ?? [])
+            ?.filter(language => language?.id !== this.current?.id)
+            ?.map(language => language?.id);
+        return await this.current.compare(languageIds);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Localize, deps: [{ token: i1.Storage }, { token: i2.Languages }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }, { token: LOCALIZE_CONFIG, optional: true }, { token: LOCALIZE_TRANSFORM, optional: true }, { token: LOCALIZE_MISSING_HANDLER, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Localize, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: Localize, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.Storage }, { type: i2.Languages }, { type: Window, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [WINDOW]
+                }] }, { type: Document, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [LOCALIZE_CONFIG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [LOCALIZE_TRANSFORM]
+                }] }, { type: LocalizeMissingHandler, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [LOCALIZE_MISSING_HANDLER]
+                }] }] });
+
+const LOCALIZE_FUNCTION = new InjectionToken('localize function');
+const LOCALIZE_CONFIG = new InjectionToken('localize config');
+const LOCALIZE_TRANSFORM = new InjectionToken('localize transform');
+const LOCALIZE_MISSING_HANDLER = new InjectionToken('localize missing handler');
+const LOCALIZE_ID = new InjectionToken('An abstraction over locale changes', {
+    factory: () => {
+        const localize = inject(Localize, { optional: true });
+        if (!localize) {
+            return of(inject(LOCALE_ID));
+        }
+        return localize.dictionaryChanges$.pipe(map(dictionary => dictionary?.locale ?? null), distinctUntilChanged(), startWith(localize?.current?.locale ?? null));
+    }
+});
+
 let LocalizePluralTransform = class LocalizePluralTransform extends LocalizeTransform {
     constructor(config) {
         super();
@@ -380,7 +607,8 @@ let LocalizePluralTransform = class LocalizePluralTransform extends LocalizeTran
     }
 };
 LocalizePluralTransform = __decorate([
-    __param(0, Optional())
+    __param(0, Optional()),
+    __param(0, Inject(LOCALIZE_CONFIG))
 ], LocalizePluralTransform);
 
 let LocalizeInterpolateTransform = class LocalizeInterpolateTransform extends LocalizeTransform {
@@ -428,6 +656,7 @@ let LocalizeInterpolateTransform = class LocalizeInterpolateTransform extends Lo
 };
 LocalizeInterpolateTransform = __decorate([
     __param(0, Optional()),
+    __param(0, Inject(LOCALIZE_CONFIG)),
     __param(1, Optional()),
     __param(1, Inject(LOCALIZE_FUNCTION))
 ], LocalizeInterpolateTransform);
@@ -450,7 +679,8 @@ let LocalizeReferenceTransform = class LocalizeReferenceTransform extends Locali
     }
 };
 LocalizeReferenceTransform = __decorate([
-    __param(0, Optional())
+    __param(0, Optional()),
+    __param(0, Inject(LOCALIZE_CONFIG))
 ], LocalizeReferenceTransform);
 
 class BbLocalizeTemplate {
@@ -459,13 +689,14 @@ class BbLocalizeTemplate {
         // Inputs.
         this.name = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalizeTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: BbLocalizeTemplate, selector: "[bbLocalizeTemplate]", inputs: { name: ["bbLocalizeTemplate", "name"] }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalizeTemplate, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: BbLocalizeTemplate, isStandalone: true, selector: "[bbLocalizeTemplate]", inputs: { name: ["bbLocalizeTemplate", "name"] }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalizeTemplate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalizeTemplate, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[bbLocalizeTemplate]'
+                    selector: '[bbLocalizeTemplate]',
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { name: [{
                 type: Input,
@@ -536,15 +767,12 @@ class BbLocalizeString {
             end.replace(escape, '\\$&')
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalizeString, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BbLocalizeString, selector: "[bb-localize-string]", inputs: { substitutions: "substitutions", value: ["bb-localize-string", "value"] }, host: { attributes: { "ngSkipHydration": "true" }, classAttribute: "bb-localize-string" }, queries: [{ propertyName: "items", predicate: BbLocalizeTemplate }], ngImport: i0, template: "<ng-container *ngFor=\"let component of components\">\n    <ng-template [bbTemplate]=\"component\">{{ component }}</ng-template>\n</ng-container>\n", styles: [".bb-localize-string{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.BbTemplate, selector: "[bbTemplate]", inputs: ["bbTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalizeString, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: BbLocalizeString, isStandalone: true, selector: "[bb-localize-string]", inputs: { substitutions: "substitutions", value: ["bb-localize-string", "value"] }, host: { classAttribute: "bb-localize-string" }, queries: [{ propertyName: "items", predicate: BbLocalizeTemplate }], ngImport: i0, template: "@for (component of components; track component) {\n    <ng-template [bbTemplate]=\"component\">{{ component }}</ng-template>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: BbTemplate, selector: "[bbTemplate]", inputs: ["bbTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalizeString, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalizeString, decorators: [{
             type: Component,
-            args: [{ selector: '[bb-localize-string]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        'class': 'bb-localize-string',
-                        'ngSkipHydration': 'true'
-                    }, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<ng-container *ngFor=\"let component of components\">\n    <ng-template [bbTemplate]=\"component\">{{ component }}</ng-template>\n</ng-container>\n", styles: [".bb-localize-string{display:inline}\n"] }]
+            args: [{ selector: '[bb-localize-string]', changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'bb-localize-string' }, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, standalone: true, imports: [BbTemplate], template: "@for (component of components; track component) {\n    <ng-template [bbTemplate]=\"component\">{{ component }}</ng-template>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
                 type: ContentChildren,
                 args: [BbLocalizeTemplate]
@@ -555,190 +783,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
                 args: ['bb-localize-string']
             }] } });
 
-class Localize {
-    constructor(_storage, _languages, _missingHandler, _config, _window, _document, _transforms) {
-        this._storage = _storage;
-        this._languages = _languages;
-        this._missingHandler = _missingHandler;
-        this._config = _config;
-        this._window = _window;
-        this._document = _document;
-        this._transforms = _transforms;
-        // Readonly data.
-        this._storageToken = this._config?.storageToken ?? 'bb-language-dictionary-id';
-        this._availableLanguages = this?._config?.languages ?? [];
-        this._bestMatchingLanguage = this.retrieveBestMatchingLanguage();
-        this._loadedDictionaries = new Map();
-        // Current dictionary.
-        this._current$ = new BehaviorSubject(null);
-        // State changes.
-        this.dictionaryChanges$ = this._current$.asObservable();
-        this.convertToParams = (tokenOrParams) => {
-            if (typeof tokenOrParams !== 'string') {
-                // Destruct the params from the object.
-                const { token, optional, dictionary, data } = tokenOrParams;
-                // Make sure all parameters are valid
-                // by type safe adding them.
-                return { token: token, optional: optional ?? false, dictionary: dictionary ?? null, data: data ?? {} };
-            }
-            // If the parameter is a string fill in the blanks.
-            return { token: tokenOrParams, optional: false, dictionary: null, data: {} };
-        };
-        this.renderDocumentLanguage();
-    }
-    get languages() {
-        return this._availableLanguages ?? [];
-    }
-    get current() {
-        return this._current$.getValue();
-    }
-    async load(id) {
-        if (id === null || id === undefined) {
-            throw new Error(`Cannot load language with id: "${id}".`);
-        }
-        if (this._loadedDictionaries.has(id)) {
-            return this._loadedDictionaries.get(id);
-        }
-        const language = this.languages?.find(language => language?.id === id);
-        if (!language || !language?.data) {
-            console?.warn?.(`No language was found with id: "${id}"; Defaulting to first available language.`);
-            const languageId = this.languages?.[0]?.id ?? null;
-            return this.load(languageId);
-        }
-        const dictionaryDataValues = await language?.data?.();
-        const dictionary = this.createDictionary(dictionaryDataValues, language);
-        this._loadedDictionaries.set(id, dictionary);
-        return dictionary;
-    }
-    async loadAllLanguages() {
-        for (const language of this.languages) {
-            await this.load(language?.id);
-        }
-    }
-    async switch(id, options) {
-        const dictionary = await this.load(id);
-        this._current$.next(dictionary);
-        const cache = options?.cache ?? true;
-        if (cache) {
-            this._storage.cookie.set(this._storageToken, dictionary?.id, {});
-        }
-        const reload = options?.reload ?? false;
-        if (reload) {
-            this._window?.location?.reload?.();
-        }
-        return dictionary;
-    }
-    select(id) {
-        if (!this._loadedDictionaries.has(id)) {
-            throw new Error(`Dictionary with id: "${id}" not loaded; Load dictionary first before using .select(:id).`);
-        }
-        return this._loadedDictionaries.get(id);
-    }
-    initialize() {
-        return async () => {
-            await this.switch(this._bestMatchingLanguage?.id, { reload: false, cache: false });
-            return this.compareDictionaries();
-        };
-    }
-    clear() {
-        this._storage.cookie.remove(this._storageToken);
-    }
-    transform(value, data = {}) {
-        return (this._transforms ?? []).reduce((previous, current) => {
-            return current.execute(previous, data, this);
-        }, value);
-    }
-    translate(tokenOrParams) {
-        // 1. Convert to the params.
-        const params = this.convertToParams(tokenOrParams);
-        // 2. Try to find the translation in the dictionary.
-        const dictionary = this.getDictionary(params?.dictionary);
-        const searchResult = !!dictionary ? dictionary.get(params?.token) : null;
-        // 3. Verify the translation was found.
-        if (!searchResult) {
-            return this._missingHandler.handle(params);
-        }
-        return this.transform(searchResult, params?.data);
-    }
-    retrieveBestMatchingLanguage() {
-        return this.getLanguageFromStorage()
-            ?? this.getBestBrowserMatchLanguage()
-            ?? this._availableLanguages?.[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?.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 => item?.supported?.includes(languageCode));
-        }).filter(item => !!item).find((_, index) => index === 0);
-    }
-    createDictionary(data, language) {
-        return new LocalizeDictionary(language?.id, language?.locale, language?.supported, data?.data, this);
-    }
-    getDictionary(id) {
-        if (id === null || id === undefined) {
-            return this.current;
-        }
-        return this.select(id);
-    }
-    renderDocumentLanguage() {
-        const element = this._document?.documentElement;
-        if (!element) {
-            return;
-        }
-        element.lang = this._bestMatchingLanguage?.supported?.[0] ?? this._bestMatchingLanguage?.locale;
-    }
-    async compareDictionaries() {
-        const compareDictionaries = this._config.compareDictionaries ?? false;
-        if (!compareDictionaries || !this.current) {
-            return;
-        }
-        const languageIds = (this.languages ?? [])
-            ?.filter(language => language?.id !== this.current?.id)
-            ?.map(language => language?.id);
-        return await this.current.compare(languageIds);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: Localize, deps: [{ token: i1$1.Storage }, { token: i2$1.Languages }, { token: LocalizeMissingHandler }, { token: LocalizeConfig, optional: true }, { token: WINDOW, optional: true }, { token: DOCUMENT, optional: true }, { token: LOCALIZE_TRANSFORM, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: Localize }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: Localize, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Storage }, { type: i2$1.Languages }, { type: LocalizeMissingHandler }, { type: LocalizeConfig, decorators: [{
-                    type: Optional
-                }] }, { type: Window, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [WINDOW]
-                }] }, { type: Document, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [LOCALIZE_TRANSFORM]
-                }] }] });
-
-const LOCALIZE_ID = new InjectionToken('An abstraction over locale changes', {
-    factory: () => {
-        const localize = inject(Localize, { optional: true });
-        if (!localize) {
-            return of(inject(LOCALE_ID));
-        }
-        return localize.dictionaryChanges$.pipe(map(dictionary => dictionary?.locale ?? null), distinctUntilChanged(), startWith(localize?.current?.locale ?? null));
-    }
-});
-
 class BbLocalize {
     constructor(_localize) {
         this._localize = _localize;
@@ -770,65 +814,73 @@ class BbLocalize {
         // Return the combined params and options.
         return { ...params, ...options };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalize, deps: [{ token: Localize, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: BbLocalize, name: "bbLocalize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalize, deps: [{ token: Localize, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: BbLocalize, isStandalone: true, name: "bbLocalize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BbLocalize, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: BbLocalize, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'bbLocalize'
+                    name: 'bbLocalize',
+                    standalone: true
                 }]
         }], ctorParameters: () => [{ type: Localize, decorators: [{
                     type: Optional
                 }] }] });
 
+function provideLocalizeConfig(config) {
+    if (config?.languages?.length <= 0) {
+        throw new Error('One or more languages should be supplied.');
+    }
+    if (config?.compareDictionaries && config?.mode === 'manual') {
+        console?.warn?.('You cannot enable "compareDictionaries" when having mode set to "manual"; This setting will be ignored.');
+    }
+    const mode = config?.mode ?? 'automatic';
+    const automaticProviders = mode === 'automatic'
+        ? [
+            { provide: APP_INITIALIZER, deps: [Localize], useFactory: initializeLocale, multi: true },
+            { provide: LOCALE_ID, deps: [Localize], useFactory: getLocale }
+        ]
+        : [];
+    return makeEnvironmentProviders([
+        { provide: LOCALIZE_CONFIG, useValue: config },
+        ...automaticProviders,
+        { provide: LOCALIZE_FUNCTION, useClass: LocalizeLowercaseFunction, multi: true },
+        { provide: LOCALIZE_FUNCTION, useClass: LocalizeUppercaseFunction, multi: true },
+        { provide: LOCALIZE_FUNCTION, useClass: LocalizeDateFunction, multi: true },
+        { provide: LOCALIZE_TRANSFORM, useClass: LocalizePluralTransform, deps: [LOCALIZE_CONFIG], multi: true },
+        { provide: LOCALIZE_TRANSFORM, useClass: LocalizeReferenceTransform, deps: [LOCALIZE_CONFIG], multi: true },
+        { provide: LOCALIZE_TRANSFORM, useClass: LocalizeInterpolateTransform, deps: [LOCALIZE_CONFIG, LOCALIZE_FUNCTION], multi: true },
+        { provide: LOCALIZE_MISSING_HANDLER, useClass: LocalizeMissingHandler }
+    ]);
+}
+function initializeLocale(localize) {
+    return localize.initialize();
+}
+function getLocale(localize) {
+    return localize?.current?.locale ?? null;
+}
+
 class LocalizeModule {
     static forRoot(config) {
-        if (config?.languages?.length <= 0) {
-            throw new Error('One or more languages should be supplied.');
-        }
-        if (config?.compareDictionaries && config?.mode === 'manual') {
-            console?.warn?.('You cannot enable "compareDictionaries" when having mode set to "manual"; This setting will be ignored.');
-        }
-        const mode = config?.mode ?? 'automatic';
         return {
             ngModule: LocalizeModule,
             providers: [
-                // Angular providers.
-                ...(mode === '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 },
-                // Transform providers.
-                { provide: LOCALIZE_TRANSFORM, useClass: LocalizePluralTransform, deps: [LocalizeConfig], multi: true },
-                { provide: LOCALIZE_TRANSFORM, useClass: LocalizeReferenceTransform, deps: [LocalizeConfig], multi: true },
-                { provide: LOCALIZE_TRANSFORM, useClass: LocalizeInterpolateTransform, deps: [LocalizeConfig, LOCALIZE_FUNCTION], multi: true },
-                // Handler providers.
-                { provide: LocalizeMissingHandler, useClass: LocalizeMissingHandler },
-                // Service providers.
-                Localize
+                provideLocalizeConfig(config)
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: LocalizeModule, declarations: [BbLocalize,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: LocalizeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: LocalizeModule, imports: [BbLocalize,
             BbLocalizeString,
-            BbLocalizeTemplate], imports: [CommonModule, UtilsModule], exports: [BbLocalize,
+            BbLocalizeTemplate], exports: [BbLocalize,
             BbLocalizeString,
             BbLocalizeTemplate] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LocalizeModule, imports: [CommonModule, UtilsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: LocalizeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LocalizeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: LocalizeModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, UtilsModule],
-                    declarations: [
+                    imports: [
                         BbLocalize,
                         BbLocalizeString,
                         BbLocalizeTemplate
@@ -840,16 +892,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
                     ]
                 }]
         }] });
-function initializeLocale(localize) {
-    return localize.initialize();
-}
-function getLocale(localize) {
-    return localize?.current?.locale ?? null;
-}
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BbLocalize, BbLocalizeString, BbLocalizeTemplate, LOCALIZE_FUNCTION, LOCALIZE_ID, LOCALIZE_TRANSFORM, Localize, LocalizeConfig, LocalizeDateFunction, LocalizeDictionary, LocalizeDictionaryContext, LocalizeDictionaryData, LocalizeInterpolateTransform, LocalizeLowercaseFunction, LocalizeMissingHandler, LocalizeModule, LocalizePluralTransform, LocalizeReferenceTransform, LocalizeTransform, LocalizeUppercaseFunction, extraDutchDictionary, extraEnglishDictionary, getLocale, initializeLocale };
+export { BbLocalize, BbLocalizeString, BbLocalizeTemplate, LOCALIZE_CONFIG, LOCALIZE_FUNCTION, LOCALIZE_ID, LOCALIZE_MISSING_HANDLER, LOCALIZE_TRANSFORM, Localize, LocalizeDateFunction, LocalizeDictionary, LocalizeDictionaryContext, LocalizeDictionaryData, LocalizeInterpolateTransform, LocalizeLowercaseFunction, LocalizeMissingHandler, LocalizeModule, LocalizePluralTransform, LocalizeReferenceTransform, LocalizeTransform, LocalizeUppercaseFunction, extraDutchDictionary, extraEnglishDictionary, getLocale, initializeLocale, provideLocalizeConfig };
 //# sourceMappingURL=bravobit-bb-foundation-localize.mjs.map