@bravobit/bb-foundation 0.21.5 → 0.22.1

package/esm2020/table/lib/components/table-header-cell/table-header-cell.component.mjs

@@ -105,9 +105,9 @@ export class BbTableHeaderCell extends BbTableHeaderCellMixinBase {
         this._table?.sortControl?.patchValue(newValue);
     }
 }
-BbTableHeaderCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: i1.BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-BbTableHeaderCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BbTableHeaderCell, selector: "bb-table-header-cell", inputs: { disabled: "disabled", sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, usesInheritance: true, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n<ng-container *ngIf=\"valueChanges$ | async as value\">\n    <button *ngIf=\"!isDisabled\"\n            [class.asc]=\"value === 'asc'\"\n            [class.desc]=\"value === 'desc'\"\n            class=\"bb-table-header-cell-toggle\"\n            type=\"button\"></button>\n</ng-container>\n", styles: [".bb-table-header-cell{height:50px;color:#212529;cursor:pointer;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none;padding:10px 20px;position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:52px}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:14px;width:22px;border:none;height:22px;margin-left:auto;position:absolute;border-radius:4px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BbTableHeaderCell, decorators: [{
+BbTableHeaderCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: i1.BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BbTableHeaderCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: BbTableHeaderCell, selector: "bb-table-header-cell", inputs: { disabled: "disabled", sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, usesInheritance: true, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n<ng-container *ngIf=\"valueChanges$ | async as value\">\n    <button *ngIf=\"!isDisabled\"\n            [class.asc]=\"value === 'asc'\"\n            [class.desc]=\"value === 'desc'\"\n            class=\"bb-table-header-cell-toggle\"\n            type=\"button\"></button>\n</ng-container>\n", styles: [".bb-table-header-cell{height:50px;color:#212529;cursor:pointer;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none;padding:10px 20px;position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:52px}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:14px;width:22px;border:none;height:22px;margin-left:auto;position:absolute;border-radius:4px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbTableHeaderCell, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table-header-cell', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'bb-table-header-cell',

package/esm2020/table/lib/components/table-pager/table-pager.component.mjs

@@ -112,11 +112,11 @@ export class BbTablePager extends BbTablePagerMixinBase {
             .map(page => ({ page, active: pageNumber === page }));
     }
 }
-BbTablePager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BbTablePager, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BbTablePager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: BbTablePager, selector: "bb-table-pager", inputs: { disabled: "disabled", amountOfButtons: "amountOfButtons", showArrowButtons: "showArrowButtons", pageNumber: "pageNumber", totalPages: "totalPages" }, host: { properties: { "class.disabled": "disabled" }, classAttribute: "bb-table-pager" }, providers: [
+BbTablePager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbTablePager, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BbTablePager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: BbTablePager, selector: "bb-table-pager", inputs: { disabled: "disabled", amountOfButtons: "amountOfButtons", showArrowButtons: "showArrowButtons", pageNumber: "pageNumber", totalPages: "totalPages" }, host: { properties: { "class.disabled": "disabled" }, classAttribute: "bb-table-pager" }, providers: [
         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbTablePager), multi: true }
     ], usesInheritance: true, ngImport: i0, template: "<ul class=\"bb-pager-list\">\n    <!-- The previous page arrow button. -->\n    <li *ngIf=\"showArrowButtons\"\n        class=\"bb-pager-list-item\"\n        title=\"Previous page\">\n        <button [disabled]=\"isPreviousDisabled$ | async\"\n                (click)=\"goToPrevious()\"\n                class=\"bb-pager-list-button\"\n                type=\"button\">\n            <bb-icon src=\"material:keyboard_arrow_left\"></bb-icon>\n        </button>\n    </li>\n\n    <!-- The list of number buttons to navigate through the list. -->\n    <ng-container *ngIf=\"list$ | async as list\">\n        <li *ngFor=\"let item of list; trackBy: trackByIndex\"\n            [title]=\"'Page ' + item?.page\"\n            class=\"bb-pager-list-item\">\n            <button (click)=\"goToIndex(item?.page)\"\n                    [class.active]=\"item?.active\"\n                    class=\"bb-pager-list-button\"\n                    type=\"button\">\n                {{ item?.page }}\n            </button>\n        </li>\n    </ng-container>\n\n    <!-- The next page arrow button. -->\n    <li *ngIf=\"showArrowButtons\"\n        class=\"bb-pager-list-item\"\n        title=\"Next page\">\n        <button [disabled]=\"isNextDisabled$ | async\"\n                (click)=\"goToNext()\"\n                class=\"bb-pager-list-button\"\n                type=\"button\">\n            <bb-icon src=\"material:keyboard_arrow_right\"></bb-icon>\n        </button>\n    </li>\n</ul>\n", styles: [".bb-table-pager{flex:1;display:flex;align-items:center;justify-content:flex-end}.bb-table-pager.disabled{opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.bb-pager-list{display:flex}.bb-pager-list-item{margin-left:8px}.bb-pager-list-button{padding:0;color:#3d464d;line-height:1;min-width:32px;font-size:16px;-webkit-appearance:none;appearance:none;font-weight:500;min-height:32px;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;display:inline-flex;justify-content:center;border:1px solid #b6bbc1;transition-duration:.2s;background-color:transparent;transition-timing-function:cubic-bezier(0,0,.2,1);transition-property:color,border-color,opacity,background-color;box-shadow:inset 0 3px #b7bcc233,0 6px 6px -6px #0000001a}.bb-pager-list-button:hover,.bb-pager-list-button:focus{background-color:#0000000a}.bb-pager-list-button.active,.bb-pager-list-button.active:hover{color:#2196f3;cursor:default;border-color:#2196f3;background-color:transparent}.bb-pager-list-button:disabled{opacity:.35;cursor:default;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: BbTablePager, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: BbTablePager, decorators: [{
             type: Component,
             args: [{ selector: 'bb-table-pager', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         'class': 'bb-table-pager',

package/esm2020/table/lib/table.module.mjs

@@ -18,8 +18,8 @@ const DECLARATIONS_EXPORTS = [
 ];
 export class TableModule {
 }
-TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: TableModule, declarations: [BbTable,
+TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.1", ngImport: i0, type: TableModule, declarations: [BbTable,
         BbTableColumnDef,
         BbTableRowDef,
         BbTableHeaderCell,
@@ -30,8 +30,8 @@ TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
         BbTableHeaderCell,
         BbTableCell,
         BbTablePager] });
-TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: TableModule, imports: [CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: TableModule, decorators: [{
+TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: TableModule, imports: [CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ReactiveFormsModule, ElementsModule, LocalizeModule],

package/esm2020/theming/lib/themes/checkbox-group.theme.mjs

@@ -1,2 +1,17 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAudGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtZXMvY2hlY2tib3gtZ3JvdXAudGhlbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hHcm91cFRoZW1lIHtcbiAgICBsYWJlbENvbG9yOiBzdHJpbmc7XG4gICAgbGFiZWxGb250U2l6ZTogc3RyaW5nO1xuICAgIGxhYmVsRm9udFdlaWdodDogc3RyaW5nO1xufSJdfQ==
+export function checkboxGroupThemeFactory() {
+    return {
+        grouping: '20px',
+        label: {
+            color: '#525252',
+            offset: '4px',
+            fontSize: '14px',
+            fontWeight: '400',
+            lineHeight: '1.33'
+        },
+        spacing: {
+            horizontal: '10px',
+            vertical: '4px'
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtZ3JvdXAudGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtZXMvY2hlY2tib3gtZ3JvdXAudGhlbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJBLE1BQU0sVUFBVSx5QkFBeUI7SUFDckMsT0FBTztRQUNILFFBQVEsRUFBRSxNQUFNO1FBQ2hCLEtBQUssRUFBRTtZQUNILEtBQUssRUFBRSxTQUFTO1lBQ2hCLE1BQU0sRUFBRSxLQUFLO1lBQ2IsUUFBUSxFQUFFLE1BQU07WUFDaEIsVUFBVSxFQUFFLEtBQUs7WUFDakIsVUFBVSxFQUFFLE1BQU07U0FDckI7UUFDRCxPQUFPLEVBQUU7WUFDTCxVQUFVLEVBQUUsTUFBTTtZQUNsQixRQUFRLEVBQUUsS0FBSztTQUNsQjtLQUNKLENBQUM7QUFDTixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtUaGVtZVZhcmlhYmxlfSBmcm9tICcuLi91dGlscy90aGVtaW5nLnZhcmlhYmxlJztcblxuZXhwb3J0IGludGVyZmFjZSBDaGVja2JveEdyb3VwVGhlbWUge1xuICAgIGdyb3VwaW5nOiBUaGVtZVZhcmlhYmxlO1xuXG4gICAgbGFiZWw6IHtcbiAgICAgICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIGZvbnRTaXplOiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBmb250V2VpZ2h0OiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBsaW5lSGVpZ2h0OiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBvZmZzZXQ6IFRoZW1lVmFyaWFibGU7XG4gICAgfTtcblxuICAgIHNwYWNpbmc6IHtcbiAgICAgICAgaG9yaXpvbnRhbDogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgdmVydGljYWw6IFRoZW1lVmFyaWFibGU7XG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNoZWNrYm94R3JvdXBUaGVtZUZhY3RvcnkoKTogQ2hlY2tib3hHcm91cFRoZW1lIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBncm91cGluZzogJzIwcHgnLFxuICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgY29sb3I6ICcjNTI1MjUyJyxcbiAgICAgICAgICAgIG9mZnNldDogJzRweCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE0cHgnLFxuICAgICAgICAgICAgZm9udFdlaWdodDogJzQwMCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMS4zMydcbiAgICAgICAgfSxcbiAgICAgICAgc3BhY2luZzoge1xuICAgICAgICAgICAgaG9yaXpvbnRhbDogJzEwcHgnLFxuICAgICAgICAgICAgdmVydGljYWw6ICc0cHgnXG4gICAgICAgIH1cbiAgICB9O1xufVxuIl19

package/esm2020/theming/lib/themes/checkbox.theme.mjs

@@ -1,2 +1,35 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gudGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtZXMvY2hlY2tib3gudGhlbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hUaGVtZSB7XG4gICAgYWNjZW50Q29sb3I6IHN0cmluZztcbiAgICBkaXNhYmxlZENvbG9yOiBzdHJpbmc7XG4gICAgc2l6ZTogc3RyaW5nO1xuXG4gICAgYm9yZGVyQ29sb3I6IHN0cmluZztcbiAgICBib3JkZXJUaGlja25lc3M6IHN0cmluZztcbiAgICBib3JkZXJSYWRpdXM6IHN0cmluZztcblxuICAgIG91dGxpbmVDb2xvcjogc3RyaW5nO1xuICAgIG91dGxpbmVUaGlja25lc3M6IHN0cmluZztcbiAgICBvdXRsaW5lUmFkaXVzOiBzdHJpbmc7XG5cbiAgICBjaGVja0NvbG9yOiBzdHJpbmc7XG4gICAgY2hlY2tUaGlja25lc3M6IHN0cmluZztcbiAgICBjaGVja1NpemU6IHN0cmluZztcblxuICAgIGxhYmVsQ29sb3I6IHN0cmluZztcbiAgICBsYWJlbEZvbnRTaXplOiBzdHJpbmc7XG4gICAgbGFiZWxGb250V2VpZ2h0OiBzdHJpbmc7XG4gICAgbGFiZWxMaW5lSGVpZ2h0OiBzdHJpbmc7XG4gICAgbGFiZWxPZmZzZXQ6IHN0cmluZztcbn0iXX0=
+import { ThemeColorVariable } from '../utils/theming.variable';
+export 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'
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gudGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtZXMvY2hlY2tib3gudGhlbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGtCQUFrQixFQUFnQixNQUFNLDJCQUEyQixDQUFDO0FBc0M1RSxNQUFNLFVBQVUsb0JBQW9CO0lBQ2hDLE1BQU0sV0FBVyxHQUFHLElBQUksa0JBQWtCLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDMUQsT0FBTztRQUNILElBQUksRUFBRSxNQUFNO1FBQ1osUUFBUSxFQUFFLE1BQU07UUFDaEIsTUFBTSxFQUFFO1lBQ0osTUFBTSxFQUFFLFdBQVc7WUFDbkIsUUFBUSxFQUFFLFNBQVM7U0FDdEI7UUFDRCxNQUFNLEVBQUU7WUFDSixLQUFLLEVBQUUsU0FBUztZQUNoQixTQUFTLEVBQUUsS0FBSztZQUNoQixNQUFNLEVBQUUsS0FBSztTQUNoQjtRQUNELE9BQU8sRUFBRTtZQUNMLEtBQUssRUFBRSxXQUFXO1lBQ2xCLE1BQU0sRUFBRSxLQUFLO1lBQ2IsU0FBUyxFQUFFLEtBQUs7U0FDbkI7UUFDRCxLQUFLLEVBQUU7WUFDSCxJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxPQUFPO1lBQ2QsU0FBUyxFQUFFLEtBQUs7U0FDbkI7UUFDRCxLQUFLLEVBQUU7WUFDSCxLQUFLLEVBQUUsU0FBUztZQUNoQixNQUFNLEVBQUUsS0FBSztZQUNiLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFVBQVUsRUFBRSxNQUFNO1NBQ3JCO0tBQ0osQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1RoZW1lQ29sb3JWYXJpYWJsZSwgVGhlbWVWYXJpYWJsZX0gZnJvbSAnLi4vdXRpbHMvdGhlbWluZy52YXJpYWJsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2hlY2tib3hUaGVtZSB7XG4gICAgc2l6ZTogVGhlbWVWYXJpYWJsZTtcbiAgICBncm91cGluZzogVGhlbWVWYXJpYWJsZTtcblxuICAgIGNvbG9yczoge1xuICAgICAgICBhY2NlbnQ6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIGRpc2FibGVkOiBUaGVtZVZhcmlhYmxlO1xuICAgIH07XG5cbiAgICBib3JkZXI6IHtcbiAgICAgICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIHRoaWNrbmVzczogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgcmFkaXVzOiBUaGVtZVZhcmlhYmxlO1xuICAgIH07XG5cbiAgICBvdXRsaW5lOiB7XG4gICAgICAgIGNvbG9yOiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBvZmZzZXQ6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIHRoaWNrbmVzczogVGhlbWVWYXJpYWJsZTtcbiAgICB9O1xuXG4gICAgY2hlY2s6IHtcbiAgICAgICAgc2l6ZTogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIHRoaWNrbmVzczogVGhlbWVWYXJpYWJsZTtcbiAgICB9O1xuXG4gICAgbGFiZWw6IHtcbiAgICAgICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIGZvbnRTaXplOiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBmb250V2VpZ2h0OiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBsaW5lSGVpZ2h0OiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBvZmZzZXQ6IFRoZW1lVmFyaWFibGU7XG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGNoZWNrYm94VGhlbWVGYWN0b3J5KCk6IENoZWNrYm94VGhlbWUge1xuICAgIGNvbnN0IGFjY2VudENvbG9yID0gbmV3IFRoZW1lQ29sb3JWYXJpYWJsZSgnYWNjZW50Q29sb3InKTtcbiAgICByZXR1cm4ge1xuICAgICAgICBzaXplOiAnMjBweCcsXG4gICAgICAgIGdyb3VwaW5nOiAnMjBweCcsXG4gICAgICAgIGNvbG9yczoge1xuICAgICAgICAgICAgYWNjZW50OiBhY2NlbnRDb2xvcixcbiAgICAgICAgICAgIGRpc2FibGVkOiAnI2M2YzZjNidcbiAgICAgICAgfSxcbiAgICAgICAgYm9yZGVyOiB7XG4gICAgICAgICAgICBjb2xvcjogJyMxMTExMTEnLFxuICAgICAgICAgICAgdGhpY2tuZXNzOiAnMXB4JyxcbiAgICAgICAgICAgIHJhZGl1czogJzRweCdcbiAgICAgICAgfSxcbiAgICAgICAgb3V0bGluZToge1xuICAgICAgICAgICAgY29sb3I6IGFjY2VudENvbG9yLFxuICAgICAgICAgICAgb2Zmc2V0OiAnMXB4JyxcbiAgICAgICAgICAgIHRoaWNrbmVzczogJzJweCdcbiAgICAgICAgfSxcbiAgICAgICAgY2hlY2s6IHtcbiAgICAgICAgICAgIHNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGNvbG9yOiAnd2hpdGUnLFxuICAgICAgICAgICAgdGhpY2tuZXNzOiAnMnB4J1xuICAgICAgICB9LFxuICAgICAgICBsYWJlbDoge1xuICAgICAgICAgICAgY29sb3I6ICcjMTExMTExJyxcbiAgICAgICAgICAgIG9mZnNldDogJzZweCcsXG4gICAgICAgICAgICBmb250U2l6ZTogJzE2cHgnLFxuICAgICAgICAgICAgZm9udFdlaWdodDogJzQwMCcsXG4gICAgICAgICAgICBsaW5lSGVpZ2h0OiAnMS4yOCdcbiAgICAgICAgfVxuICAgIH07XG59XG4iXX0=

package/esm2020/theming/lib/themes/control-error.theme.mjs

@@ -0,0 +1,11 @@
+import { ThemeColorVariable } from '../utils/theming.variable';
+export function controlErrorThemeFactory() {
+    return {
+        color: new ThemeColorVariable('errorColor'),
+        fontSize: '13px',
+        lineHeight: '1.5',
+        fontWeight: '400',
+        spacing: '4px'
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1lcnJvci50aGVtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vdGhlbWluZy9zcmMvbGliL3RoZW1lcy9jb250cm9sLWVycm9yLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxrQkFBa0IsRUFBZ0IsTUFBTSwyQkFBMkIsQ0FBQztBQVU1RSxNQUFNLFVBQVUsd0JBQXdCO0lBQ3BDLE9BQU87UUFDSCxLQUFLLEVBQUUsSUFBSSxrQkFBa0IsQ0FBQyxZQUFZLENBQUM7UUFDM0MsUUFBUSxFQUFFLE1BQU07UUFDaEIsVUFBVSxFQUFFLEtBQUs7UUFDakIsVUFBVSxFQUFFLEtBQUs7UUFDakIsT0FBTyxFQUFFLEtBQUs7S0FDakIsQ0FBQztBQUNOLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1RoZW1lQ29sb3JWYXJpYWJsZSwgVGhlbWVWYXJpYWJsZX0gZnJvbSAnLi4vdXRpbHMvdGhlbWluZy52YXJpYWJsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udHJvbEVycm9yVGhlbWUge1xuICAgIGNvbG9yOiBUaGVtZVZhcmlhYmxlO1xuICAgIGZvbnRTaXplOiBUaGVtZVZhcmlhYmxlO1xuICAgIGxpbmVIZWlnaHQ6IFRoZW1lVmFyaWFibGU7XG4gICAgZm9udFdlaWdodDogVGhlbWVWYXJpYWJsZTtcbiAgICBzcGFjaW5nOiBUaGVtZVZhcmlhYmxlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gY29udHJvbEVycm9yVGhlbWVGYWN0b3J5KCk6IENvbnRyb2xFcnJvclRoZW1lIHtcbiAgICByZXR1cm4ge1xuICAgICAgICBjb2xvcjogbmV3IFRoZW1lQ29sb3JWYXJpYWJsZSgnZXJyb3JDb2xvcicpLFxuICAgICAgICBmb250U2l6ZTogJzEzcHgnLFxuICAgICAgICBsaW5lSGVpZ2h0OiAnMS41JyxcbiAgICAgICAgZm9udFdlaWdodDogJzQwMCcsXG4gICAgICAgIHNwYWNpbmc6ICc0cHgnXG4gICAgfTtcbn1cbiJdfQ==

package/esm2020/theming/lib/themes/form-control-addon.theme.mjs

@@ -0,0 +1,6 @@
+export function formControlAddonThemeFactory() {
+    return {
+        spacing: '10px'
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250cm9sLWFkZG9uLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90aGVtaW5nL3NyYy9saWIvdGhlbWVzL2Zvcm0tY29udHJvbC1hZGRvbi50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxNQUFNLFVBQVUsNEJBQTRCO0lBQ3hDLE9BQU87UUFDSCxPQUFPLEVBQUUsTUFBTTtLQUNsQixDQUFDO0FBQ04sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7VGhlbWVWYXJpYWJsZX0gZnJvbSAnLi4vdXRpbHMvdGhlbWluZy52YXJpYWJsZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUNvbnRyb2xBZGRvblRoZW1lIHtcbiAgICBzcGFjaW5nOiBUaGVtZVZhcmlhYmxlO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gZm9ybUNvbnRyb2xBZGRvblRoZW1lRmFjdG9yeSgpOiBGb3JtQ29udHJvbEFkZG9uVGhlbWUge1xuICAgIHJldHVybiB7XG4gICAgICAgIHNwYWNpbmc6ICcxMHB4J1xuICAgIH07XG59XG4iXX0=

package/esm2020/theming/lib/themes/form-control.theme.mjs

@@ -0,0 +1,45 @@
+import { ThemeColorVariable } from '../utils/theming.variable';
+export 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'
+        }
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250cm9sLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90aGVtaW5nL3NyYy9saWIvdGhlbWVzL2Zvcm0tY29udHJvbC50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsa0JBQWtCLEVBQWdCLE1BQU0sMkJBQTJCLENBQUM7QUFpQzVFLE1BQU0sVUFBVSx1QkFBdUI7SUFDbkMsTUFBTSxhQUFhLEdBQUcsWUFBWSxDQUFDO0lBQ25DLE1BQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQztJQUM3QixNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUM7SUFDbEMsT0FBTztRQUNILFFBQVEsRUFBRSxNQUFNO1FBQ2hCLEtBQUssRUFBRSxVQUFVO1FBQ2pCLFVBQVUsRUFBRSxlQUFlO1FBQzNCLEtBQUssRUFBRTtZQUNILEtBQUssRUFBRSxJQUFJLGtCQUFrQixDQUFDLGFBQWEsQ0FBQztZQUM1QyxVQUFVLEVBQUUsSUFBSSxrQkFBa0IsQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDO1lBQzlELGdCQUFnQixFQUFFLElBQUksa0JBQWtCLENBQUMsYUFBYSxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQztTQUN2RTtRQUNELE1BQU0sRUFBRTtZQUNKLE1BQU0sRUFBRSxLQUFLO1lBQ2IsS0FBSyxFQUFFLEtBQUs7WUFDWixLQUFLLEVBQUUsT0FBTztZQUNkLEtBQUssRUFBRSx3QkFBd0I7U0FDbEM7UUFDRCxPQUFPLEVBQUU7WUFDTCxLQUFLLEVBQUUsVUFBVTtZQUNqQixVQUFVLEVBQUUsZUFBZTtZQUMzQixNQUFNLEVBQUU7Z0JBQ0osTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsS0FBSyxFQUFFLEtBQUs7Z0JBQ1osS0FBSyxFQUFFLE9BQU87Z0JBQ2QsS0FBSyxFQUFFLFNBQVM7YUFDbkI7WUFDRCxNQUFNLEVBQUUsa0NBQWtDO1NBQzdDO1FBQ0QsUUFBUSxFQUFFO1lBQ04sS0FBSyxFQUFFLFVBQVU7WUFDakIsVUFBVSxFQUFFLGVBQWU7WUFDM0IsTUFBTSxFQUFFO2dCQUNKLE1BQU0sRUFBRSxLQUFLO2dCQUNiLEtBQUssRUFBRSxLQUFLO2dCQUNaLEtBQUssRUFBRSxPQUFPO2dCQUNkLEtBQUssRUFBRSxTQUFTO2FBQ25CO1lBQ0QsT0FBTyxFQUFFLE1BQU07U0FDbEI7S0FDSixDQUFDO0FBQ04sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7VGhlbWVDb2xvclZhcmlhYmxlLCBUaGVtZVZhcmlhYmxlfSBmcm9tICcuLi91dGlscy90aGVtaW5nLnZhcmlhYmxlJztcblxuaW50ZXJmYWNlIEJvcmRlclRoZW1lIHtcbiAgICByYWRpdXM6IFRoZW1lVmFyaWFibGU7XG4gICAgd2lkdGg6IFRoZW1lVmFyaWFibGU7XG4gICAgc3R5bGU6IFRoZW1lVmFyaWFibGU7XG4gICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybUNvbnRyb2xUaGVtZSB7XG4gICAgZ3JvdXBpbmc6IFRoZW1lVmFyaWFibGU7XG4gICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgYmFja2dyb3VuZDogVGhlbWVWYXJpYWJsZTtcbiAgICBlcnJvcjoge1xuICAgICAgICBjb2xvcjogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgYmFja2dyb3VuZDogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgcGxhY2Vob2xkZXJDb2xvcjogVGhlbWVWYXJpYWJsZTtcbiAgICB9O1xuICAgIGJvcmRlcjogQm9yZGVyVGhlbWU7XG4gICAgZm9jdXNlZDoge1xuICAgICAgICBjb2xvcjogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgYmFja2dyb3VuZDogVGhlbWVWYXJpYWJsZTtcbiAgICAgICAgc2hhZG93OiBUaGVtZVZhcmlhYmxlO1xuICAgICAgICBib3JkZXI6IEJvcmRlclRoZW1lO1xuICAgIH07XG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgY29sb3I6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIGJhY2tncm91bmQ6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIG9wYWNpdHk6IFRoZW1lVmFyaWFibGU7XG4gICAgICAgIGJvcmRlcjogQm9yZGVyVGhlbWU7XG4gICAgfTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIGZvcm1Db250cm9sVGhlbWVGYWN0b3J5KCk6IEZvcm1Db250cm9sVGhlbWUge1xuICAgIGNvbnN0IGVycm9yQ29sb3JLZXkgPSAnZXJyb3JDb2xvcic7XG4gICAgY29uc3QgaW5wdXRDb2xvciA9ICcjMTExMTExJztcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3IgPSAnI2ZmZmZmZic7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgZ3JvdXBpbmc6ICcyMHB4JyxcbiAgICAgICAgY29sb3I6IGlucHV0Q29sb3IsXG4gICAgICAgIGJhY2tncm91bmQ6IGJhY2tncm91bmRDb2xvcixcbiAgICAgICAgZXJyb3I6IHtcbiAgICAgICAgICAgIGNvbG9yOiBuZXcgVGhlbWVDb2xvclZhcmlhYmxlKGVycm9yQ29sb3JLZXkpLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogbmV3IFRoZW1lQ29sb3JWYXJpYWJsZShlcnJvckNvbG9yS2V5KS5vcGFjaXR5KDAuMSksXG4gICAgICAgICAgICBwbGFjZWhvbGRlckNvbG9yOiBuZXcgVGhlbWVDb2xvclZhcmlhYmxlKGVycm9yQ29sb3JLZXkpLm9wYWNpdHkoMC40KVxuICAgICAgICB9LFxuICAgICAgICBib3JkZXI6IHtcbiAgICAgICAgICAgIHJhZGl1czogJzZweCcsXG4gICAgICAgICAgICB3aWR0aDogJzFweCcsXG4gICAgICAgICAgICBzdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgICAgIGNvbG9yOiAncmdiYSg2NywgOTAsIDExMSwgMC4zKSdcbiAgICAgICAgfSxcbiAgICAgICAgZm9jdXNlZDoge1xuICAgICAgICAgICAgY29sb3I6IGlucHV0Q29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBib3JkZXI6IHtcbiAgICAgICAgICAgICAgICByYWRpdXM6ICc2cHgnLFxuICAgICAgICAgICAgICAgIHdpZHRoOiAnMXB4JyxcbiAgICAgICAgICAgICAgICBzdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgICAgICAgICBjb2xvcjogJyMyMTIxMjEnXG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgc2hhZG93OiAnMCAwIDAgM3B4IHJnYmEoMCwgMTIzLCAyNTUsIDAuMiknXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICBjb2xvcjogaW5wdXRDb2xvcixcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIGJvcmRlcjoge1xuICAgICAgICAgICAgICAgIHJhZGl1czogJzZweCcsXG4gICAgICAgICAgICAgICAgd2lkdGg6ICcxcHgnLFxuICAgICAgICAgICAgICAgIHN0eWxlOiAnc29saWQnLFxuICAgICAgICAgICAgICAgIGNvbG9yOiAnIzIxMjEyMSdcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBvcGFjaXR5OiAnMC4yNSdcbiAgICAgICAgfVxuICAgIH07XG59XG4iXX0=

package/esm2020/theming/lib/theming.data.mjs

@@ -0,0 +1,82 @@
+import { formControlAddonThemeFactory } from './themes/form-control-addon.theme';
+import { checkboxGroupThemeFactory } from './themes/checkbox-group.theme';
+import { controlErrorThemeFactory } from './themes/control-error.theme';
+import { formControlThemeFactory } from './themes/form-control.theme';
+import { ThemeVariableFunction } from './utils/theming.variable';
+import { checkboxThemeFactory } from './themes/checkbox.theme';
+export class Theme {
+    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();
+    }
+    variables() {
+        return this.getContents(this.data);
+    }
+    defaultFactories() {
+        return {
+            accentColor: '#1565c0',
+            errorColor: '#bd322a',
+            formControl: formControlThemeFactory(),
+            formControlAddon: formControlAddonThemeFactory(),
+            checkbox: checkboxThemeFactory(),
+            checkboxGroup: checkboxGroupThemeFactory(),
+            controlError: controlErrorThemeFactory()
+        };
+    }
+    getContents(data, scope = null) {
+        return Object.keys(data).reduce((previous, current) => {
+            const value = data?.[current];
+            const token = this.getToken(current, scope);
+            if (typeof value === 'object' && value !== null && !(value instanceof ThemeVariableFunction)) {
+                const formatted = this.getContents(value, token);
+                return { ...previous, ...formatted };
+            }
+            const formattedValue = (value instanceof ThemeVariableFunction)
+                ? value.toString(this.globals)
+                : value;
+            if (!formattedValue) {
+                return previous;
+            }
+            return { ...previous, [`--${token}`]: formattedValue };
+        }, {});
+    }
+    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
+        };
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90aGVtaW5nL3NyYy9saWIvdGhlbWluZy5kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyw0QkFBNEIsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQy9FLE9BQU8sRUFBQyx5QkFBeUIsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3hFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQ3RFLE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBQ3BFLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBRTdELE1BQU0sT0FBTyxLQUFLO0lBS2QsWUFBWSxLQUEwQjtRQW1GOUIsYUFBUSxHQUFHLENBQUMsSUFBYSxFQUFFLEVBQUU7WUFDakMsT0FBTyxDQUFDLElBQUksSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdEUsQ0FBQyxDQUFDO1FBcEZFLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDakQsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLGdCQUFnQixFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ3pELElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxTQUFTO1FBQ0wsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRVMsZ0JBQWdCO1FBQ3RCLE9BQU87WUFDSCxXQUFXLEVBQUUsU0FBUztZQUN0QixVQUFVLEVBQUUsU0FBUztZQUNyQixXQUFXLEVBQUUsdUJBQXVCLEVBQUU7WUFDdEMsZ0JBQWdCLEVBQUUsNEJBQTRCLEVBQUU7WUFDaEQsUUFBUSxFQUFFLG9CQUFvQixFQUFFO1lBQ2hDLGFBQWEsRUFBRSx5QkFBeUIsRUFBRTtZQUMxQyxZQUFZLEVBQUUsd0JBQXdCLEVBQUU7U0FDM0MsQ0FBQztJQUNOLENBQUM7SUFFUyxXQUFXLENBQUMsSUFBWSxFQUFFLFFBQXVCLElBQUk7UUFDM0QsT0FBTyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsRUFBRTtZQUNsRCxNQUFNLEtBQUssR0FBRyxJQUFJLEVBQUUsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM5QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztZQUU1QyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxLQUFLLFlBQVkscUJBQXFCLENBQUMsRUFBRTtnQkFDMUYsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7Z0JBQ2pELE9BQU8sRUFBQyxHQUFHLFFBQVEsRUFBRSxHQUFHLFNBQVMsRUFBQyxDQUFDO2FBQ3RDO1lBRUQsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFLLFlBQVkscUJBQXFCLENBQUM7Z0JBQzNELENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7Z0JBQzlCLENBQUMsQ0FBQyxLQUFLLENBQUM7WUFFWixJQUFJLENBQUMsY0FBYyxFQUFFO2dCQUNqQixPQUFPLFFBQVEsQ0FBQzthQUNuQjtZQUVELE9BQU8sRUFBQyxHQUFHLFFBQVEsRUFBRSxDQUFDLEtBQUssS0FBSyxFQUFFLENBQUMsRUFBRSxjQUFjLEVBQUMsQ0FBQztRQUN6RCxDQUFDLEVBQUUsRUFBRSxDQUE4QixDQUFDO0lBQ3hDLENBQUM7SUFFUyxRQUFRLENBQUMsR0FBVyxFQUFFLEtBQWE7UUFDekMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNqQyxPQUFPLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVTLFFBQVEsQ0FBQyxLQUFhO1FBQzVCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ2hELE9BQU8sTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckQsQ0FBQztJQUVTLGNBQWMsQ0FBQyxNQUFtQixFQUFFLEdBQUcsT0FBNkI7UUFDMUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUU7WUFDbEIsT0FBTyxNQUFNLENBQUM7U0FDakI7UUFFRCxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDL0IsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDaEQsS0FBSyxNQUFNLEdBQUcsSUFBSSxNQUFNLEVBQUU7Z0JBQ3RCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRTtvQkFDNUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRTt3QkFDZCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxFQUFDLENBQUMsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFDLENBQUMsQ0FBQztxQkFDdEM7b0JBQ0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7aUJBQ2pEO3FCQUFNO29CQUNILE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLEVBQUMsQ0FBQyxHQUFHLENBQUMsRUFBRSxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUMsQ0FBQyxDQUFDO2lCQUMvQzthQUNKO1NBQ0o7UUFFRCxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVTLFVBQVU7UUFDaEIsT0FBTztZQUNILFdBQVcsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVc7WUFDbEMsVUFBVSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVTtTQUNuQyxDQUFDO0lBQ04sQ0FBQztDQU1KIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtHbG9iYWxUaGVtZSwgR2xvYmFsVmFyaWFibGVzLCBQYXJ0aWFsR2xvYmFsVGhlbWV9IGZyb20gJy4vdGhlbWluZy5pbnRlcmZhY2UnO1xuaW1wb3J0IHtmb3JtQ29udHJvbEFkZG9uVGhlbWVGYWN0b3J5fSBmcm9tICcuL3RoZW1lcy9mb3JtLWNvbnRyb2wtYWRkb24udGhlbWUnO1xuaW1wb3J0IHtjaGVja2JveEdyb3VwVGhlbWVGYWN0b3J5fSBmcm9tICcuL3RoZW1lcy9jaGVja2JveC1ncm91cC50aGVtZSc7XG5pbXBvcnQge2NvbnRyb2xFcnJvclRoZW1lRmFjdG9yeX0gZnJvbSAnLi90aGVtZXMvY29udHJvbC1lcnJvci50aGVtZSc7XG5pbXBvcnQge2Zvcm1Db250cm9sVGhlbWVGYWN0b3J5fSBmcm9tICcuL3RoZW1lcy9mb3JtLWNvbnRyb2wudGhlbWUnO1xuaW1wb3J0IHtUaGVtZVZhcmlhYmxlRnVuY3Rpb259IGZyb20gJy4vdXRpbHMvdGhlbWluZy52YXJpYWJsZSc7XG5pbXBvcnQge2NoZWNrYm94VGhlbWVGYWN0b3J5fSBmcm9tICcuL3RoZW1lcy9jaGVja2JveC50aGVtZSc7XG5cbmV4cG9ydCBjbGFzcyBUaGVtZSB7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgZGF0YTogR2xvYmFsVGhlbWU7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGdsb2JhbHM6IEdsb2JhbFZhcmlhYmxlcztcblxuICAgIGNvbnN0cnVjdG9yKHRoZW1lPzogUGFydGlhbEdsb2JhbFRoZW1lKSB7XG4gICAgICAgIGNvbnN0IGRlZmF1bHRGYWN0b3JpZXMgPSB0aGlzLmRlZmF1bHRGYWN0b3JpZXMoKTtcbiAgICAgICAgdGhpcy5kYXRhID0gdGhpcy5tZXJnZVRoZW1lRGF0YShkZWZhdWx0RmFjdG9yaWVzLCB0aGVtZSk7XG4gICAgICAgIHRoaXMuZ2xvYmFscyA9IHRoaXMuZ2V0R2xvYmFscygpO1xuICAgIH1cblxuICAgIHZhcmlhYmxlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0Q29udGVudHModGhpcy5kYXRhKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZGVmYXVsdEZhY3RvcmllcygpOiBHbG9iYWxUaGVtZSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBhY2NlbnRDb2xvcjogJyMxNTY1YzAnLFxuICAgICAgICAgICAgZXJyb3JDb2xvcjogJyNiZDMyMmEnLFxuICAgICAgICAgICAgZm9ybUNvbnRyb2w6IGZvcm1Db250cm9sVGhlbWVGYWN0b3J5KCksXG4gICAgICAgICAgICBmb3JtQ29udHJvbEFkZG9uOiBmb3JtQ29udHJvbEFkZG9uVGhlbWVGYWN0b3J5KCksXG4gICAgICAgICAgICBjaGVja2JveDogY2hlY2tib3hUaGVtZUZhY3RvcnkoKSxcbiAgICAgICAgICAgIGNoZWNrYm94R3JvdXA6IGNoZWNrYm94R3JvdXBUaGVtZUZhY3RvcnkoKSxcbiAgICAgICAgICAgIGNvbnRyb2xFcnJvcjogY29udHJvbEVycm9yVGhlbWVGYWN0b3J5KClcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgZ2V0Q29udGVudHMoZGF0YTogb2JqZWN0LCBzY29wZTogc3RyaW5nIHwgbnVsbCA9IG51bGwpIHtcbiAgICAgICAgcmV0dXJuIE9iamVjdC5rZXlzKGRhdGEpLnJlZHVjZSgocHJldmlvdXMsIGN1cnJlbnQpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gZGF0YT8uW2N1cnJlbnRdO1xuICAgICAgICAgICAgY29uc3QgdG9rZW4gPSB0aGlzLmdldFRva2VuKGN1cnJlbnQsIHNjb3BlKTtcblxuICAgICAgICAgICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcgJiYgdmFsdWUgIT09IG51bGwgJiYgISh2YWx1ZSBpbnN0YW5jZW9mIFRoZW1lVmFyaWFibGVGdW5jdGlvbikpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtYXR0ZWQgPSB0aGlzLmdldENvbnRlbnRzKHZhbHVlLCB0b2tlbik7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHsuLi5wcmV2aW91cywgLi4uZm9ybWF0dGVkfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgY29uc3QgZm9ybWF0dGVkVmFsdWUgPSAodmFsdWUgaW5zdGFuY2VvZiBUaGVtZVZhcmlhYmxlRnVuY3Rpb24pXG4gICAgICAgICAgICAgICAgPyB2YWx1ZS50b1N0cmluZyh0aGlzLmdsb2JhbHMpXG4gICAgICAgICAgICAgICAgOiB2YWx1ZTtcblxuICAgICAgICAgICAgaWYgKCFmb3JtYXR0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBwcmV2aW91cztcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgcmV0dXJuIHsuLi5wcmV2aW91cywgW2AtLSR7dG9rZW59YF06IGZvcm1hdHRlZFZhbHVlfTtcbiAgICAgICAgfSwge30pIGFzIHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH07XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGdldFRva2VuKGtleTogc3RyaW5nLCBzY29wZTogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IHRva2VuID0gdGhpcy50b2tlbml6ZShrZXkpO1xuICAgICAgICByZXR1cm4gW3Njb3BlLCB0b2tlbl0uZmlsdGVyKGl0ZW0gPT4gISFpdGVtKS5qb2luKCctJyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIHRva2VuaXplKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgY29uc3QgcmVzdWx0ID0gdmFsdWUucmVwbGFjZSgvKFtBLVpdKS9nLCAnICQxJyk7XG4gICAgICAgIHJldHVybiByZXN1bHQuc3BsaXQoJyAnKS5qb2luKCctJykudG9Mb3dlckNhc2UoKTtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgbWVyZ2VUaGVtZURhdGEodGFyZ2V0OiBHbG9iYWxUaGVtZSwgLi4uc291cmNlczogUGFydGlhbEdsb2JhbFRoZW1lW10pIHtcbiAgICAgICAgaWYgKCFzb3VyY2VzPy5sZW5ndGgpIHtcbiAgICAgICAgICAgIHJldHVybiB0YXJnZXQ7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBzb3VyY2UgPSBzb3VyY2VzLnNoaWZ0KCk7XG4gICAgICAgIGlmICh0aGlzLmlzT2JqZWN0KHRhcmdldCkgJiYgdGhpcy5pc09iamVjdChzb3VyY2UpKSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGtleSBpbiBzb3VyY2UpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5pc09iamVjdChzb3VyY2Vba2V5XSkpIHtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0YXJnZXRba2V5XSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgT2JqZWN0LmFzc2lnbih0YXJnZXQsIHtba2V5XToge319KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB0aGlzLm1lcmdlVGhlbWVEYXRhKHRhcmdldFtrZXldLCBzb3VyY2Vba2V5XSk7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgT2JqZWN0LmFzc2lnbih0YXJnZXQsIHtba2V5XTogc291cmNlW2tleV19KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy5tZXJnZVRoZW1lRGF0YSh0YXJnZXQsIC4uLnNvdXJjZXMpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnZXRHbG9iYWxzKCkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgYWNjZW50Q29sb3I6IHRoaXMuZGF0YS5hY2NlbnRDb2xvcixcbiAgICAgICAgICAgIGVycm9yQ29sb3I6IHRoaXMuZGF0YS5lcnJvckNvbG9yXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpc09iamVjdCA9IChpdGVtOiB1bmtub3duKSA9PiB7XG4gICAgICAgIHJldHVybiAoaXRlbSAmJiB0eXBlb2YgaXRlbSA9PT0gJ29iamVjdCcgJiYgIUFycmF5LmlzQXJyYXkoaXRlbSkpO1xuICAgIH07XG5cbn1cbiJdfQ==

package/esm2020/theming/lib/theming.directive.mjs

@@ -0,0 +1,38 @@
+import { Directive, Input, RendererStyleFlags2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BbiTheming {
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        // Cache.
+        this._theme = null;
+    }
+    // Inputs.
+    set theme(theme) {
+        this._theme = theme;
+        this.setTheme();
+    }
+    setTheme() {
+        if (!this._theme) {
+            return;
+        }
+        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);
+        }
+    }
+}
+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']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtaW5nLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLEtBQUssRUFBYSxtQkFBbUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFNM0YsTUFBTSxPQUFPLFVBQVU7SUFXbkIsWUFBb0IsU0FBb0IsRUFDcEIsV0FBdUI7UUFEdkIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUNwQixnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUozQyxTQUFTO1FBQ0QsV0FBTSxHQUFpQixJQUFJLENBQUM7SUFJcEMsQ0FBQztJQVhELFVBQVU7SUFDVixJQUF5QixLQUFLLENBQUMsS0FBbUI7UUFDOUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFTTyxRQUFRO1FBQ1osSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZCxPQUFPO1NBQ1Y7UUFDRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzFDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDO1FBRS9DLEtBQUssTUFBTSxHQUFHLElBQUksU0FBUyxFQUFFO1lBQ3pCLE1BQU0sS0FBSyxHQUFHLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLG1CQUFtQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQzlFO0lBQ0wsQ0FBQzs7dUdBMUJRLFVBQVU7MkZBQVYsVUFBVTsyRkFBVixVQUFVO2tCQUh0QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO2lCQUMzQjt5SEFJNEIsS0FBSztzQkFBN0IsS0FBSzt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0LCBSZW5kZXJlcjIsIFJlbmRlcmVyU3R5bGVGbGFnczJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUaGVtZX0gZnJvbSAnLi90aGVtaW5nLmRhdGEnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tiYmlUaGVtaW5nXSdcbn0pXG5leHBvcnQgY2xhc3MgQmJpVGhlbWluZyB7XG5cbiAgICAvLyBJbnB1dHMuXG4gICAgQElucHV0KCdiYmlUaGVtaW5nJykgc2V0IHRoZW1lKHRoZW1lOiBUaGVtZSB8IG51bGwpIHtcbiAgICAgICAgdGhpcy5fdGhlbWUgPSB0aGVtZTtcbiAgICAgICAgdGhpcy5zZXRUaGVtZSgpO1xuICAgIH1cblxuICAgIC8vIENhY2hlLlxuICAgIHByaXZhdGUgX3RoZW1lOiBUaGVtZSB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBfcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICAgICAgICAgICAgICBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRUaGVtZSgpIHtcbiAgICAgICAgaWYgKCF0aGlzLl90aGVtZSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHZhcmlhYmxlcyA9IHRoaXMuX3RoZW1lLnZhcmlhYmxlcygpO1xuICAgICAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuXG4gICAgICAgIGZvciAoY29uc3Qga2V5IGluIHZhcmlhYmxlcykge1xuICAgICAgICAgICAgY29uc3QgdmFsdWUgPSB2YXJpYWJsZXM/LltrZXldO1xuICAgICAgICAgICAgdGhpcy5fcmVuZGVyZXIuc2V0U3R5bGUoZWxlbWVudCwga2V5LCB2YWx1ZSwgUmVuZGVyZXJTdHlsZUZsYWdzMi5EYXNoQ2FzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbn1cbiJdfQ==

package/esm2020/theming/lib/theming.interface.mjs

@@ -1,3 +1,2 @@
-export class ThemingOptions {
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtaW5nLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLE9BQU8sY0FBYztDQUUxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hlY2tib3hHcm91cFRoZW1lfSBmcm9tICcuL3RoZW1lcy9jaGVja2JveC1ncm91cC50aGVtZSc7XG5pbXBvcnQge0NoZWNrYm94VGhlbWV9IGZyb20gJy4vdGhlbWVzL2NoZWNrYm94LnRoZW1lJztcbmltcG9ydCB7VGhlbWV9IGZyb20gJy4vdGhlbWVzL3RoZW1lJztcblxuZXhwb3J0IGNsYXNzIFRoZW1pbmdPcHRpb25zIHtcbiAgICB0aGVtZXM6IFRoZW1lW107XG59XG5cbmV4cG9ydCB0eXBlIFRoZW1lRGF0YVJlY29yZCA9IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gfCBzdHJpbmc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGhlbWVEYXRhIHtcbiAgICBhY2NlbnRDb2xvcj86IHN0cmluZztcbiAgICBjaGVja2JveD86IFBhcnRpYWw8Q2hlY2tib3hUaGVtZT47XG4gICAgY2hlY2tib3hHcm91cD86IFBhcnRpYWw8Q2hlY2tib3hHcm91cFRoZW1lPlxuXG4gICAgY3VzdG9tPzogeyBba2V5OiBzdHJpbmddOiBUaGVtZURhdGFSZWNvcmQgfTtcbn1cbiJdfQ==
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtaW5nLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtGb3JtQ29udHJvbEFkZG9uVGhlbWV9IGZyb20gJy4vdGhlbWVzL2Zvcm0tY29udHJvbC1hZGRvbi50aGVtZSc7XG5pbXBvcnQge0NoZWNrYm94R3JvdXBUaGVtZX0gZnJvbSAnLi90aGVtZXMvY2hlY2tib3gtZ3JvdXAudGhlbWUnO1xuaW1wb3J0IHtDb250cm9sRXJyb3JUaGVtZX0gZnJvbSAnLi90aGVtZXMvY29udHJvbC1lcnJvci50aGVtZSc7XG5pbXBvcnQge0Zvcm1Db250cm9sVGhlbWV9IGZyb20gJy4vdGhlbWVzL2Zvcm0tY29udHJvbC50aGVtZSc7XG5pbXBvcnQge0NoZWNrYm94VGhlbWV9IGZyb20gJy4vdGhlbWVzL2NoZWNrYm94LnRoZW1lJztcblxuZXhwb3J0IHR5cGUgVGhlbWVEYXRhUmVjb3JkID0gUmVjb3JkPHN0cmluZywgc3RyaW5nPiB8IHN0cmluZztcbmV4cG9ydCB0eXBlIENvbG9yU3RyaW5nID0gYCMke3N0cmluZ31gO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdsb2JhbFRoZW1lIHtcbiAgICBhY2NlbnRDb2xvcjogQ29sb3JTdHJpbmc7XG4gICAgZXJyb3JDb2xvcjogQ29sb3JTdHJpbmc7XG4gICAgZm9ybUNvbnRyb2w6IEZvcm1Db250cm9sVGhlbWU7XG4gICAgZm9ybUNvbnRyb2xBZGRvbjogRm9ybUNvbnRyb2xBZGRvblRoZW1lO1xuICAgIGNoZWNrYm94OiBDaGVja2JveFRoZW1lO1xuICAgIGNoZWNrYm94R3JvdXA6IENoZWNrYm94R3JvdXBUaGVtZTtcbiAgICBjb250cm9sRXJyb3I6IENvbnRyb2xFcnJvclRoZW1lO1xuICAgIGN1c3RvbT86IHsgW2tleTogc3RyaW5nXTogVGhlbWVEYXRhUmVjb3JkIH07XG59XG5cbnR5cGUgU3Vic2V0PEs+ID0ge1xuICAgIFthdHRyIGluIGtleW9mIEtdPzogS1thdHRyXSBleHRlbmRzIG9iamVjdCA/IFN1YnNldDxLW2F0dHJdPiA6IEtbYXR0cl07XG59O1xuXG5leHBvcnQgdHlwZSBQYXJ0aWFsR2xvYmFsVGhlbWUgPSBTdWJzZXQ8R2xvYmFsVGhlbWU+O1xuXG5leHBvcnQgdHlwZSBHbG9iYWxWYXJpYWJsZXMgPSBQaWNrPEdsb2JhbFRoZW1lLCAnYWNjZW50Q29sb3InIHwgJ2Vycm9yQ29sb3InPjtcbmV4cG9ydCB0eXBlIEdsb2JhbFZhcmlhYmxlc0tleSA9IGtleW9mIEdsb2JhbFZhcmlhYmxlcztcbiJdfQ==

package/esm2020/theming/lib/theming.module.mjs

@@ -1,38 +1,16 @@
-import { APP_INITIALIZER, NgModule, Optional, SkipSelf } from '@angular/core';
-import { ThemingOptions } from './theming.interface';
-import { Theming } from './theming.service';
+import { BbiTheming } from './theming.directive';
+import { NgModule } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ThemingModule {
-    constructor(_parent) {
-        this._parent = _parent;
-        if (this._parent) {
-            throw new Error('ThemingModule is already loaded; Import it in the core module only.');
-        }
-    }
-    static forRoot(options) {
-        return {
-            ngModule: ThemingModule,
-            providers: [
-                Theming,
-                { provide: APP_INITIALIZER, deps: [Theming], useFactory: initializeTheme, multi: true },
-                { provide: ThemingOptions, useValue: options }
-            ]
-        };
-    }
 }
-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: [{
+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: [{}]
-        }], ctorParameters: function () { return [{ type: ThemingModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }]; } });
-export function initializeTheme(_) {
-    // Note: We just need to initialize the theme.
-    return () => ({});
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsZUFBZSxFQUF1QixRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLG1CQUFtQixDQUFDOztBQUcxQyxNQUFNLE9BQU8sYUFBYTtJQUV0QixZQUE0QyxPQUF1QjtRQUF2QixZQUFPLEdBQVAsT0FBTyxDQUFnQjtRQUMvRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxNQUFNLElBQUksS0FBSyxDQUFDLHFFQUFxRSxDQUFDLENBQUM7U0FDMUY7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFDLE9BQU8sQ0FBQyxPQUF1QjtRQUNsQyxPQUFPO1lBQ0gsUUFBUSxFQUFFLGFBQWE7WUFDdkIsU0FBUyxFQUFFO2dCQUNQLE9BQU87Z0JBQ1AsRUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQztnQkFDckYsRUFBQyxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUM7YUFDL0M7U0FDSixDQUFDO0lBQ04sQ0FBQzs7MEdBakJRLGFBQWEsa0JBRWdDLGFBQWE7MkdBRjFELGFBQWE7MkdBQWIsYUFBYTsyRkFBYixhQUFhO2tCQUR6QixRQUFRO21CQUFDLEVBQUU7MERBRzhDLGFBQWE7MEJBQXRELFFBQVE7OzBCQUFJLFFBQVE7O0FBbUJyQyxNQUFNLFVBQVUsZUFBZSxDQUFDLENBQVU7SUFDdEMsOENBQThDO0lBQzlDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUN0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBUFBfSU5JVElBTElaRVIsIE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlLCBPcHRpb25hbCwgU2tpcFNlbGZ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUaGVtaW5nT3B0aW9uc30gZnJvbSAnLi90aGVtaW5nLmludGVyZmFjZSc7XG5pbXBvcnQge1RoZW1pbmd9IGZyb20gJy4vdGhlbWluZy5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHt9KVxuZXhwb3J0IGNsYXNzIFRoZW1pbmdNb2R1bGUge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgcHJpdmF0ZSBfcGFyZW50PzogVGhlbWluZ01vZHVsZSkge1xuICAgICAgICBpZiAodGhpcy5fcGFyZW50KSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1RoZW1pbmdNb2R1bGUgaXMgYWxyZWFkeSBsb2FkZWQ7IEltcG9ydCBpdCBpbiB0aGUgY29yZSBtb2R1bGUgb25seS4nKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHN0YXRpYyBmb3JSb290KG9wdGlvbnM6IFRoZW1pbmdPcHRpb25zKTogTW9kdWxlV2l0aFByb3ZpZGVyczxUaGVtaW5nTW9kdWxlPiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBuZ01vZHVsZTogVGhlbWluZ01vZHVsZSxcbiAgICAgICAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICAgICAgICAgIFRoZW1pbmcsXG4gICAgICAgICAgICAgICAge3Byb3ZpZGU6IEFQUF9JTklUSUFMSVpFUiwgZGVwczogW1RoZW1pbmddLCB1c2VGYWN0b3J5OiBpbml0aWFsaXplVGhlbWUsIG11bHRpOiB0cnVlfSxcbiAgICAgICAgICAgICAgICB7cHJvdmlkZTogVGhlbWluZ09wdGlvbnMsIHVzZVZhbHVlOiBvcHRpb25zfVxuICAgICAgICAgICAgXVxuICAgICAgICB9O1xuICAgIH1cblxufVxuXG5leHBvcnQgZnVuY3Rpb24gaW5pdGlhbGl6ZVRoZW1lKF86IFRoZW1pbmcpIHtcbiAgICAvLyBOb3RlOiBXZSBqdXN0IG5lZWQgdG8gaW5pdGlhbGl6ZSB0aGUgdGhlbWUuXG4gICAgcmV0dXJuICgpID0+ICh7fSk7XG59XG4iXX0=
+            args: [{
+                    declarations: [BbiTheming],
+                    exports: [BbiTheming]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RoZW1pbmcvc3JjL2xpYi90aGVtaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFNdkMsTUFBTSxPQUFPLGFBQWE7OzBHQUFiLGFBQWE7MkdBQWIsYUFBYSxpQkFIUCxVQUFVLGFBQ2YsVUFBVTsyR0FFWCxhQUFhOzJGQUFiLGFBQWE7a0JBSnpCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsVUFBVSxDQUFDO29CQUMxQixPQUFPLEVBQUUsQ0FBQyxVQUFVLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtCYmlUaGVtaW5nfSBmcm9tICcuL3RoZW1pbmcuZGlyZWN0aXZlJztcbmltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogW0JiaVRoZW1pbmddLFxuICAgIGV4cG9ydHM6IFtCYmlUaGVtaW5nXVxufSlcbmV4cG9ydCBjbGFzcyBUaGVtaW5nTW9kdWxlIHtcbn0iXX0=

package/esm2020/theming/lib/utils/theming.variable.mjs

@@ -0,0 +1,41 @@
+export class ThemeVariableFunction {
+    constructor(_key) {
+        this._key = _key;
+    }
+    toString(variables) {
+        const value = variables?.[this._key] ?? null;
+        if (!value) {
+            throw new Error(`Invalid variable key "${this._key}"`);
+        }
+        return !!value ? this.format(value) : null;
+    }
+}
+export 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 };
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWluZy52YXJpYWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vdGhlbWluZy9zcmMvbGliL3V0aWxzL3RoZW1pbmcudmFyaWFibGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSUEsTUFBTSxPQUFnQixxQkFBcUI7SUFFdkMsWUFBOEIsSUFBd0I7UUFBeEIsU0FBSSxHQUFKLElBQUksQ0FBb0I7SUFDdEQsQ0FBQztJQUlELFFBQVEsQ0FBQyxTQUEwQjtRQUMvQixNQUFNLEtBQUssR0FBRyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDO1FBQzdDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDUixNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztTQUMxRDtRQUNELE9BQU8sQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQy9DLENBQUM7Q0FFSjtBQUVELE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxxQkFBcUI7SUFLekQsWUFBWSxHQUF1QjtRQUMvQixLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFKZixTQUFTO1FBQ0QsYUFBUSxHQUFXLENBQUMsQ0FBQztJQUk3QixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDaEIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFhO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTyxNQUFNLENBQUMsSUFBa0Q7UUFDN0QsT0FBTyxRQUFRLElBQUksRUFBRSxHQUFHLElBQUksSUFBSSxFQUFFLEtBQUssSUFBSSxJQUFJLEVBQUUsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQztJQUM5RSxDQUFDO0lBRU8sUUFBUSxDQUFDLEtBQWE7UUFDMUIsTUFBTSxNQUFNLEdBQUcsMkNBQTJDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZFLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDVCxNQUFNLElBQUksS0FBSyxDQUFDLDZCQUE2QixLQUFLLHFDQUFxQyxDQUFDLENBQUM7U0FDNUY7UUFFRCxNQUFNLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDdEMsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3hDLE1BQU0sSUFBSSxHQUFHLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN2QyxPQUFPLEVBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUMsQ0FBQztJQUM5QixDQUFDO0NBRUoiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0dsb2JhbFZhcmlhYmxlcywgR2xvYmFsVmFyaWFibGVzS2V5fSBmcm9tICcuLi90aGVtaW5nLmludGVyZmFjZSc7XG5cbmV4cG9ydCB0eXBlIFRoZW1lVmFyaWFibGUgPSBUaGVtZVZhcmlhYmxlRnVuY3Rpb24gfCBzdHJpbmc7XG5cbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBUaGVtZVZhcmlhYmxlRnVuY3Rpb24ge1xuXG4gICAgcHJvdGVjdGVkIGNvbnN0cnVjdG9yKHByaXZhdGUgX2tleTogR2xvYmFsVmFyaWFibGVzS2V5KSB7XG4gICAgfVxuXG4gICAgYWJzdHJhY3QgZm9ybWF0KHZhbHVlOiBzdHJpbmcpOiBzdHJpbmc7XG5cbiAgICB0b1N0cmluZyh2YXJpYWJsZXM6IEdsb2JhbFZhcmlhYmxlcykge1xuICAgICAgICBjb25zdCB2YWx1ZSA9IHZhcmlhYmxlcz8uW3RoaXMuX2tleV0gPz8gbnVsbDtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBJbnZhbGlkIHZhcmlhYmxlIGtleSBcIiR7dGhpcy5fa2V5fVwiYCk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuICEhdmFsdWUgPyB0aGlzLmZvcm1hdCh2YWx1ZSkgOiBudWxsO1xuICAgIH1cblxufVxuXG5leHBvcnQgY2xhc3MgVGhlbWVDb2xvclZhcmlhYmxlIGV4dGVuZHMgVGhlbWVWYXJpYWJsZUZ1bmN0aW9uIHtcblxuICAgIC8vIFN0YXRlLlxuICAgIHByaXZhdGUgX29wYWNpdHk6IG51bWJlciA9IDE7XG5cbiAgICBjb25zdHJ1Y3RvcihrZXk6IEdsb2JhbFZhcmlhYmxlc0tleSkge1xuICAgICAgICBzdXBlcihrZXkpO1xuICAgIH1cblxuICAgIGZvcm1hdCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIGNvbnN0IHJnYiA9IHRoaXMuaGV4VG9SZ2IodmFsdWUpO1xuICAgICAgICByZXR1cm4gdGhpcy50b1JnYmEocmdiKTtcbiAgICB9XG5cbiAgICBvcGFjaXR5KHZhbHVlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5fb3BhY2l0eSA9IHZhbHVlO1xuICAgICAgICByZXR1cm4gdGhpcztcbiAgICB9XG5cbiAgICBwcml2YXRlIHRvUmdiYShkYXRhOiB7IHJlZDogbnVtYmVyLCBncmVlbjogbnVtYmVyLCBibHVlOiBudW1iZXIgfSkge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtkYXRhPy5yZWR9LCR7ZGF0YT8uZ3JlZW59LCR7ZGF0YT8uYmx1ZX0sJHt0aGlzLl9vcGFjaXR5fSlgO1xuICAgIH1cblxuICAgIHByaXZhdGUgaGV4VG9SZ2IodmFsdWU6IHN0cmluZykge1xuICAgICAgICBjb25zdCByZXN1bHQgPSAvXiM/KFthLWZcXGRdezJ9KShbYS1mXFxkXXsyfSkoW2EtZlxcZF17Mn0pJC9pLmV4ZWModmFsdWUpO1xuICAgICAgICBpZiAoIXJlc3VsdCkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKGBJbnZhbGlkIGNvbG9yIGZvcm1hdCBmb3IgXCIke3ZhbHVlfVwiLiBPbmx5IGhleCBpcyBjdXJyZW50bHkgc3VwcG9ydGVkLmApO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgcmVkID0gcGFyc2VJbnQocmVzdWx0Py5bMV0sIDE2KTtcbiAgICAgICAgY29uc3QgZ3JlZW4gPSBwYXJzZUludChyZXN1bHQ/LlsyXSwgMTYpO1xuICAgICAgICBjb25zdCBibHVlID0gcGFyc2VJbnQocmVzdWx0Py5bM10sIDE2KTtcbiAgICAgICAgcmV0dXJuIHtyZWQsIGdyZWVuLCBibHVlfTtcbiAgICB9XG5cbn1cbiJdfQ==

package/esm2020/theming/public_api.mjs

@@ -1,7 +1,10 @@
 export * from './lib/theming.interface';
-export * from './lib/theming.service';
+export * from './lib/theming.directive';
+export * from './lib/theming.data';
 export * from './lib/theming.module';
 export * from './lib/themes/checkbox.theme';
 export * from './lib/themes/checkbox-group.theme';
-export * from './lib/themes/theme';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vdGhlbWluZy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxzQkFBc0IsQ0FBQztBQUVyQyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1pbmcuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1pbmcuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtaW5nLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1lcy9jaGVja2JveC50aGVtZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtZXMvY2hlY2tib3gtZ3JvdXAudGhlbWUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGhlbWVzL3RoZW1lJztcbiJdfQ==
+export * from './lib/themes/form-control.theme';
+export * from './lib/themes/form-control-addon.theme';
+export * from './lib/utils/theming.variable';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2JiLWZvdW5kYXRpb24vdGhlbWluZy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHNCQUFzQixDQUFDO0FBRXJDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsdUNBQXVDLENBQUM7QUFFdEQsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1pbmcuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1pbmcuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1pbmcuZGF0YSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtaW5nLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3RoZW1lcy9jaGVja2JveC50aGVtZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtZXMvY2hlY2tib3gtZ3JvdXAudGhlbWUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGhlbWVzL2Zvcm0tY29udHJvbC50aGVtZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aGVtZXMvZm9ybS1jb250cm9sLWFkZG9uLnRoZW1lJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXRpbHMvdGhlbWluZy52YXJpYWJsZSc7XG4iXX0=