@bravobit/bb-foundation 0.50.8 → 0.51.0

package/lib/core/services/network.service.d.ts

@@ -1,14 +1,13 @@
 import { Observable } from 'rxjs';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class Network {
-    private _platform;
-    private _window?;
-    private _navigator?;
+    private readonly _platform;
+    private readonly _window?;
+    private readonly _navigator?;
     private _online$;
-    constructor(_platform: Platform, _window?: Window, _navigator?: Navigator);
+    constructor();
     online(): Observable<boolean>;
     private getOnlineObservable;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Network, [null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Network, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Network>;
 }

package/lib/core/services/patch.service.d.ts

@@ -1,16 +1,14 @@
 import { OnDestroy } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class Patch implements OnDestroy {
-    private _platform;
-    private _window?;
-    private _document?;
+    private readonly _platform;
+    private readonly _window?;
+    private readonly _document?;
     private _hasPatchedMobileVerticalHeight;
     private _subscription;
-    constructor(_platform: Platform, _window?: Window, _document?: Document);
     mobileVerticalHeight(): void;
     ngOnDestroy(): void;
     private periodicallySetDocumentVerticalProperty;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Patch, [null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Patch, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Patch>;
 }

package/localize/lib/transforms/interpolate.transform.d.ts

@@ -6,7 +6,7 @@ import { Localize } from '../localize.service';
 export declare class LocalizeInterpolateTransform extends LocalizeTransform {
     protected readonly config?: LocalizeConfig;
     protected readonly functions?: LocalizeFunction[];
-    protected readonly substitutions: [string, string];
+    protected readonly substitutions: [leftSubstitution: string, rightSubstitution: string];
     protected readonly functionsMap: LocalizeFunctionMap;
     execute(value: string, data: LocalizeParams['data'], localize: Localize): string;
     protected parseInterpolationToken(value: string, data: LocalizeParams['data'], localize: Localize): string;

package/localize/lib/transforms/plural.transform.d.ts

@@ -4,7 +4,7 @@ import { LocalizeTransform } from './abstract.transform';
 import { Localize } from '../localize.service';
 export declare class LocalizePluralTransform extends LocalizeTransform {
     protected readonly config?: LocalizeConfig;
-    protected readonly substitutions: [string, string];
+    protected readonly substitutions: [leftSubstitution: string, rightSubstitution: string];
     protected readonly defaultAmount = "default";
     protected readonly multiItemRegex: RegExp;
     protected readonly singleItemRegex: RegExp;

package/localize/lib/transforms/reference.transform.d.ts

@@ -4,6 +4,6 @@ import { LocalizeTransform } from './abstract.transform';
 import { Localize } from '../localize.service';
 export declare class LocalizeReferenceTransform extends LocalizeTransform {
     protected readonly config?: LocalizeConfig;
-    protected readonly substitutions: [string, string];
+    protected readonly substitutions: [leftSubstitution: string, rightSubstitution: string];
     execute(value: string, _: LocalizeParams['data'], localize: Localize): string;
 }

package/notifications/lib/notifications-item/notifications-item.component.d.ts

@@ -1,11 +1,10 @@
-import { ChangeDetectorRef, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { Notification, NotificationAction } from '../notifications.interfaces';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class BbNotificationsItem implements OnInit, OnDestroy {
-    private _zone;
-    private _platform;
-    private _changeDetection;
+    private readonly _zone;
+    private readonly _platform;
+    private readonly _changeDetection;
     private readonly _config?;
     private readonly _window?;
     readonly dismissText: string;
@@ -21,7 +20,6 @@ export declare class BbNotificationsItem implements OnInit, OnDestroy {
     private readonly _radius;
     private readonly _circumference;
     get getClass(): string;
-    constructor(_zone: NgZone, _platform: Platform, _changeDetection: ChangeDetectorRef);
     get progressStrokeArray(): string;
     get progressStrokeOffset(): number;
     ngOnInit(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bravobit/bb-foundation",
-  "version": "0.50.8",
+  "version": "0.51.0",
   "description": "The Angular core foundation of the Bravobit team.",
   "author": {
     "name": "Stan van Heumen",
@@ -40,6 +40,14 @@
       "types": "./auth/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-auth.mjs"
     },
+    "./collections": {
+      "types": "./collections/index.d.ts",
+      "default": "./fesm2022/bravobit-bb-foundation-collections.mjs"
+    },
+    "./combobox": {
+      "types": "./combobox/index.d.ts",
+      "default": "./fesm2022/bravobit-bb-foundation-combobox.mjs"
+    },
     "./dashboard": {
       "types": "./dashboard/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-dashboard.mjs"
@@ -48,22 +56,14 @@
       "types": "./elements/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-elements.mjs"
     },
-    "./combobox": {
-      "types": "./combobox/index.d.ts",
-      "default": "./fesm2022/bravobit-bb-foundation-combobox.mjs"
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/bravobit-bb-foundation-dialog.mjs"
     },
     "./http": {
       "types": "./http/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-http.mjs"
     },
-    "./collections": {
-      "types": "./collections/index.d.ts",
-      "default": "./fesm2022/bravobit-bb-foundation-collections.mjs"
-    },
-    "./dialog": {
-      "types": "./dialog/index.d.ts",
-      "default": "./fesm2022/bravobit-bb-foundation-dialog.mjs"
-    },
     "./localize": {
       "types": "./localize/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-localize.mjs"
@@ -96,14 +96,14 @@
       "types": "./storage/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-storage.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/bravobit-bb-foundation-tooltip.mjs"
-    },
     "./table": {
       "types": "./table/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-table.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/bravobit-bb-foundation-tooltip.mjs"
+    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/bravobit-bb-foundation-utils.mjs"

package/permissions/lib/directives/permission.directive.d.ts

@@ -1,11 +1,10 @@
-import { OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { PermissionsMode } from '../permissions.interface';
-import { Permissions } from '../permissions.service';
 import * as i0 from "@angular/core";
 export declare class BbPermission implements OnInit, OnDestroy {
-    private _permissions;
-    private _templateRef;
-    private _viewContainerRef;
+    private readonly _permissions;
+    private readonly _templateRef;
+    private readonly _viewContainerRef;
     private _elseTemplateRef;
     private _thenViewRef;
     private _elseViewRef;
@@ -16,7 +15,6 @@ export declare class BbPermission implements OnInit, OnDestroy {
     set bbPermissionElse(templateRef: TemplateRef<any>);
     set bbPermissionMode(mode: PermissionsMode);
     private _subscription;
-    constructor(_permissions: Permissions, _templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private updateView;

package/recaptcha/lib/recaptcha/recaptcha.component.d.ts

@@ -1,18 +1,14 @@
-import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
-import { RecaptchaConfig } from '../recaptcha.interface';
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { RecaptchaLoader } from '../recaptcha-loader.service';
-import { Platform } from '@angular/cdk/platform';
-import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class RecaptchaComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
-    private _zone;
-    private _platform;
-    private _renderer;
-    private _elementRef;
-    private _loader;
-    private _localizeId;
-    private _config?;
+    private readonly _zone;
+    private readonly _platform;
+    private readonly _renderer;
+    private readonly _elementRef;
+    private readonly _loader;
+    private readonly _localizeId;
+    private readonly _config?;
     id: string;
     siteKey: string | null;
     tabIndex: number | null;
@@ -30,7 +26,7 @@ export declare class RecaptchaComponent implements ControlValueAccessor, AfterVi
     private _onChange;
     private _onTouched;
     private _subscriptions;
-    constructor(_zone: NgZone, _platform: Platform, _renderer: Renderer2, _elementRef: ElementRef, _loader: RecaptchaLoader, _localizeId: Observable<string>, _config?: RecaptchaConfig);
+    constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     execute(): void;
@@ -45,7 +41,7 @@ export declare class RecaptchaComponent implements ControlValueAccessor, AfterVi
     private handleOnLoad;
     private handleLocaleChanges;
     private onLocaleChanged;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RecaptchaComponent, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecaptchaComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RecaptchaComponent, "bb-recaptcha", ["bbRecaptcha"], { "id": { "alias": "id"; "required": false; }; "siteKey": { "alias": "siteKey"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "errorMode": { "alias": "errorMode"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; }, { "resolved": "resolved"; "error": "error"; }, never, never, true, never>;
     static ngAcceptInputType_grouped: unknown;
 }

package/select/lib/select-label.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectLabel {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectLabel, "ng-template[bbSelectLabel]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/select-multi-label.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectMultiLabel {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectMultiLabel, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectMultiLabel, "ng-template[bbSelectMultiLabel]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/select-option-group.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectOptionGroup {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectOptionGroup, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectOptionGroup, "ng-template[bbSelectOptionGroup]", never, {}, {}, never, never, true, never>;
 }

package/select/lib/select-option.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbSelectOption {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSelectOption, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbSelectOption, "ng-template[bbSelectOption]", never, {}, {}, never, never, true, never>;
 }

package/storage/lib/storage.service.d.ts

@@ -1,13 +1,12 @@
 import { StorageOption, StorageStrategy } from './interfaces/strategy.interface';
 import { StorageAttributes } from './interfaces/attributes.interface';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class Storage implements StorageStrategy {
-    private _platform;
-    private _cookieString?;
+    private readonly _platform;
+    private readonly _cookieString?;
     private readonly _strategies;
     private readonly _current;
-    constructor(_platform: Platform, _cookieString?: string);
+    constructor();
     select(option: StorageOption | StorageOption[]): StorageStrategy;
     get local(): StorageStrategy;
     get cookie(): StorageStrategy;
@@ -21,6 +20,6 @@ export declare class Storage implements StorageStrategy {
     private findBestStorageStrategy;
     private getLocalStorage;
     private getSessionStorage;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Storage, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Storage, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Storage>;
 }

package/styles/theme.scss

@@ -54,6 +54,11 @@
         // Controls.
         --bb-control-border-color: hsla(213, 8%, 74%, 1);
         --bb-control-focus-border-color: hsla(213, 8%, 50%, 1);
+        --bb-control-error-color: hsl(0, 80%, 25%);
+        --bb-control-error-placeholder-color: hsl(0, 80%, 70%);
+        --bb-control-error-border-color: hsl(0, 80%, 30%);
+        --bb-control-error-background-color: hsl(0, 80%, 90%);
+        --bb-control-error-box-shadow: 0 0.375rem 0.375rem -0.375rem hsla(0, 0%, 0%, 0.1), 0 0 0 0.1875rem hsl(0, 80%, 90%);
 
         // Checkbox.
         --bb-checkbox-border-radius: 0.25rem;
@@ -107,7 +112,7 @@
 
         // Collections table label.
         --bb-collections-table-label-color: var(--bb-primary-color-550);
-        --bb-collections-table-loader-color: var(--bb-primary-color-500);
+        --bb-collections-table-loader-color: red; //var(--bb-primary-color-500);
 
         // Spinner.
         --bb-spinner-color: var(--bb-primary-color-500);

package/utils/lib/directives/autosize.directive.d.ts

@@ -1,12 +1,11 @@
-import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbAutosize implements AfterViewInit {
-    private _renderer;
-    private _elementRef;
+    private readonly _renderer;
+    private readonly _elementRef;
     minHeight: string | null;
     maxHeight: string | null;
     rows: number;
-    constructor(_renderer: Renderer2, _elementRef: ElementRef);
     get element(): HTMLTextAreaElement;
     ngAfterViewInit(): void;
     onWindowResize(): void;

package/utils/lib/directives/focus-trap.directive.d.ts

@@ -1,11 +1,8 @@
-import { ElementRef } from '@angular/core';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class BbFocusTrap {
-    private _platform;
-    private _elementRef;
+    private readonly _platform;
+    private readonly _elementRef;
     private readonly _focusableElements;
-    constructor(_platform: Platform, _elementRef: ElementRef);
     onKeydown(event: KeyboardEvent): void;
     trapFocus(event: KeyboardEvent): void;
     private get element();

package/utils/lib/directives/focus.directive.d.ts

@@ -1,14 +1,12 @@
-import { AfterViewInit, ElementRef, NgZone } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { FocusMode } from '@bravobit/bb-foundation';
-import { Platform } from '@angular/cdk/platform';
 import * as i0 from "@angular/core";
 export declare class BbFocus implements AfterViewInit {
-    private _zone;
-    private _platform;
-    private _elementRef;
+    private readonly _zone;
+    private readonly _platform;
+    private readonly _elementRef;
     private readonly _globalFocusMode;
     bbFocusMode: FocusMode | null;
-    constructor(_zone: NgZone, _platform: Platform, _elementRef: ElementRef);
     private get nativeElement();
     ngAfterViewInit(): void;
     private isMobile;

package/utils/lib/directives/template.directive.d.ts

@@ -1,10 +1,9 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BbTemplate {
-    private _templateRef;
-    private _viewContainerRef;
+    private readonly _templateRef;
+    private readonly _viewContainerRef;
     set bbTemplate(content: string | TemplateRef<any>);
-    constructor(_templateRef: TemplateRef<any>, _viewContainerRef: ViewContainerRef);
     static ngAcceptInputType_bbTemplate: string | TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbTemplate, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BbTemplate, "[bbTemplate]", never, { "bbTemplate": { "alias": "bbTemplate"; "required": false; }; }, {}, never, never, true, never>;