@bravobit/bb-foundation 0.21.6 → 0.22.0

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

@@ -1,154 +1,286 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, Inject, APP_INITIALIZER, NgModule, SkipSelf } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
+import { RendererStyleFlags2, Directive, Input, NgModule } from '@angular/core';
 
-class ThemingOptions {
-}
-
-class Theming {
-    constructor(_options, _rendererFactory, _document) {
-        this._options = _options;
-        this._rendererFactory = _rendererFactory;
-        this._document = _document;
-        // Readonly data.
-        this._attribute = 'data-theme';
-        this._renderer = this._rendererFactory.createRenderer(null, null);
-        // State.
-        this._currentTheme = null;
-        this.setCssVariables();
-        this.setFirstTheme();
-    }
-    get all() {
-        return this._options?.themes ?? [];
+class BbiTheming {
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        // Cache.
+        this._theme = null;
     }
-    get current() {
-        return this._currentTheme ?? null;
+    // Inputs.
+    set theme(theme) {
+        this._theme = theme;
+        this.setTheme();
     }
-    set(name) {
-        const theme = this.all?.find(theme => theme?.name === name);
-        if (!theme) {
-            throw new Error('Invalid theme.');
-        }
-        const document = this._document.documentElement;
-        if (!document) {
-            return;
-        }
-        this._renderer.setAttribute(document, this._attribute, name);
-        this._currentTheme = theme;
-    }
-    setCssVariables() {
-        const style = this._renderer.createElement('style');
-        this._renderer.setAttribute(style, 'id', 'theming-style');
-        const variables = this.getCssVariables();
-        this._renderer.setProperty(style, 'innerHTML', variables);
-        const head = this._document?.head ?? null;
-        if (!head) {
+    setTheme() {
+        if (!this._theme) {
             return;
         }
-        this._renderer.appendChild(this._document?.head, style);
-    }
-    getCssVariables() {
-        return this.all
-            .map(theme => `:root[${this._attribute}="${theme?.name}"] {${this.getThemeContents(theme)}}`)
-            .join('\n');
-    }
-    getThemeContents(theme) {
-        const themeData = theme?.data ?? {};
-        return Object.keys(themeData)
-            .map(key => `${key}: ${themeData?.[key]};`)
-            .join(' ');
-    }
-    setFirstTheme() {
-        const theme = this.all?.[0] ?? null;
-        if (!theme) {
-            throw new Error('No theme found.');
+        const variables = this._theme.variables();
+        const element = this._elementRef.nativeElement;
+        for (const key in variables) {
+            const value = variables?.[key];
+            this._renderer.setStyle(element, key, value, RendererStyleFlags2.DashCase);
         }
-        const themeName = theme?.name ?? null;
-        return this.set(themeName);
     }
 }
-Theming.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: Theming, deps: [{ token: ThemingOptions }, { token: i0.RendererFactory2 }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-Theming.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: Theming });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: Theming, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: ThemingOptions }, { type: i0.RendererFactory2 }, { type: Document, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
+BbiTheming.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbiTheming, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BbiTheming.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.1", type: BbiTheming, selector: "[bbiTheming]", inputs: { theme: ["bbiTheming", "theme"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbiTheming, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbiTheming]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { theme: [{
+                type: Input,
+                args: ['bbiTheming']
+            }] } });
 
-class ThemingModule {
-    constructor(_parent) {
-        this._parent = _parent;
-        if (this._parent) {
-            throw new Error('ThemingModule is already loaded; Import it in the core module only.');
+function formControlAddonThemeFactory() {
+    return {
+        spacing: '10px'
+    };
+}
+
+function checkboxGroupThemeFactory() {
+    return {
+        grouping: '20px',
+        label: {
+            color: '#525252',
+            offset: '4px',
+            fontSize: '14px',
+            fontWeight: '400',
+            lineHeight: '1.33'
+        },
+        spacing: {
+            horizontal: '10px',
+            vertical: '4px'
         }
+    };
+}
+
+class ThemeVariableFunction {
+    constructor(_key) {
+        this._key = _key;
     }
-    static forRoot(options) {
-        return {
-            ngModule: ThemingModule,
-            providers: [
-                Theming,
-                { provide: APP_INITIALIZER, deps: [Theming], useFactory: initializeTheme, multi: true },
-                { provide: ThemingOptions, useValue: options }
-            ]
-        };
+    toString(variables) {
+        const value = variables?.[this._key] ?? null;
+        if (!value) {
+            throw new Error(`Invalid variable key "${this._key}"`);
+        }
+        return !!value ? this.format(value) : null;
     }
 }
-ThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ThemingModule, deps: [{ token: ThemingModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
-ThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: ThemingModule });
-ThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ThemingModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: ThemingModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }], ctorParameters: function () { return [{ type: ThemingModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }]; } });
-function initializeTheme(_) {
-    // Note: We just need to initialize the theme.
-    return () => ({});
+class ThemeColorVariable extends ThemeVariableFunction {
+    constructor(key) {
+        super(key);
+        // State.
+        this._opacity = 1;
+    }
+    format(value) {
+        const rgb = this.hexToRgb(value);
+        return this.toRgba(rgb);
+    }
+    opacity(value) {
+        this._opacity = value;
+        return this;
+    }
+    toRgba(data) {
+        return `rgba(${data?.red},${data?.green},${data?.blue},${this._opacity})`;
+    }
+    hexToRgb(value) {
+        const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(value);
+        if (!result) {
+            throw new Error(`Invalid color format for "${value}". Only hex is currently supported.`);
+        }
+        const red = parseInt(result?.[1], 16);
+        const green = parseInt(result?.[2], 16);
+        const blue = parseInt(result?.[3], 16);
+        return { red, green, blue };
+    }
+}
+
+function controlErrorThemeFactory() {
+    return {
+        color: new ThemeColorVariable('errorColor'),
+        fontSize: '13px',
+        lineHeight: '1.5',
+        fontWeight: '400',
+        spacing: '4px'
+    };
+}
+
+function formControlThemeFactory() {
+    const errorColorKey = 'errorColor';
+    const inputColor = '#111111';
+    const backgroundColor = '#ffffff';
+    return {
+        grouping: '20px',
+        color: inputColor,
+        background: backgroundColor,
+        error: {
+            color: new ThemeColorVariable(errorColorKey),
+            background: new ThemeColorVariable(errorColorKey).opacity(0.1),
+            placeholderColor: new ThemeColorVariable(errorColorKey).opacity(0.4)
+        },
+        border: {
+            radius: '6px',
+            width: '1px',
+            style: 'solid',
+            color: 'rgba(67, 90, 111, 0.3)'
+        },
+        focused: {
+            color: inputColor,
+            background: backgroundColor,
+            border: {
+                radius: '6px',
+                width: '1px',
+                style: 'solid',
+                color: '#212121'
+            },
+            shadow: '0 0 0 3px rgba(0, 123, 255, 0.2)'
+        },
+        disabled: {
+            color: inputColor,
+            background: backgroundColor,
+            border: {
+                radius: '6px',
+                width: '1px',
+                style: 'solid',
+                color: '#212121'
+            },
+            opacity: '0.25'
+        }
+    };
+}
+
+function checkboxThemeFactory() {
+    const accentColor = new ThemeColorVariable('accentColor');
+    return {
+        size: '20px',
+        grouping: '20px',
+        colors: {
+            accent: accentColor,
+            disabled: '#c6c6c6'
+        },
+        border: {
+            color: '#111111',
+            thickness: '1px',
+            radius: '4px'
+        },
+        outline: {
+            color: accentColor,
+            offset: '1px',
+            thickness: '2px'
+        },
+        check: {
+            size: '12px',
+            color: 'white',
+            thickness: '2px'
+        },
+        label: {
+            color: '#111111',
+            offset: '6px',
+            fontSize: '16px',
+            fontWeight: '400',
+            lineHeight: '1.28'
+        }
+    };
 }
 
 class Theme {
-    constructor(_name, _data) {
-        this._name = _name;
-        this._data = _data;
-        this._parsed = this.parseData(_data ?? {});
-    }
-    get name() {
-        return this._name;
+    constructor(theme) {
+        this.isObject = (item) => {
+            return (item && typeof item === 'object' && !Array.isArray(item));
+        };
+        const defaultFactories = this.defaultFactories();
+        this.data = this.mergeThemeData(defaultFactories, theme);
+        this.globals = this.getGlobals();
     }
-    get data() {
-        return this._parsed;
+    variables() {
+        return this.getContents(this.data);
     }
-    update(data) {
-        this._parsed = { ...this._parsed, ...this.parseData(data) };
-        return this;
+    defaultFactories() {
+        return {
+            accentColor: '#1565c0',
+            errorColor: '#bd322a',
+            formControl: formControlThemeFactory(),
+            formControlAddon: formControlAddonThemeFactory(),
+            checkbox: checkboxThemeFactory(),
+            checkboxGroup: checkboxGroupThemeFactory(),
+            controlError: controlErrorThemeFactory()
+        };
     }
-    parseData(data, scope = null) {
+    getContents(data, scope = null) {
         return Object.keys(data).reduce((previous, current) => {
             const value = data?.[current];
-            const token = this.getFormattedToken(current, scope);
-            if (typeof value === 'object' && value !== null) {
-                const formatted = this.parseData(value, token);
+            const token = this.getToken(current, scope);
+            if (typeof value === 'object' && value !== null && !(value instanceof ThemeVariableFunction)) {
+                const formatted = this.getContents(value, token);
                 return { ...previous, ...formatted };
             }
-            return { ...previous, [`--${token}`]: value };
+            const formattedValue = (value instanceof ThemeVariableFunction)
+                ? value.toString(this.globals)
+                : value;
+            if (!formattedValue) {
+                return previous;
+            }
+            return { ...previous, [`--${token}`]: formattedValue };
         }, {});
     }
-    getFormattedToken(key, scope = null) {
-        const result = key.replace(/([A-Z])/g, ' $1');
-        const current = result.split(' ').join('-').toLowerCase();
-        return [scope, current].filter(item => !!item).join('-');
+    getToken(key, scope) {
+        const token = this.tokenize(key);
+        return [scope, token].filter(item => !!item).join('-');
     }
+    tokenize(value) {
+        const result = value.replace(/([A-Z])/g, ' $1');
+        return result.split(' ').join('-').toLowerCase();
+    }
+    mergeThemeData(target, ...sources) {
+        if (!sources?.length) {
+            return target;
+        }
+        const source = sources.shift();
+        if (this.isObject(target) && this.isObject(source)) {
+            for (const key in source) {
+                if (this.isObject(source[key])) {
+                    if (!target[key]) {
+                        Object.assign(target, { [key]: {} });
+                    }
+                    this.mergeThemeData(target[key], source[key]);
+                }
+                else {
+                    Object.assign(target, { [key]: source[key] });
+                }
+            }
+        }
+        return this.mergeThemeData(target, ...sources);
+    }
+    getGlobals() {
+        return {
+            accentColor: this.data.accentColor,
+            errorColor: this.data.errorColor
+        };
+    }
+}
+
+class ThemingModule {
 }
+ThemingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ThemingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ThemingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.1", ngImport: i0, type: ThemingModule, declarations: [BbiTheming], exports: [BbiTheming] });
+ThemingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ThemingModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ThemingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [BbiTheming],
+                    exports: [BbiTheming]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { Theme, Theming, ThemingModule, ThemingOptions, initializeTheme };
+export { BbiTheming, Theme, ThemeColorVariable, ThemeVariableFunction, ThemingModule, checkboxGroupThemeFactory, checkboxThemeFactory, formControlAddonThemeFactory, formControlThemeFactory };
 //# sourceMappingURL=bravobit-bb-foundation-theming.mjs.map

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.interface.ts","../../../projects/bb-foundation/theming/src/lib/theming.service.ts","../../../projects/bb-foundation/theming/src/lib/theming.module.ts","../../../projects/bb-foundation/theming/src/lib/themes/theme.ts","../../../projects/bb-foundation/theming/src/bravobit-bb-foundation-theming.ts"],"sourcesContent":["import {CheckboxGroupTheme} from './themes/checkbox-group.theme';\nimport {CheckboxTheme} from './themes/checkbox.theme';\nimport {Theme} from './themes/theme';\n\nexport class ThemingOptions {\n    themes: Theme[];\n}\n\nexport type ThemeDataRecord = Record<string, string> | string;\n\nexport interface ThemeData {\n    accentColor?: string;\n    checkbox?: Partial<CheckboxTheme>;\n    checkboxGroup?: Partial<CheckboxGroupTheme>\n\n    custom?: { [key: string]: ThemeDataRecord };\n}\n","import {Inject, Injectable, Optional, Renderer2, RendererFactory2} from '@angular/core';\nimport {ThemingOptions} from './theming.interface';\nimport {DOCUMENT} from '@angular/common';\nimport {Theme} from './themes/theme';\n\n@Injectable()\nexport class Theming {\n\n    // Readonly data.\n    private readonly _attribute: string = 'data-theme';\n    private readonly _renderer: Renderer2 = this._rendererFactory.createRenderer(null, null);\n\n    // State.\n    private _currentTheme: Theme | null = null;\n\n    constructor(private _options: ThemingOptions,\n                private _rendererFactory: RendererFactory2,\n                @Optional() @Inject(DOCUMENT) private _document: Document) {\n        this.setCssVariables();\n        this.setFirstTheme();\n    }\n\n    get all() {\n        return this._options?.themes ?? [];\n    }\n\n    get current() {\n        return this._currentTheme ?? null;\n    }\n\n    set(name: string) {\n        const theme = this.all?.find(theme => theme?.name === name);\n        if (!theme) {\n            throw new Error('Invalid theme.');\n        }\n\n        const document = this._document.documentElement;\n        if (!document) {\n            return;\n        }\n\n        this._renderer.setAttribute(document, this._attribute, name);\n        this._currentTheme = theme;\n    }\n\n    private setCssVariables() {\n        const style = this._renderer.createElement('style');\n        this._renderer.setAttribute(style, 'id', 'theming-style');\n\n        const variables = this.getCssVariables();\n        this._renderer.setProperty(style, 'innerHTML', variables);\n\n        const head = this._document?.head ?? null;\n        if (!head) {\n            return;\n        }\n\n        this._renderer.appendChild(this._document?.head, style);\n    }\n\n    private getCssVariables() {\n        return this.all\n            .map(theme => `:root[${this._attribute}=\"${theme?.name}\"] {${this.getThemeContents(theme)}}`)\n            .join('\\n');\n    }\n\n    private getThemeContents(theme: Theme) {\n        const themeData = theme?.data ?? {};\n        return Object.keys(themeData)\n            .map(key => `${key}: ${themeData?.[key]};`)\n            .join(' ');\n    }\n\n    private setFirstTheme() {\n        const theme = this.all?.[0] ?? null;\n        if (!theme) {\n            throw new Error('No theme found.');\n        }\n\n        const themeName = theme?.name ?? null;\n        return this.set(themeName);\n    }\n\n}\n","import {APP_INITIALIZER, ModuleWithProviders, NgModule, Optional, SkipSelf} from '@angular/core';\nimport {ThemingOptions} from './theming.interface';\nimport {Theming} from './theming.service';\n\n@NgModule({})\nexport class ThemingModule {\n\n    constructor(@Optional() @SkipSelf() private _parent?: ThemingModule) {\n        if (this._parent) {\n            throw new Error('ThemingModule is already loaded; Import it in the core module only.');\n        }\n    }\n\n    static forRoot(options: ThemingOptions): ModuleWithProviders<ThemingModule> {\n        return {\n            ngModule: ThemingModule,\n            providers: [\n                Theming,\n                {provide: APP_INITIALIZER, deps: [Theming], useFactory: initializeTheme, multi: true},\n                {provide: ThemingOptions, useValue: options}\n            ]\n        };\n    }\n\n}\n\nexport function initializeTheme(_: Theming) {\n    // Note: We just need to initialize the theme.\n    return () => ({});\n}\n","import {ThemeData} from '../theming.interface';\n\nexport class Theme {\n\n    // Readonly data.\n    private _parsed: Record<string, string>;\n\n    constructor(private _name: string,\n                private _data?: ThemeData) {\n        this._parsed = this.parseData(_data ?? {});\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get data() {\n        return this._parsed;\n    }\n\n    update(data: ThemeData) {\n        this._parsed = {...this._parsed, ...this.parseData(data)};\n        return this;\n    }\n\n    protected parseData(data: object, scope: string | null = null) {\n        return Object.keys(data).reduce((previous, current) => {\n            const value = data?.[current];\n            const token = this.getFormattedToken(current, scope);\n            if (typeof value === 'object' && value !== null) {\n                const formatted = this.parseData(value, token);\n                return {...previous, ...formatted};\n            }\n            return {...previous, [`--${token}`]: value};\n        }, {});\n    }\n\n    protected getFormattedToken(key: string, scope: string | null = null) {\n        const result = key.replace(/([A-Z])/g, ' $1');\n        const current = result.split(' ').join('-').toLowerCase();\n        return [scope, current].filter(item => !!item).join('-');\n    }\n\n}\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/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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"}