@bravobit/bb-foundation 0.23.4 → 0.23.6

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

@@ -1 +1 @@
-{"version":3,"file":"bravobit-bb-foundation-theming.mjs","sources":["../../../projects/bb-foundation/theming/src/lib/theming.directive.ts","../../../projects/bb-foundation/theming/src/lib/themes/form-control-addon.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/checkbox-group.theme.ts","../../../projects/bb-foundation/theming/src/lib/utils/theming.variable.ts","../../../projects/bb-foundation/theming/src/lib/themes/control-error.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/form-control.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/checkbox.theme.ts","../../../projects/bb-foundation/theming/src/lib/theming.data.ts","../../../projects/bb-foundation/theming/src/lib/theming.module.ts","../../../projects/bb-foundation/theming/src/bravobit-bb-foundation-theming.ts"],"sourcesContent":["import {Directive, ElementRef, Input, Renderer2, RendererStyleFlags2} from '@angular/core';\nimport {Theme} from './theming.data';\n\n@Directive({\n    selector: '[bbiTheming]'\n})\nexport class BbiTheming {\n\n    // Inputs.\n    @Input('bbiTheming') set theme(theme: Theme | null) {\n        this._theme = theme;\n        this.setTheme();\n    }\n\n    // Cache.\n    private _theme: Theme | null = null;\n\n    constructor(private _renderer: Renderer2,\n                private _elementRef: ElementRef) {\n    }\n\n    private setTheme() {\n        if (!this._theme) {\n            return;\n        }\n        const variables = this._theme.variables();\n        const element = this._elementRef.nativeElement;\n\n        for (const key in variables) {\n            const value = variables?.[key];\n            this._renderer.setStyle(element, key, value, RendererStyleFlags2.DashCase);\n        }\n    }\n\n}\n","import {ThemeVariable} from '../utils/theming.variable';\n\nexport interface FormControlAddonTheme {\n    spacing: ThemeVariable;\n}\n\nexport function formControlAddonThemeFactory(): FormControlAddonTheme {\n    return {\n        spacing: '10px'\n    };\n}\n","import {ThemeVariable} from '../utils/theming.variable';\n\nexport interface CheckboxGroupTheme {\n    grouping: ThemeVariable;\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n\n    spacing: {\n        horizontal: ThemeVariable;\n        vertical: ThemeVariable;\n    };\n}\n\nexport function checkboxGroupThemeFactory(): CheckboxGroupTheme {\n    return {\n        grouping: '20px',\n        label: {\n            color: '#525252',\n            offset: '4px',\n            fontSize: '14px',\n            fontWeight: '400',\n            lineHeight: '1.33'\n        },\n        spacing: {\n            horizontal: '10px',\n            vertical: '4px'\n        }\n    };\n}\n","import {GlobalVariables, GlobalVariablesKey} from '../theming.interface';\n\nexport type ThemeVariable = ThemeVariableFunction | string;\n\nexport abstract class ThemeVariableFunction {\n\n    protected constructor(private _key: GlobalVariablesKey) {\n    }\n\n    abstract format(value: string): string;\n\n    toString(variables: GlobalVariables) {\n        const value = variables?.[this._key] ?? null;\n        if (!value) {\n            throw new Error(`Invalid variable key \"${this._key}\"`);\n        }\n        return !!value ? this.format(value) : null;\n    }\n\n}\n\nexport class ThemeColorVariable extends ThemeVariableFunction {\n\n    // State.\n    private _opacity: number = 1;\n\n    constructor(key: GlobalVariablesKey) {\n        super(key);\n    }\n\n    format(value: string) {\n        const rgb = this.hexToRgb(value);\n        return this.toRgba(rgb);\n    }\n\n    opacity(value: number) {\n        this._opacity = value;\n        return this;\n    }\n\n    private toRgba(data: { red: number, green: number, blue: number }) {\n        return `rgba(${data?.red},${data?.green},${data?.blue},${this._opacity})`;\n    }\n\n    private hexToRgb(value: string) {\n        const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(value);\n        if (!result) {\n            throw new Error(`Invalid color format for \"${value}\". Only hex is currently supported.`);\n        }\n\n        const red = parseInt(result?.[1], 16);\n        const green = parseInt(result?.[2], 16);\n        const blue = parseInt(result?.[3], 16);\n        return {red, green, blue};\n    }\n\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface ControlErrorTheme {\n    color: ThemeVariable;\n    fontSize: ThemeVariable;\n    lineHeight: ThemeVariable;\n    fontWeight: ThemeVariable;\n    spacing: ThemeVariable;\n}\n\nexport function controlErrorThemeFactory(): ControlErrorTheme {\n    return {\n        color: new ThemeColorVariable('errorColor'),\n        fontSize: '13px',\n        lineHeight: '1.5',\n        fontWeight: '400',\n        spacing: '4px'\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\ninterface BorderTheme {\n    radius: ThemeVariable;\n    width: ThemeVariable;\n    style: ThemeVariable;\n    color: ThemeVariable;\n}\n\nexport interface FormControlTheme {\n    grouping: ThemeVariable;\n    color: ThemeVariable;\n    background: ThemeVariable;\n    error: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        placeholderColor: ThemeVariable;\n    };\n    border: BorderTheme;\n    focused: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        shadow: ThemeVariable;\n        border: BorderTheme;\n    };\n    disabled: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        opacity: ThemeVariable;\n        border: BorderTheme;\n    };\n}\n\nexport function formControlThemeFactory(): FormControlTheme {\n    const errorColorKey = 'errorColor';\n    const inputColor = '#111111';\n    const backgroundColor = '#ffffff';\n    return {\n        grouping: '20px',\n        color: inputColor,\n        background: backgroundColor,\n        error: {\n            color: new ThemeColorVariable(errorColorKey),\n            background: new ThemeColorVariable(errorColorKey).opacity(0.1),\n            placeholderColor: new ThemeColorVariable(errorColorKey).opacity(0.4)\n        },\n        border: {\n            radius: '6px',\n            width: '1px',\n            style: 'solid',\n            color: 'rgba(67, 90, 111, 0.3)'\n        },\n        focused: {\n            color: inputColor,\n            background: backgroundColor,\n            border: {\n                radius: '6px',\n                width: '1px',\n                style: 'solid',\n                color: '#212121'\n            },\n            shadow: '0 0 0 3px rgba(0, 123, 255, 0.2)'\n        },\n        disabled: {\n            color: inputColor,\n            background: backgroundColor,\n            border: {\n                radius: '6px',\n                width: '1px',\n                style: 'solid',\n                color: '#212121'\n            },\n            opacity: '0.25'\n        }\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface CheckboxTheme {\n    size: ThemeVariable;\n    grouping: ThemeVariable;\n\n    colors: {\n        accent: ThemeVariable;\n        disabled: ThemeVariable;\n    };\n\n    border: {\n        color: ThemeVariable;\n        thickness: ThemeVariable;\n        radius: ThemeVariable;\n    };\n\n    outline: {\n        color: ThemeVariable;\n        offset: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    check: {\n        size: ThemeVariable;\n        color: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n}\n\nexport function checkboxThemeFactory(): CheckboxTheme {\n    const accentColor = new ThemeColorVariable('accentColor');\n    return {\n        size: '20px',\n        grouping: '20px',\n        colors: {\n            accent: accentColor,\n            disabled: '#c6c6c6'\n        },\n        border: {\n            color: '#111111',\n            thickness: '1px',\n            radius: '4px'\n        },\n        outline: {\n            color: accentColor,\n            offset: '1px',\n            thickness: '2px'\n        },\n        check: {\n            size: '12px',\n            color: 'white',\n            thickness: '2px'\n        },\n        label: {\n            color: '#111111',\n            offset: '6px',\n            fontSize: '16px',\n            fontWeight: '400',\n            lineHeight: '1.28'\n        }\n    };\n}\n","import {GlobalTheme, GlobalVariables, PartialGlobalTheme} from './theming.interface';\nimport {formControlAddonThemeFactory} from './themes/form-control-addon.theme';\nimport {checkboxGroupThemeFactory} from './themes/checkbox-group.theme';\nimport {controlErrorThemeFactory} from './themes/control-error.theme';\nimport {formControlThemeFactory} from './themes/form-control.theme';\nimport {ThemeVariableFunction} from './utils/theming.variable';\nimport {checkboxThemeFactory} from './themes/checkbox.theme';\n\nexport class Theme {\n\n    protected readonly data: GlobalTheme;\n    protected readonly globals: GlobalVariables;\n\n    constructor(theme?: PartialGlobalTheme) {\n        const defaultFactories = this.defaultFactories();\n        this.data = this.mergeThemeData(defaultFactories, theme);\n        this.globals = this.getGlobals();\n    }\n\n    variables() {\n        return this.getContents(this.data);\n    }\n\n    protected defaultFactories(): GlobalTheme {\n        return {\n            accentColor: '#1565c0',\n            errorColor: '#bd322a',\n            formControl: formControlThemeFactory(),\n            formControlAddon: formControlAddonThemeFactory(),\n            checkbox: checkboxThemeFactory(),\n            checkboxGroup: checkboxGroupThemeFactory(),\n            controlError: controlErrorThemeFactory()\n        };\n    }\n\n    protected getContents(data: object, scope: string | null = null) {\n        return Object.keys(data).reduce((previous, current) => {\n            const value = data?.[current];\n            const token = this.getToken(current, scope);\n\n            if (typeof value === 'object' && value !== null && !(value instanceof ThemeVariableFunction)) {\n                const formatted = this.getContents(value, token);\n                return {...previous, ...formatted};\n            }\n\n            const formattedValue = (value instanceof ThemeVariableFunction)\n                ? value.toString(this.globals)\n                : value;\n\n            if (!formattedValue) {\n                return previous;\n            }\n\n            return {...previous, [`--${token}`]: formattedValue};\n        }, {}) as { [key: string]: string };\n    }\n\n    protected getToken(key: string, scope: string) {\n        const token = this.tokenize(key);\n        return [scope, token].filter(item => !!item).join('-');\n    }\n\n    protected tokenize(value: string) {\n        const result = value.replace(/([A-Z])/g, ' $1');\n        return result.split(' ').join('-').toLowerCase();\n    }\n\n    protected mergeThemeData(target: GlobalTheme, ...sources: PartialGlobalTheme[]) {\n        if (!sources?.length) {\n            return target;\n        }\n\n        const source = sources.shift();\n        if (this.isObject(target) && this.isObject(source)) {\n            for (const key in source) {\n                if (this.isObject(source[key])) {\n                    if (!target[key]) {\n                        Object.assign(target, {[key]: {}});\n                    }\n                    this.mergeThemeData(target[key], source[key]);\n                } else {\n                    Object.assign(target, {[key]: source[key]});\n                }\n            }\n        }\n\n        return this.mergeThemeData(target, ...sources);\n    }\n\n    protected getGlobals() {\n        return {\n            accentColor: this.data.accentColor,\n            errorColor: this.data.errorColor\n        };\n    }\n\n    private isObject = (item: unknown) => {\n        return (item && typeof item === 'object' && !Array.isArray(item));\n    };\n\n}\n","import {BbiTheming} from './theming.directive';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    declarations: [BbiTheming],\n    exports: [BbiTheming]\n})\nexport class ThemingModule {\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bravobit-bb-foundation-theming.mjs","sources":["../../../projects/bb-foundation/theming/src/lib/theming.directive.ts","../../../projects/bb-foundation/theming/src/lib/themes/form-control-addon.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/checkbox-group.theme.ts","../../../projects/bb-foundation/theming/src/lib/utils/theming.variable.ts","../../../projects/bb-foundation/theming/src/lib/themes/control-error.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/form-control.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/toggle-group.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/radio-button.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/radio-group.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/checkbox.theme.ts","../../../projects/bb-foundation/theming/src/lib/themes/toggle.theme.ts","../../../projects/bb-foundation/theming/src/lib/theming.data.ts","../../../projects/bb-foundation/theming/src/lib/theming.module.ts","../../../projects/bb-foundation/theming/src/bravobit-bb-foundation-theming.ts"],"sourcesContent":["import {Directive, ElementRef, Input, Renderer2, RendererStyleFlags2} from '@angular/core';\nimport {Theme} from './theming.data';\n\n@Directive({\n    selector: '[bbiTheming]'\n})\nexport class BbiTheming {\n\n    // Inputs.\n    @Input('bbiTheming') set theme(theme: Theme | null) {\n        this._theme = theme;\n        this.setTheme();\n    }\n\n    // Cache.\n    private _theme: Theme | null = null;\n\n    constructor(private _renderer: Renderer2,\n                private _elementRef: ElementRef) {\n    }\n\n    private setTheme() {\n        if (!this._theme) {\n            return;\n        }\n        const variables = this._theme.variables();\n        const element = this._elementRef.nativeElement;\n\n        for (const key in variables) {\n            const value = variables?.[key];\n            this._renderer.setStyle(element, key, value, RendererStyleFlags2.DashCase);\n        }\n    }\n\n}\n","import {ThemeVariable} from '../utils/theming.variable';\n\nexport interface FormControlAddonTheme {\n    spacing: ThemeVariable;\n}\n\nexport function formControlAddonThemeFactory(): FormControlAddonTheme {\n    return {\n        spacing: '10px'\n    };\n}\n","import {ThemeVariable} from '../utils/theming.variable';\n\nexport interface CheckboxGroupTheme {\n    grouping: ThemeVariable;\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n\n    spacing: {\n        horizontal: ThemeVariable;\n        vertical: ThemeVariable;\n    };\n}\n\nexport function checkboxGroupThemeFactory(): CheckboxGroupTheme {\n    return {\n        grouping: '20px',\n        label: {\n            color: '#525252',\n            offset: '4px',\n            fontSize: '14px',\n            fontWeight: '400',\n            lineHeight: '1.33'\n        },\n        spacing: {\n            horizontal: '10px',\n            vertical: '4px'\n        }\n    };\n}\n","import {GlobalVariables, GlobalVariablesKey} from '../theming.interface';\n\nexport type ThemeVariable = ThemeVariableFunction | string;\n\nexport abstract class ThemeVariableFunction {\n\n    protected constructor(private _key: GlobalVariablesKey) {\n    }\n\n    abstract format(value: string): string;\n\n    toString(variables: GlobalVariables) {\n        const value = variables?.[this._key] ?? null;\n        if (!value) {\n            throw new Error(`Invalid variable key \"${this._key}\"`);\n        }\n        return !!value ? this.format(value) : null;\n    }\n\n}\n\nexport class ThemeColorVariable extends ThemeVariableFunction {\n\n    // State.\n    private _opacity: number = 1;\n\n    constructor(key: GlobalVariablesKey) {\n        super(key);\n    }\n\n    format(value: string) {\n        const rgb = this.hexToRgb(value);\n        return this.toRgba(rgb);\n    }\n\n    opacity(value: number) {\n        this._opacity = value;\n        return this;\n    }\n\n    private toRgba(data: { red: number, green: number, blue: number }) {\n        return `rgba(${data?.red},${data?.green},${data?.blue},${this._opacity})`;\n    }\n\n    private hexToRgb(value: string) {\n        const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(value);\n        if (!result) {\n            throw new Error(`Invalid color format for \"${value}\". Only hex is currently supported.`);\n        }\n\n        const red = parseInt(result?.[1], 16);\n        const green = parseInt(result?.[2], 16);\n        const blue = parseInt(result?.[3], 16);\n        return {red, green, blue};\n    }\n\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface ControlErrorTheme {\n    color: ThemeVariable;\n    fontSize: ThemeVariable;\n    lineHeight: ThemeVariable;\n    fontWeight: ThemeVariable;\n    spacing: ThemeVariable;\n}\n\nexport function controlErrorThemeFactory(): ControlErrorTheme {\n    return {\n        color: new ThemeColorVariable('errorColor'),\n        fontSize: '13px',\n        lineHeight: '1.5',\n        fontWeight: '400',\n        spacing: '4px'\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\ninterface BorderTheme {\n    radius: ThemeVariable;\n    width: ThemeVariable;\n    style: ThemeVariable;\n    color: ThemeVariable;\n}\n\nexport interface FormControlTheme {\n    grouping: ThemeVariable;\n    color: ThemeVariable;\n    background: ThemeVariable;\n    error: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        placeholderColor: ThemeVariable;\n    };\n    border: BorderTheme;\n    focused: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        shadow: ThemeVariable;\n        border: BorderTheme;\n    };\n    disabled: {\n        color: ThemeVariable;\n        background: ThemeVariable;\n        opacity: ThemeVariable;\n        border: BorderTheme;\n    };\n}\n\nexport function formControlThemeFactory(): FormControlTheme {\n    const errorColorKey = 'errorColor';\n    const inputColor = '#111111';\n    const backgroundColor = '#ffffff';\n    return {\n        grouping: '20px',\n        color: inputColor,\n        background: backgroundColor,\n        error: {\n            color: new ThemeColorVariable(errorColorKey),\n            background: new ThemeColorVariable(errorColorKey).opacity(0.1),\n            placeholderColor: new ThemeColorVariable(errorColorKey).opacity(0.4)\n        },\n        border: {\n            radius: '6px',\n            width: '1px',\n            style: 'solid',\n            color: 'rgba(67, 90, 111, 0.3)'\n        },\n        focused: {\n            color: inputColor,\n            background: backgroundColor,\n            border: {\n                radius: '6px',\n                width: '1px',\n                style: 'solid',\n                color: '#212121'\n            },\n            shadow: '0 0 0 3px rgba(0, 123, 255, 0.2)'\n        },\n        disabled: {\n            color: inputColor,\n            background: backgroundColor,\n            border: {\n                radius: '6px',\n                width: '1px',\n                style: 'solid',\n                color: '#212121'\n            },\n            opacity: '0.25'\n        }\n    };\n}\n","import {ThemeVariable} from '../utils/theming.variable';\n\nexport interface ToggleGroupTheme {\n    grouping: ThemeVariable;\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n\n    spacing: {\n        horizontal: ThemeVariable;\n        vertical: ThemeVariable;\n    };\n}\n\nexport function toggleGroupThemeFactory(): ToggleGroupTheme {\n    return {\n        grouping: '20px',\n        label: {\n            color: '#525252',\n            offset: '4px',\n            fontSize: '14px',\n            fontWeight: '400',\n            lineHeight: '1.33'\n        },\n        spacing: {\n            horizontal: '10px',\n            vertical: '4px'\n        }\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface RadioButtonTheme {\n    size: ThemeVariable;\n\n    colors: {\n        accent: ThemeVariable;\n        disabled: ThemeVariable;\n    };\n\n    border: {\n        color: ThemeVariable;\n        thickness: ThemeVariable;\n        radius: ThemeVariable;\n    };\n\n    outline: {\n        color: ThemeVariable;\n        offset: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n}\n\nexport function radioButtonThemeFactory(): RadioButtonTheme {\n    const accentColor = new ThemeColorVariable('accentColor');\n    return {\n        size: '20px',\n        colors: {\n            accent: accentColor,\n            disabled: '#c6c6c6'\n        },\n        border: {\n            color: '#111111',\n            thickness: '1px',\n            radius: '50%'\n        },\n        outline: {\n            color: accentColor,\n            offset: '1px',\n            thickness: '2px'\n        },\n        label: {\n            color: '#111111',\n            offset: '6px',\n            fontSize: '16px',\n            fontWeight: '400',\n            lineHeight: '1.28'\n        }\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface RadioGroupTheme {\n    grouping: ThemeVariable;\n    error: ThemeVariable;\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n\n    spacing: {\n        horizontal: ThemeVariable;\n        vertical: ThemeVariable;\n    };\n}\n\nexport function radioGroupThemeFactory(): RadioGroupTheme {\n    const errorColor = new ThemeColorVariable('errorColor');\n    return {\n        grouping: '20px',\n        error: errorColor,\n        label: {\n            color: '#525252',\n            offset: '4px',\n            fontSize: '14px',\n            fontWeight: '400',\n            lineHeight: '1.33'\n        },\n        spacing: {\n            horizontal: '10px',\n            vertical: '4px'\n        }\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface CheckboxTheme {\n    size: ThemeVariable;\n    grouping: ThemeVariable;\n\n    colors: {\n        accent: ThemeVariable;\n        disabled: ThemeVariable;\n    };\n\n    border: {\n        color: ThemeVariable;\n        thickness: ThemeVariable;\n        radius: ThemeVariable;\n    };\n\n    outline: {\n        color: ThemeVariable;\n        offset: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    check: {\n        size: ThemeVariable;\n        color: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n}\n\nexport function checkboxThemeFactory(): CheckboxTheme {\n    const accentColor = new ThemeColorVariable('accentColor');\n    return {\n        size: '20px',\n        grouping: '20px',\n        colors: {\n            accent: accentColor,\n            disabled: '#c6c6c6'\n        },\n        border: {\n            color: '#111111',\n            thickness: '1px',\n            radius: '4px'\n        },\n        outline: {\n            color: accentColor,\n            offset: '1px',\n            thickness: '2px'\n        },\n        check: {\n            size: '12px',\n            color: 'white',\n            thickness: '2px'\n        },\n        label: {\n            color: '#111111',\n            offset: '6px',\n            fontSize: '16px',\n            fontWeight: '400',\n            lineHeight: '1.28'\n        }\n    };\n}\n","import {ThemeColorVariable, ThemeVariable} from '../utils/theming.variable';\n\nexport interface ToggleTheme {\n    grouping: ThemeVariable;\n    width: ThemeVariable;\n    height: ThemeVariable;\n\n    colors: {\n        accent: ThemeVariable;\n        disabled: ThemeVariable;\n        indicator: ThemeVariable;\n        background: ThemeVariable;\n    };\n\n    outline: {\n        color: ThemeVariable;\n        offset: ThemeVariable;\n        thickness: ThemeVariable;\n    };\n\n    label: {\n        color: ThemeVariable;\n        fontSize: ThemeVariable;\n        fontWeight: ThemeVariable;\n        lineHeight: ThemeVariable;\n        offset: ThemeVariable;\n    };\n}\n\nexport function toggleThemeFactory(): ToggleTheme {\n    const accentColor = new ThemeColorVariable('accentColor');\n    return {\n        grouping: '20px',\n        width: '40px',\n        height: '20px',\n        colors: {\n            accent: accentColor,\n            disabled: '#c6c6c6',\n            indicator: '#ffffff',\n            background: '#aeaeae'\n        },\n        outline: {\n            color: accentColor,\n            offset: '1px',\n            thickness: '2px'\n        },\n        label: {\n            color: '#111111',\n            offset: '6px',\n            fontSize: '16px',\n            fontWeight: '400',\n            lineHeight: '1.28'\n        }\n    };\n}\n","import {GlobalTheme, GlobalVariables, PartialGlobalTheme} from './theming.interface';\nimport {formControlAddonThemeFactory} from './themes/form-control-addon.theme';\nimport {checkboxGroupThemeFactory} from './themes/checkbox-group.theme';\nimport {controlErrorThemeFactory} from './themes/control-error.theme';\nimport {formControlThemeFactory} from './themes/form-control.theme';\nimport {toggleGroupThemeFactory} from './themes/toggle-group.theme';\nimport {radioButtonThemeFactory} from './themes/radio-button.theme';\nimport {radioGroupThemeFactory} from './themes/radio-group.theme';\nimport {ThemeVariableFunction} from './utils/theming.variable';\nimport {checkboxThemeFactory} from './themes/checkbox.theme';\nimport {toggleThemeFactory} from './themes/toggle.theme';\n\nexport class Theme {\n\n    protected readonly data: GlobalTheme;\n    protected readonly globals: GlobalVariables;\n\n    constructor(theme?: PartialGlobalTheme) {\n        const defaultFactories = this.defaultFactories();\n        this.data = this.mergeThemeData(defaultFactories, theme);\n        this.globals = this.getGlobals();\n    }\n\n    variables() {\n        return this.getContents(this.data);\n    }\n\n    protected defaultFactories(): GlobalTheme {\n        return {\n            accentColor: '#1565c0',\n            errorColor: '#bd322a',\n            formControl: formControlThemeFactory(),\n            formControlAddon: formControlAddonThemeFactory(),\n            checkbox: checkboxThemeFactory(),\n            checkboxGroup: checkboxGroupThemeFactory(),\n            radioButton: radioButtonThemeFactory(),\n            radioGroup: radioGroupThemeFactory(),\n            toggle: toggleThemeFactory(),\n            toggleGroup: toggleGroupThemeFactory(),\n            controlError: controlErrorThemeFactory()\n        };\n    }\n\n    protected getContents(data: object, scope: string | null = null) {\n        return Object.keys(data).reduce((previous, current) => {\n            const value = data?.[current];\n            const token = this.getToken(current, scope);\n\n            if (typeof value === 'object' && value !== null && !(value instanceof ThemeVariableFunction)) {\n                const formatted = this.getContents(value, token);\n                return {...previous, ...formatted};\n            }\n\n            const formattedValue = (value instanceof ThemeVariableFunction)\n                ? value.toString(this.globals)\n                : value;\n\n            if (!formattedValue) {\n                return previous;\n            }\n\n            return {...previous, [`--${token}`]: formattedValue};\n        }, {}) as { [key: string]: string };\n    }\n\n    protected getToken(key: string, scope: string) {\n        const token = this.tokenize(key);\n        return [scope, token].filter(item => !!item).join('-');\n    }\n\n    protected tokenize(value: string) {\n        const result = value.replace(/([A-Z])/g, ' $1');\n        return result.split(' ').join('-').toLowerCase();\n    }\n\n    protected mergeThemeData(target: GlobalTheme, ...sources: PartialGlobalTheme[]) {\n        if (!sources?.length) {\n            return target;\n        }\n\n        const source = sources.shift();\n        if (this.isObject(target) && this.isObject(source)) {\n            for (const key in source) {\n                if (this.isObject(source[key])) {\n                    if (!target[key]) {\n                        Object.assign(target, {[key]: {}});\n                    }\n                    this.mergeThemeData(target[key], source[key]);\n                } else {\n                    Object.assign(target, {[key]: source[key]});\n                }\n            }\n        }\n\n        return this.mergeThemeData(target, ...sources);\n    }\n\n    protected getGlobals() {\n        return {\n            accentColor: this.data.accentColor,\n            errorColor: this.data.errorColor\n        };\n    }\n\n    private isObject = (item: unknown) => {\n        return (item && typeof item === 'object' && !Array.isArray(item));\n    };\n\n}\n","import {BbiTheming} from './theming.directive';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    declarations: [BbiTheming],\n    exports: [BbiTheming]\n})\nexport class ThemingModule {\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAMa,UAAU,CAAA;IAWnB,WAAoB,CAAA,SAAoB,EACpB,WAAuB,EAAA;QADvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QACpB,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;;QAHnC,IAAM,CAAA,MAAA,GAAiB,IAAI,CAAC;KAInC;;IAVD,IAAyB,KAAK,CAAC,KAAmB,EAAA;AAC9C,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,QAAQ,EAAE,CAAC;KACnB;IASO,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACd,OAAO;AACV,SAAA;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;AAC1C,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;AAE/C,QAAA,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE;AACzB,YAAA,MAAM,KAAK,GAAG,SAAS,GAAG,GAAG,CAAC,CAAC;AAC/B,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAC9E,SAAA;KACJ;;uGA1BQ,UAAU,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAAV,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,CAAA,YAAA,EAAA,OAAA,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,cAAc;AAC3B,iBAAA,CAAA;yHAI4B,KAAK,EAAA,CAAA;sBAA7B,KAAK;uBAAC,YAAY,CAAA;;;SCHP,4BAA4B,GAAA;IACxC,OAAO;AACH,QAAA,OAAO,EAAE,MAAM;KAClB,CAAC;AACN;;SCSgB,yBAAyB,GAAA;IACrC,OAAO;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,KAAK;AAClB,SAAA;KACJ,CAAC;AACN;;MC9BsB,qBAAqB,CAAA;AAEvC,IAAA,WAAA,CAA8B,IAAwB,EAAA;QAAxB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAoB;KACrD;AAID,IAAA,QAAQ,CAAC,SAA0B,EAAA;QAC/B,MAAM,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;QAC7C,IAAI,CAAC,KAAK,EAAE;YACR,MAAM,IAAI,KAAK,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAAC,IAAI,CAAG,CAAA,CAAA,CAAC,CAAC;AAC1D,SAAA;AACD,QAAA,OAAO,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;KAC9C;AAEJ,CAAA;AAEK,MAAO,kBAAmB,SAAQ,qBAAqB,CAAA;AAKzD,IAAA,WAAA,CAAY,GAAuB,EAAA;QAC/B,KAAK,CAAC,GAAG,CAAC,CAAC;;QAHP,IAAQ,CAAA,QAAA,GAAW,CAAC,CAAC;KAI5B;AAED,IAAA,MAAM,CAAC,KAAa,EAAA;QAChB,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACjC,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;KAC3B;AAED,IAAA,OAAO,CAAC,KAAa,EAAA;AACjB,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;AACtB,QAAA,OAAO,IAAI,CAAC;KACf;AAEO,IAAA,MAAM,CAAC,IAAkD,EAAA;AAC7D,QAAA,OAAO,QAAQ,IAAI,EAAE,GAAG,CAAA,CAAA,EAAI,IAAI,EAAE,KAAK,CAAI,CAAA,EAAA,IAAI,EAAE,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,CAAC;KAC7E;AAEO,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC1B,MAAM,MAAM,GAAG,2CAA2C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvE,IAAI,CAAC,MAAM,EAAE;AACT,YAAA,MAAM,IAAI,KAAK,CAAC,6BAA6B,KAAK,CAAA,mCAAA,CAAqC,CAAC,CAAC;AAC5F,SAAA;AAED,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACtC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACxC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACvC,QAAA,OAAO,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;KAC7B;AAEJ;;SC9Ce,wBAAwB,GAAA;IACpC,OAAO;AACH,QAAA,KAAK,EAAE,IAAI,kBAAkB,CAAC,YAAY,CAAC;AAC3C,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,OAAO,EAAE,KAAK;KACjB,CAAC;AACN;;SCegB,uBAAuB,GAAA;IACnC,MAAM,aAAa,GAAG,YAAY,CAAC;IACnC,MAAM,UAAU,GAAG,SAAS,CAAC;IAC7B,MAAM,eAAe,GAAG,SAAS,CAAC;IAClC,OAAO;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,UAAU,EAAE,eAAe;AAC3B,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,IAAI,kBAAkB,CAAC,aAAa,CAAC;YAC5C,UAAU,EAAE,IAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;YAC9D,gBAAgB,EAAE,IAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;AACvE,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,KAAK,EAAE,wBAAwB;AAClC,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,MAAM,EAAE;AACJ,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,MAAM,EAAE,kCAAkC;AAC7C,SAAA;AACD,QAAA,QAAQ,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,MAAM,EAAE;AACJ,gBAAA,MAAM,EAAE,KAAK;AACb,gBAAA,KAAK,EAAE,KAAK;AACZ,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,SAAS;AACnB,aAAA;AACD,YAAA,OAAO,EAAE,MAAM;AAClB,SAAA;KACJ,CAAC;AACN;;SCxDgB,uBAAuB,GAAA;IACnC,OAAO;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,KAAK;AAClB,SAAA;KACJ,CAAC;AACN;;SCHgB,uBAAuB,GAAA;AACnC,IAAA,MAAM,WAAW,GAAG,IAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC1D,OAAO;AACH,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,QAAQ,EAAE,SAAS;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,MAAM,EAAE,KAAK;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,SAAS,EAAE,KAAK;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;KACJ,CAAC;AACN;;SCrCgB,sBAAsB,GAAA;AAClC,IAAA,MAAM,UAAU,GAAG,IAAI,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,OAAO;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,QAAQ,EAAE,KAAK;AAClB,SAAA;KACJ,CAAC;AACN;;SCCgB,oBAAoB,GAAA;AAChC,IAAA,MAAM,WAAW,GAAG,IAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC1D,OAAO;AACH,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,QAAQ,EAAE,SAAS;AACtB,SAAA;AACD,QAAA,MAAM,EAAE;AACJ,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,MAAM,EAAE,KAAK;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,SAAS,EAAE,KAAK;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,SAAS,EAAE,KAAK;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;KACJ,CAAC;AACN;;SCzCgB,kBAAkB,GAAA;AAC9B,IAAA,MAAM,WAAW,GAAG,IAAI,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC1D,OAAO;AACH,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE;AACJ,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,UAAU,EAAE,SAAS;AACxB,SAAA;AACD,QAAA,OAAO,EAAE;AACL,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,SAAS,EAAE,KAAK;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,UAAU,EAAE,KAAK;AACjB,YAAA,UAAU,EAAE,MAAM;AACrB,SAAA;KACJ,CAAC;AACN;;MC1Ca,KAAK,CAAA;AAKd,IAAA,WAAA,CAAY,KAA0B,EAAA;AAuF9B,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,IAAa,KAAI;AACjC,YAAA,QAAQ,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AACtE,SAAC,CAAC;AAxFE,QAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACjD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;KACpC;IAED,SAAS,GAAA;QACL,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACtC;IAES,gBAAgB,GAAA;QACtB,OAAO;AACH,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,UAAU,EAAE,SAAS;YACrB,WAAW,EAAE,uBAAuB,EAAE;YACtC,gBAAgB,EAAE,4BAA4B,EAAE;YAChD,QAAQ,EAAE,oBAAoB,EAAE;YAChC,aAAa,EAAE,yBAAyB,EAAE;YAC1C,WAAW,EAAE,uBAAuB,EAAE;YACtC,UAAU,EAAE,sBAAsB,EAAE;YACpC,MAAM,EAAE,kBAAkB,EAAE;YAC5B,WAAW,EAAE,uBAAuB,EAAE;YACtC,YAAY,EAAE,wBAAwB,EAAE;SAC3C,CAAC;KACL;AAES,IAAA,WAAW,CAAC,IAAY,EAAE,KAAA,GAAuB,IAAI,EAAA;AAC3D,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAI;AAClD,YAAA,MAAM,KAAK,GAAG,IAAI,GAAG,OAAO,CAAC,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE5C,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,EAAE,KAAK,YAAY,qBAAqB,CAAC,EAAE;gBAC1F,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACjD,gBAAA,OAAO,EAAC,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAC,CAAC;AACtC,aAAA;AAED,YAAA,MAAM,cAAc,GAAG,CAAC,KAAK,YAAY,qBAAqB;kBACxD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;kBAC5B,KAAK,CAAC;YAEZ,IAAI,CAAC,cAAc,EAAE;AACjB,gBAAA,OAAO,QAAQ,CAAC;AACnB,aAAA;AAED,YAAA,OAAO,EAAC,GAAG,QAAQ,EAAE,CAAC,CAAA,EAAA,EAAK,KAAK,CAAA,CAAE,GAAG,cAAc,EAAC,CAAC;SACxD,EAAE,EAAE,CAA8B,CAAC;KACvC;IAES,QAAQ,CAAC,GAAW,EAAE,KAAa,EAAA;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACjC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1D;AAES,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC5B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAChD,QAAA,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;KACpD;AAES,IAAA,cAAc,CAAC,MAAmB,EAAE,GAAG,OAA6B,EAAA;AAC1E,QAAA,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE;AAClB,YAAA,OAAO,MAAM,CAAC;AACjB,SAAA;AAED,QAAA,MAAM,MAAM,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;AAC/B,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAChD,YAAA,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE;gBACtB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;AAC5B,oBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE;AACd,wBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAC,CAAC,GAAG,GAAG,EAAE,EAAC,CAAC,CAAC;AACtC,qBAAA;AACD,oBAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACjD,iBAAA;AAAM,qBAAA;AACH,oBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,EAAC,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;AAC/C,iBAAA;AACJ,aAAA;AACJ,SAAA;QAED,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC;KAClD;IAES,UAAU,GAAA;QAChB,OAAO;AACH,YAAA,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW;AAClC,YAAA,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;SACnC,CAAC;KACL;AAMJ;;MCrGY,aAAa,CAAA;;0GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;2GAAb,aAAa,EAAA,YAAA,EAAA,CAHP,UAAU,CAAA,EAAA,OAAA,EAAA,CACf,UAAU,CAAA,EAAA,CAAA,CAAA;2GAEX,aAAa,EAAA,CAAA,CAAA;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,UAAU,CAAC;oBAC1B,OAAO,EAAE,CAAC,UAAU,CAAC;AACxB,iBAAA,CAAA;;;ACND;;AAEG;;;;"}

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

@@ -17,9 +17,9 @@ class BbTemplate {
         this._viewContainerRef.createEmbeddedView(template);
     }
 }
-BbTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbTemplate, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BbTemplate, selector: "[bbTemplate]", inputs: { bbTemplate: "bbTemplate" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbTemplate, decorators: [{
+BbTemplate.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbTemplate, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbTemplate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BbTemplate, selector: "[bbTemplate]", inputs: { bbTemplate: "bbTemplate" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbTemplate, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbTemplate]'
@@ -68,9 +68,9 @@ class BbAutosize {
         this._renderer.setStyle(this.element, 'height', value);
     }
 }
-BbAutosize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbAutosize, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbAutosize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BbAutosize, selector: "textarea[bbAutosize]", inputs: { minHeight: "minHeight", maxHeight: "maxHeight", rows: "rows" }, host: { listeners: { "window:resize": "onWindowResize()", "input": "onInputReceived()" }, properties: { "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "rows": "this.rows" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbAutosize, decorators: [{
+BbAutosize.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbAutosize, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbAutosize.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BbAutosize, selector: "textarea[bbAutosize]", inputs: { minHeight: "minHeight", maxHeight: "maxHeight", rows: "rows" }, host: { listeners: { "window:resize": "onWindowResize()", "input": "onInputReceived()" }, properties: { "style.min-height": "this.minHeight", "style.max-height": "this.maxHeight", "rows": "this.rows" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbAutosize, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[bbAutosize]'
@@ -124,9 +124,9 @@ class BbFocus {
         setTimeout(() => this.nativeElement.focus(), 0);
     }
 }
-BbFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbFocus, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BbFocus, selector: "[bbFocus]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbFocus, decorators: [{
+BbFocus.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbFocus, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbFocus.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BbFocus, selector: "[bbFocus]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbFocus, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbFocus]'
@@ -195,9 +195,9 @@ class BbFocusTrap {
         return Array(...nodes);
     }
 }
-BbFocusTrap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbFocusTrap, deps: [{ token: i1.Platform }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-BbFocusTrap.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.1", type: BbFocusTrap, selector: "[bbFocusTrap]", host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: BbFocusTrap, decorators: [{
+BbFocusTrap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbFocusTrap, deps: [{ token: i1.Platform }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbFocusTrap.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.2", type: BbFocusTrap, selector: "[bbFocusTrap]", host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: BbFocusTrap, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbFocusTrap]'
@@ -209,16 +209,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImpor
 
 class UtilsModule {
 }
-UtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-UtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: UtilsModule, declarations: [BbTemplate,
+UtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.2", ngImport: i0, type: UtilsModule, declarations: [BbTemplate,
         BbAutosize,
         BbFocus,
         BbFocusTrap], exports: [BbTemplate,
         BbAutosize,
         BbFocus,
         BbFocusTrap] });
-UtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: UtilsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: UtilsModule, decorators: [{
+UtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: UtilsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.2", ngImport: i0, type: UtilsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2020/bravobit-bb-foundation.mjs

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

package/localize/lib/interfaces/config.interfaces.d.ts

@@ -7,6 +7,7 @@ export declare class LocalizeConfig {
         references?: [leftSubstitution: string, rightSubstitution: string];
         interpolation?: [leftSubstitution: string, rightSubstitution: string];
     };
+    compareDictionaries?: boolean;
 }
 export interface LocalizeConfigLanguage {
     id: string;

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

@@ -13,5 +13,5 @@ export declare class LocalizeModule {
     static ɵmod: i0.ɵɵNgModuleDeclaration<LocalizeModule, [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate], [typeof i4.CommonModule, typeof i5.UtilsModule], [typeof i1.BbLocalize, typeof i2.BbLocalizeString, typeof i3.BbLocalizeTemplate]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LocalizeModule>;
 }
-export declare function initializeLocale(localize: Localize): () => Promise<any>;
+export declare function initializeLocale(localize: Localize): () => Promise<void>;
 export declare function getLocale(localize: Localize): string;

package/localize/lib/localize.service.d.ts

@@ -30,7 +30,7 @@ export declare class Localize {
         reload?: boolean;
     }): Promise<any>;
     select(id: string): LocalizeDictionary;
-    initialize(): () => Promise<any>;
+    initialize(): () => Promise<void>;
     clear(): void;
     transform(value: string, data?: LocalizeParams['data']): string;
     translate(tokenOrParams: string | LocalizeParams): string;
@@ -40,6 +40,7 @@ export declare class Localize {
     private createDictionary;
     private getDictionary;
     private renderDocumentLanguage;
+    private compareDictionaries;
     private convertToParams;
     static ɵfac: i0.ɵɵFactoryDeclaration<Localize, [null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Localize>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravobit/bb-foundation",
-  "version": "0.23.4",
+  "version": "0.23.6",
   "description": "The Angular core foundation of the Bravobit team.",
   "author": {
     "name": "Stan van Heumen",

package/theming/lib/themes/radio-button.theme.d.ts

@@ -0,0 +1,26 @@
+import { ThemeVariable } from '../utils/theming.variable';
+export interface RadioButtonTheme {
+    size: ThemeVariable;
+    colors: {
+        accent: ThemeVariable;
+        disabled: ThemeVariable;
+    };
+    border: {
+        color: ThemeVariable;
+        thickness: ThemeVariable;
+        radius: ThemeVariable;
+    };
+    outline: {
+        color: ThemeVariable;
+        offset: ThemeVariable;
+        thickness: ThemeVariable;
+    };
+    label: {
+        color: ThemeVariable;
+        fontSize: ThemeVariable;
+        fontWeight: ThemeVariable;
+        lineHeight: ThemeVariable;
+        offset: ThemeVariable;
+    };
+}
+export declare function radioButtonThemeFactory(): RadioButtonTheme;

package/theming/lib/themes/radio-group.theme.d.ts

@@ -0,0 +1,17 @@
+import { ThemeVariable } from '../utils/theming.variable';
+export interface RadioGroupTheme {
+    grouping: ThemeVariable;
+    error: ThemeVariable;
+    label: {
+        color: ThemeVariable;
+        fontSize: ThemeVariable;
+        fontWeight: ThemeVariable;
+        lineHeight: ThemeVariable;
+        offset: ThemeVariable;
+    };
+    spacing: {
+        horizontal: ThemeVariable;
+        vertical: ThemeVariable;
+    };
+}
+export declare function radioGroupThemeFactory(): RadioGroupTheme;

package/theming/lib/themes/toggle-group.theme.d.ts

@@ -0,0 +1,16 @@
+import { ThemeVariable } from '../utils/theming.variable';
+export interface ToggleGroupTheme {
+    grouping: ThemeVariable;
+    label: {
+        color: ThemeVariable;
+        fontSize: ThemeVariable;
+        fontWeight: ThemeVariable;
+        lineHeight: ThemeVariable;
+        offset: ThemeVariable;
+    };
+    spacing: {
+        horizontal: ThemeVariable;
+        vertical: ThemeVariable;
+    };
+}
+export declare function toggleGroupThemeFactory(): ToggleGroupTheme;

package/theming/lib/themes/toggle.theme.d.ts

@@ -0,0 +1,25 @@
+import { ThemeVariable } from '../utils/theming.variable';
+export interface ToggleTheme {
+    grouping: ThemeVariable;
+    width: ThemeVariable;
+    height: ThemeVariable;
+    colors: {
+        accent: ThemeVariable;
+        disabled: ThemeVariable;
+        indicator: ThemeVariable;
+        background: ThemeVariable;
+    };
+    outline: {
+        color: ThemeVariable;
+        offset: ThemeVariable;
+        thickness: ThemeVariable;
+    };
+    label: {
+        color: ThemeVariable;
+        fontSize: ThemeVariable;
+        fontWeight: ThemeVariable;
+        lineHeight: ThemeVariable;
+        offset: ThemeVariable;
+    };
+}
+export declare function toggleThemeFactory(): ToggleTheme;

package/theming/lib/theming.interface.d.ts

@@ -2,7 +2,11 @@ import { FormControlAddonTheme } from './themes/form-control-addon.theme';
 import { CheckboxGroupTheme } from './themes/checkbox-group.theme';
 import { ControlErrorTheme } from './themes/control-error.theme';
 import { FormControlTheme } from './themes/form-control.theme';
+import { ToggleGroupTheme } from './themes/toggle-group.theme';
+import { RadioButtonTheme } from './themes/radio-button.theme';
+import { RadioGroupTheme } from './themes/radio-group.theme';
 import { CheckboxTheme } from './themes/checkbox.theme';
+import { ToggleTheme } from './themes/toggle.theme';
 export declare type ThemeDataRecord = Record<string, string> | string;
 export declare type ColorString = `#${string}`;
 export interface GlobalTheme {
@@ -12,6 +16,10 @@ export interface GlobalTheme {
     formControlAddon: FormControlAddonTheme;
     checkbox: CheckboxTheme;
     checkboxGroup: CheckboxGroupTheme;
+    radioButton: RadioButtonTheme;
+    radioGroup: RadioGroupTheme;
+    toggle: ToggleTheme;
+    toggleGroup: ToggleGroupTheme;
     controlError: ControlErrorTheme;
     custom?: {
         [key: string]: ThemeDataRecord;