@bravobit/bb-foundation 0.32.1 → 0.40.0

package/elements/lib/elements.module.d.ts

@@ -5,110 +5,29 @@ import * as i2 from "./directives/form-submit.directive";
 import * as i3 from "./directives/form-submitter.directive";
 import * as i4 from "./directives/input.directive";
 import * as i5 from "./directives/addon.directive";
-import * as i6 from "./pipes/file-size.pipe";
-import * as i7 from "./pipes/file-image.pipe";
-import * as i8 from "./pipes/relative-time.pipe";
-import * as i9 from "./button/button.component";
-import * as i10 from "./spinner/spinner.component";
-import * as i11 from "./icon/icon.component";
-import * as i12 from "./form-control/form-control.component";
-import * as i13 from "./form-group/form-group.component";
-import * as i14 from "./checkbox/checkbox.component";
-import * as i15 from "./dropdown/dropdown.component";
-import * as i16 from "./tag/tag.component";
-import * as i17 from "./avatar/avatar.component";
-import * as i18 from "./file-picker/file-picker.component";
-import * as i19 from "./image-picker/image-picker.component";
-import * as i20 from "./date-picker/date-picker.component";
-import * as i21 from "@angular/common";
-import * as i22 from "@angular/forms";
-import * as i23 from "@bravobit/bb-foundation/localize";
-import * as i24 from "@bravobit/bb-foundation/utils";
+import * as i6 from "./directives/image-upload.directive";
+import * as i7 from "./directives/extra-error-controls.directive";
+import * as i8 from "./pipes/file-size.pipe";
+import * as i9 from "./pipes/file-image.pipe";
+import * as i10 from "./pipes/relative-time.pipe";
+import * as i11 from "./pipes/date.pipe";
+import * as i12 from "./button/button.component";
+import * as i13 from "./spinner/spinner.component";
+import * as i14 from "./icon/icon.component";
+import * as i15 from "./form-control/form-control.component";
+import * as i16 from "./form-group/form-group.component";
+import * as i17 from "./checkbox/checkbox.component";
+import * as i18 from "./checkbox-group/checkbox-group.component";
+import * as i19 from "./radio-group/radio-group.component";
+import * as i20 from "./radio-button/radio-button.component";
+import * as i21 from "./avatar/avatar.component";
+import * as i22 from "./multi-file-control/multi-file-control.component";
+import * as i23 from "./file-picker/file-picker.component";
+import * as i24 from "./image-picker/image-picker.component";
+import * as i25 from "./date-picker/date-picker.component";
 export declare class ElementsModule {
     static forRoot(): ModuleWithProviders<ElementsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElementsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementsModule, [typeof i1.BbFormError, typeof i2.BbFormSubmit, typeof i3.BbFormSubmitter, typeof i4.BbInput, typeof i4.BbSelect, typeof i5.BbPrefix, typeof i5.BbSuffix, typeof i6.BbFileSize, typeof i7.BbFileImage, typeof i8.BbRelativeTime, typeof i9.BbButton, typeof i9.BbAnchor, typeof i10.BbSpinner, typeof i11.BbIcon, typeof i12.BbFormControl, typeof i13.BbFormGroup, typeof i14.BbCheckbox, typeof i15.BbDropdown, typeof i15.BbDropdownItem, typeof i16.BbTag, typeof i17.BbAvatar, typeof i18.BbFilePicker, typeof i19.BbImagePicker, typeof i20.BbDatePicker], [typeof i21.CommonModule, typeof i22.ReactiveFormsModule, typeof i23.LocalizeModule, typeof i24.UtilsModule], [typeof i1.BbFormError, typeof i2.BbFormSubmit, typeof i3.BbFormSubmitter, typeof i4.BbInput, typeof i4.BbSelect, typeof i5.BbPrefix, typeof i5.BbSuffix, typeof i6.BbFileSize, typeof i7.BbFileImage, typeof i8.BbRelativeTime, typeof i9.BbButton, typeof i9.BbAnchor, typeof i10.BbSpinner, typeof i11.BbIcon, typeof i12.BbFormControl, typeof i13.BbFormGroup, typeof i14.BbCheckbox, typeof i15.BbDropdown, typeof i15.BbDropdownItem, typeof i16.BbTag, typeof i17.BbAvatar, typeof i18.BbFilePicker, typeof i19.BbImagePicker, typeof i20.BbDatePicker, typeof i24.UtilsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElementsModule, never, [typeof i1.BbFormError, typeof i2.BbFormSubmit, typeof i3.BbFormSubmitter, typeof i4.BbInput, typeof i5.BbPrefix, typeof i5.BbSuffix, typeof i6.BbImageUpload, typeof i7.BbExtraErrorControls, typeof i8.BbFileSize, typeof i9.BbFileImage, typeof i10.BbRelativeTime, typeof i11.BbDate, typeof i12.BbButton, typeof i12.BbAnchor, typeof i13.BbSpinner, typeof i14.BbIcon, typeof i15.BbFormControl, typeof i16.BbFormGroup, typeof i17.BbCheckbox, typeof i18.BbCheckboxGroup, typeof i19.BbRadioGroup, typeof i20.BbRadioButton, typeof i21.BbAvatar, typeof i22.BbMultiFileControl, typeof i23.BbFilePicker, typeof i24.BbImagePicker, typeof i25.BbDatePicker], [typeof i1.BbFormError, typeof i2.BbFormSubmit, typeof i3.BbFormSubmitter, typeof i4.BbInput, typeof i5.BbPrefix, typeof i5.BbSuffix, typeof i6.BbImageUpload, typeof i7.BbExtraErrorControls, typeof i8.BbFileSize, typeof i9.BbFileImage, typeof i10.BbRelativeTime, typeof i11.BbDate, typeof i12.BbButton, typeof i12.BbAnchor, typeof i13.BbSpinner, typeof i14.BbIcon, typeof i15.BbFormControl, typeof i16.BbFormGroup, typeof i17.BbCheckbox, typeof i18.BbCheckboxGroup, typeof i19.BbRadioGroup, typeof i20.BbRadioButton, typeof i21.BbAvatar, typeof i22.BbMultiFileControl, typeof i23.BbFilePicker, typeof i24.BbImagePicker, typeof i25.BbDatePicker]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElementsModule>;
 }
-export declare const ELEMENTS_MATERIAL_ICON: {
-    provide: import("@angular/core").InjectionToken<import("./elements.interfaces").ElementsIcon[]>;
-    useValue: {
-        namespace: string;
-        className: string;
-        uses: string;
-        type: string;
-    };
-    multi: boolean;
-};
-export declare function getErrors(): {
-    unknown: () => string;
-    required: () => string;
-    pattern: () => string;
-    email: () => string;
-    emailTaken: () => string;
-    passwordMatch: () => string;
-    confirm: () => string;
-    fullNumber: () => string;
-    min: ({ min }: {
-        min: any;
-    }) => {
-        token: string;
-        data: {
-            min: any;
-        };
-    };
-    max: ({ max }: {
-        max: any;
-    }) => {
-        token: string;
-        data: {
-            max: any;
-        };
-    };
-    maxFileSize: ({ maxSize }: {
-        maxSize: any;
-    }) => {
-        token: string;
-        data: {
-            maxSize: any;
-        };
-    };
-    minDate: ({ date }: {
-        date: any;
-    }) => {
-        token: string;
-        data: {
-            date: any;
-        };
-    };
-    maxDate: ({ date }: {
-        date: any;
-    }) => {
-        token: string;
-        data: {
-            date: any;
-        };
-    };
-    invalidDate: () => string;
-    invalidFileType: () => string;
-    minlength: ({ requiredLength, actualLength }: {
-        requiredLength: any;
-        actualLength: any;
-    }) => {
-        token: string;
-        data: {
-            requiredLength: any;
-            actualLength: any;
-        };
-    };
-    maxlength: ({ requiredLength, actualLength }: {
-        requiredLength: any;
-        actualLength: any;
-    }) => {
-        token: string;
-        data: {
-            requiredLength: any;
-            actualLength: any;
-        };
-    };
-};

package/elements/lib/file-picker/file-picker.component.d.ts

@@ -1,12 +1,9 @@
 import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
-import { CanDisable, CanDisableConstructor, IsGrouped, IsGroupedConstructor, IsRequired, IsRequiredConstructor, CanHideErrors, CanHideErrorsConstructor, HasError, HasErrorConstructor } from '@bravobit/bb-foundation';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-declare class BbFilePickerBase {
-}
-declare const BbFilePickerMixinBase: IsRequiredConstructor & CanDisableConstructor & IsGroupedConstructor & HasErrorConstructor & CanHideErrorsConstructor & typeof BbFilePickerBase;
-export declare class BbFilePicker extends BbFilePickerMixinBase implements ControlValueAccessor, IsRequired, CanDisable, IsGrouped, HasError, CanHideErrors {
+export declare class BbFilePicker implements ControlValueAccessor {
+    readonly labelId: string;
     fileInput: ElementRef<HTMLInputElement>;
     extraTemplate: TemplateRef<any>;
     label: string | TemplateRef<any> | null;
@@ -14,11 +11,17 @@ export declare class BbFilePicker extends BbFilePickerMixinBase implements Contr
     accept: string | null;
     showImages: boolean;
     allowDragging: boolean;
-    labelId: string;
+    grouped: boolean;
+    required: boolean;
+    disabled: boolean;
+    hideErrors: boolean;
     hovered: boolean;
+    error: boolean;
     value$: BehaviorSubject<{
         file?: File;
     }>;
+    onTouchedCallback: () => void;
+    onChangeCallback: (_: File | null) => void;
     get value(): File | null;
     valueChange: EventEmitter<File>;
     set value(value: File | null);
@@ -27,8 +30,6 @@ export declare class BbFilePicker extends BbFilePickerMixinBase implements Contr
     onButtonPressed(file?: File): void;
     openFilePicker(): void;
     onFileChange(event: Event): void;
-    onTouchedCallback: () => void;
-    onChangeCallback: (_: File | null) => void;
     writeValue(value: File | null): void;
     registerOnChange(method: (_: File | null) => void): void;
     registerOnTouched(method: () => void): void;
@@ -44,6 +45,9 @@ export declare class BbFilePicker extends BbFilePickerMixinBase implements Contr
     private getFileListFromEvent;
     private preventDefault;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbFilePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbFilePicker, "bb-file-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "showImages": { "alias": "showImages"; "required": false; }; "allowDragging": { "alias": "allowDragging"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["extraTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbFilePicker, "bb-file-picker", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "showImages": { "alias": "showImages"; "required": false; }; "allowDragging": { "alias": "allowDragging"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["extraTemplate"], never, true, never>;
+    static ngAcceptInputType_grouped: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_hideErrors: unknown;
 }
-export {};

package/elements/lib/form-control/form-control.component.d.ts

@@ -1,21 +1,20 @@
-import { IsRequired, IsRequiredConstructor, CanDisable, CanDisableConstructor, IsReadonly, IsReadonlyConstructor, IsGrouped, IsGroupedConstructor, IsFocused, IsFocusedConstructor, HasError, HasErrorConstructor, CanHideErrors, CanHideErrorsConstructor } from '@bravobit/bb-foundation';
 import { TemplateRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-declare class BbFormControlBase {
-}
-declare const BbFormControlMixinBase: IsRequiredConstructor & IsGroupedConstructor & IsFocusedConstructor & IsReadonlyConstructor & CanDisableConstructor & HasErrorConstructor & CanHideErrorsConstructor & typeof BbFormControlBase;
-export declare class BbFormControl extends BbFormControlMixinBase implements IsRequired, IsFocused, IsReadonly, IsGrouped, CanDisable, HasError, CanHideErrors {
+export declare class BbFormControl {
+    readonly labelId: string;
     ngControl: NgControl;
     label: string | TemplateRef<any> | null;
     hint: string | TemplateRef<any> | null;
-    arrow: boolean;
-    labelId: string;
+    grouped: boolean;
+    hideErrors: boolean;
+    error: boolean;
     onErrorChange(error: {
         token: string;
         data?: any;
     } | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbFormControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormControl, "bb-form-control", never, { "grouped": { "alias": "grouped"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, ["ngControl"], ["[bbPrefix]", "[bbInput]", "[bbSuffix]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormControl, "bb-form-control", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; }, {}, ["ngControl"], ["[bbPrefix]", "[bbInput]", "[bbSuffix]"], true, never>;
+    static ngAcceptInputType_grouped: unknown;
+    static ngAcceptInputType_hideErrors: unknown;
 }
-export {};

package/elements/lib/form-error/form-error.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
+import { BbExtraErrorControls } from '../directives/extra-error-controls.directive';
 import { BbFormSubmitter } from '../directives/form-submitter.directive';
 import { ElementsError } from '../elements.interfaces';
 import { BbFormSubmit } from '../directives/form-submit.directive';
@@ -7,11 +8,12 @@ import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class BbFormError implements OnInit {
     private _form?;
-    private _control?;
+    private _ngControl?;
     private _formSubmitter?;
+    private _extraErrorControls?;
     private _errors?;
-    set control(value: NgControl);
-    get control(): NgControl;
+    readonly errorsMap: ElementsError;
+    control: NgControl | null;
     errorChange: EventEmitter<{
         token: string;
         data?: any;
@@ -20,14 +22,15 @@ export declare class BbFormError implements OnInit {
         token: string;
         data?: any;
     } | null>;
-    private _ngControl;
-    constructor(_form?: BbFormSubmit, _control?: NgControl, _formSubmitter?: BbFormSubmitter, _errors?: ElementsError[]);
+    constructor(_form?: BbFormSubmit, _ngControl?: NgControl, _formSubmitter?: BbFormSubmitter, _extraErrorControls?: BbExtraErrorControls, _errors?: ElementsError[]);
     ngOnInit(): void;
-    private getError;
+    private setControl;
+    private setError;
+    private formatError;
     private submitStatusChanges;
     private getNativeFormSubmit;
     private getManualFormSubmit;
-    private statusChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BbFormError, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormError, "bb-form-error", never, { "control": { "alias": "control"; "required": false; }; }, { "errorChange": "errorChange"; }, never, never, false, never>;
+    private getErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BbFormError, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormError, "bb-form-error", never, { "control": { "alias": "control"; "required": false; }; }, { "errorChange": "errorChange"; }, never, never, true, never>;
 }

package/elements/lib/form-group/form-group.component.d.ts

@@ -1,10 +1,7 @@
-import { IsGrouped, IsGroupedConstructor } from '@bravobit/bb-foundation';
 import * as i0 from "@angular/core";
-declare class BbFormGroupBase {
-}
-declare const BbFormGroupMixinBase: IsGroupedConstructor & typeof BbFormGroupBase;
-export declare class BbFormGroup extends BbFormGroupMixinBase implements IsGrouped {
+export declare class BbFormGroup {
+    grouped: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbFormGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormGroup, "bb-form-group", never, { "grouped": { "alias": "grouped"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbFormGroup, "bb-form-group", never, { "grouped": { "alias": "grouped"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_grouped: unknown;
 }
-export {};

package/elements/lib/icon/icon.component.d.ts

@@ -7,16 +7,16 @@ export declare class BbIcon {
     state$: BehaviorSubject<any>;
     alt: string | null;
     size: number;
+    ariaHidden: boolean;
     set src(newValue: string | null);
     get src(): string | null;
-    set ariaHidden(newValue: boolean);
-    get ariaHidden(): boolean;
-    private _ariaHidden;
     constructor(_registry: ElementsIcon[]);
     private convert;
     private findImageIcon;
     private findFontIcon;
     private warn;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbIcon, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbIcon, "bb-icon", never, { "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbIcon, "bb-icon", never, { "alt": { "alias": "alt"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaHidden": { "alias": "ariaHidden"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_size: unknown;
+    static ngAcceptInputType_ariaHidden: unknown;
 }

package/elements/lib/image-picker/image-picker.component.d.ts

@@ -1,11 +1,8 @@
 import { ElementRef, EventEmitter } from '@angular/core';
-import { ImageConverter, CanDisableConstructor, IsGroupedConstructor } from '@bravobit/bb-foundation';
 import { ControlValueAccessor } from '@angular/forms';
+import { ImageConverter } from '@bravobit/bb-foundation';
 import * as i0 from "@angular/core";
-declare class BbImagePickerBase {
-}
-declare const BbImagePickerMixinBase: IsGroupedConstructor & CanDisableConstructor & typeof BbImagePickerBase;
-export declare class BbImagePicker extends BbImagePickerMixinBase implements ControlValueAccessor {
+export declare class BbImagePicker implements ControlValueAccessor {
     private _converter;
     fileInput: ElementRef<HTMLInputElement>;
     label: string | null;
@@ -18,6 +15,10 @@ export declare class BbImagePicker extends BbImagePickerMixinBase implements Con
         width: number;
         height: number;
     } | null;
+    disabled: boolean;
+    grouped: boolean;
+    onTouchedCallback: () => void;
+    onChangeCallback: (_: string | null) => void;
     private _value$;
     constructor(_converter: ImageConverter);
     get value(): string | null;
@@ -26,13 +27,12 @@ export declare class BbImagePicker extends BbImagePickerMixinBase implements Con
     get image(): import("rxjs").Observable<string>;
     onFileChange(event: any): Promise<void>;
     openFilePicker(): void;
-    onTouchedCallback: () => void;
-    onChangeCallback: (_: string | null) => void;
     writeValue(value: string | null): void;
     registerOnChange(method: (_: string | null) => void): void;
     registerOnTouched(method: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbImagePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbImagePicker, "bb-image-picker", never, { "grouped": { "alias": "grouped"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleDimensions": { "alias": "styleDimensions"; "required": false; }; "cropDimensions": { "alias": "cropDimensions"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbImagePicker, "bb-image-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleDimensions": { "alias": "styleDimensions"; "required": false; }; "cropDimensions": { "alias": "cropDimensions"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_grouped: unknown;
 }
-export {};

package/elements/lib/multi-file-control/multi-file-control.component.d.ts

@@ -0,0 +1,58 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { Files } from '@bravobit/bb-foundation';
+import * as i0 from "@angular/core";
+export declare class BbMultiFileControl implements ControlValueAccessor {
+    private _files;
+    private _changeDetectorRef;
+    readonly labelId: string;
+    fileInput: ElementRef<HTMLInputElement>;
+    label: string | TemplateRef<any> | null;
+    hint: string | TemplateRef<any> | null;
+    accept: string | null;
+    grouped: boolean;
+    required: boolean;
+    disabled: boolean;
+    hideErrors: boolean;
+    items: {
+        id: number;
+        label: string;
+        url: string;
+    }[];
+    delete: EventEmitter<{
+        id: number;
+        label: string;
+        url: string;
+    }>;
+    value: File[];
+    dragging: boolean;
+    error: boolean;
+    onTouchedCallback: () => void;
+    onChangeCallback: (_: File[] | null) => void;
+    constructor(_files: Files, _changeDetectorRef: ChangeDetectorRef);
+    get showList(): boolean;
+    onDrag(event: Event, isHovered: boolean): void;
+    onDrop(event: Event): void;
+    downloadFile(file: File): void;
+    openFileDialog(): void;
+    onFileChange(event: Event): void;
+    deleteFile(index: number): void;
+    writeValue(value: File[] | null): void;
+    registerOnChange(method: (_: File[] | null) => void): void;
+    registerOnTouched(method: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onErrorChange(error: {
+        token: string;
+        data?: any;
+    } | null): void;
+    validate({ value }: FormControl<File[]>): any;
+    private addFiles;
+    private isFile;
+    private isBlob;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BbMultiFileControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbMultiFileControl, "bb-multi-file-control", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "delete": "delete"; }, never, never, true, never>;
+    static ngAcceptInputType_grouped: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_hideErrors: unknown;
+}

package/elements/lib/pipes/date.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BbDate implements PipeTransform {
+    private readonly _localize;
+    private readonly _localeId;
+    transform(value: string | number | Date, format?: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BbDate, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BbDate, "bbDate", true>;
+}

package/elements/lib/pipes/file-image.pipe.d.ts

@@ -10,5 +10,5 @@ export declare class BbFileImage implements PipeTransform {
     constructor(_platform: Platform, _image: ImageConverter, _sanitizer: DomSanitizer);
     transform(file: File): Promise<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbFileImage, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<BbFileImage, "bbFileImage", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BbFileImage, "bbFileImage", true>;
 }

package/elements/lib/pipes/file-size.pipe.d.ts

@@ -4,5 +4,5 @@ export declare class BbFileSize implements PipeTransform {
     transform(value: number): string;
     private format;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbFileSize, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<BbFileSize, "bbFileSize", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BbFileSize, "bbFileSize", true>;
 }

package/elements/lib/pipes/relative-time.pipe.d.ts

@@ -15,5 +15,5 @@ export declare class BbRelativeTime implements PipeTransform {
     private isYesterday;
     private isTomorrow;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbRelativeTime, [null, { optional: true; }]>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<BbRelativeTime, "bbRelativeTime", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BbRelativeTime, "bbRelativeTime", true>;
 }

package/elements/lib/radio-button/radio-button.component.d.ts

@@ -0,0 +1,18 @@
+import { BbRadioGroup } from '../radio-group/radio-group.component';
+import * as i0 from "@angular/core";
+export declare class BbRadioButton<T> {
+    private _radioGroup;
+    value: T | null;
+    hideText: boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    onClick(): void;
+    onSpacePressed(): void;
+    get selected(): boolean;
+    constructor(_radioGroup: BbRadioGroup<T>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BbRadioButton<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbRadioButton<any>, "bb-radio-button", never, { "value": { "alias": "value"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_hideText: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/elements/lib/radio-group/radio-group.component.d.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class BbRadioGroup<T> implements ControlValueAccessor {
+    private _changeDetectorRef;
+    label: string | TemplateRef<any> | null;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    grouped: boolean;
+    inline: boolean;
+    hideErrors: boolean;
+    valueChange: EventEmitter<T>;
+    get value(): T;
+    set value(value: T);
+    private _value;
+    onTouchedCallback: () => void;
+    onChangeCallback: (_: T | null) => void;
+    error: boolean;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    select(value: any): void;
+    registerOnChange(fn: (newValue: T) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(newValue: T): void;
+    onErrorChange(error: {
+        token: string;
+        data?: any;
+    } | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BbRadioGroup<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbRadioGroup<any>, "bb-radio-group", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "hideErrors": { "alias": "hideErrors"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["bb-radio-button"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_grouped: unknown;
+    static ngAcceptInputType_inline: unknown;
+    static ngAcceptInputType_hideErrors: unknown;
+}

package/elements/lib/spinner/spinner.component.d.ts

@@ -1,12 +1,9 @@
-import { CanDisable, CanDisableConstructor } from '@bravobit/bb-foundation';
 import * as i0 from "@angular/core";
-declare class BbSpinnerBase {
-}
-declare const BbSpinnerMixinBase: CanDisableConstructor & typeof BbSpinnerBase;
-export declare class BbSpinner extends BbSpinnerMixinBase implements CanDisable {
+export declare class BbSpinner {
     color: string;
     alt: string;
+    disabled: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BbSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BbSpinner, "bb-spinner", never, { "color": { "alias": "color"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["img", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BbSpinner, "bb-spinner", never, { "color": { "alias": "color"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["img", "*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }
-export {};

package/elements/public_api.d.ts

@@ -1,11 +1,13 @@
-export * from './lib/elements.module';
 export * from './lib/directives/form-submit.directive';
 export * from './lib/directives/form-submitter.directive';
 export * from './lib/directives/input.directive';
 export * from './lib/directives/addon.directive';
+export * from './lib/directives/image-upload.directive';
+export * from './lib/directives/extra-error-controls.directive';
 export * from './lib/pipes/file-size.pipe';
 export * from './lib/pipes/file-image.pipe';
 export * from './lib/pipes/relative-time.pipe';
+export * from './lib/pipes/date.pipe';
 export * from './lib/spinner/spinner.component';
 export * from './lib/button/button.component';
 export * from './lib/icon/icon.component';
@@ -13,10 +15,14 @@ export * from './lib/form-control/form-control.component';
 export * from './lib/form-group/form-group.component';
 export * from './lib/form-error/form-error.component';
 export * from './lib/checkbox/checkbox.component';
-export * from './lib/tag/tag.component';
+export * from './lib/checkbox-group/checkbox-group.component';
+export * from './lib/radio-group/radio-group.component';
+export * from './lib/radio-button/radio-button.component';
 export * from './lib/avatar/avatar.component';
+export * from './lib/multi-file-control/multi-file-control.component';
 export * from './lib/file-picker/file-picker.component';
 export * from './lib/image-picker/image-picker.component';
 export * from './lib/date-picker/date-picker.component';
-export * from './lib/dropdown/dropdown.component';
 export * from './lib/elements.interfaces';
+export * from './lib/elements.config';
+export * from './lib/elements.module';

package/esm2022/auth/lib/auth.config.mjs

@@ -0,0 +1,16 @@
+import { APP_INITIALIZER, makeEnvironmentProviders } from '@angular/core';
+import { AUTH_CONFIG } from './interfaces/config.interface';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
+import { AuthInterceptor } from './auth.interceptor';
+import { Auth } from './auth.service';
+export function provideAuthConfig(config) {
+    return makeEnvironmentProviders([
+        { provide: AUTH_CONFIG, useValue: config },
+        { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
+        { useFactory: initializeAuth, provide: APP_INITIALIZER, deps: [Auth], multi: true }
+    ]);
+}
+export function initializeAuth(auth) {
+    return auth.initialize();
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0aC5jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL2F1dGgvc3JjL2xpYi9hdXRoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsZUFBZSxFQUF3Qix3QkFBd0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUMsV0FBVyxFQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDdEUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLG9CQUFvQixDQUFDO0FBQ25ELE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVwQyxNQUFNLFVBQVUsaUJBQWlCLENBQUMsTUFBbUI7SUFDakQsT0FBTyx3QkFBd0IsQ0FBQztRQUM1QixFQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQztRQUN4QyxFQUFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUM7UUFDcEUsRUFBQyxVQUFVLEVBQUUsY0FBYyxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQztLQUNwRixDQUFDLENBQUM7QUFDUCxDQUFDO0FBRUQsTUFBTSxVQUFVLGNBQWMsQ0FBQyxJQUFVO0lBQ3JDLE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0FBQzdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FQUF9JTklUSUFMSVpFUiwgRW52aXJvbm1lbnRQcm92aWRlcnMsIG1ha2VFbnZpcm9ubWVudFByb3ZpZGVyc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0FVVEhfQ09ORklHLCBBdXRoQ29uZmlnfSBmcm9tICcuL2ludGVyZmFjZXMvY29uZmlnLmludGVyZmFjZSc7XG5pbXBvcnQge0hUVFBfSU5URVJDRVBUT1JTfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQge0F1dGhJbnRlcmNlcHRvcn0gZnJvbSAnLi9hdXRoLmludGVyY2VwdG9yJztcbmltcG9ydCB7QXV0aH0gZnJvbSAnLi9hdXRoLnNlcnZpY2UnO1xuXG5leHBvcnQgZnVuY3Rpb24gcHJvdmlkZUF1dGhDb25maWcoY29uZmlnPzogQXV0aENvbmZpZyk6IEVudmlyb25tZW50UHJvdmlkZXJzIHtcbiAgICByZXR1cm4gbWFrZUVudmlyb25tZW50UHJvdmlkZXJzKFtcbiAgICAgICAge3Byb3ZpZGU6IEFVVEhfQ09ORklHLCB1c2VWYWx1ZTogY29uZmlnfSxcbiAgICAgICAge3Byb3ZpZGU6IEhUVFBfSU5URVJDRVBUT1JTLCB1c2VDbGFzczogQXV0aEludGVyY2VwdG9yLCBtdWx0aTogdHJ1ZX0sXG4gICAgICAgIHt1c2VGYWN0b3J5OiBpbml0aWFsaXplQXV0aCwgcHJvdmlkZTogQVBQX0lOSVRJQUxJWkVSLCBkZXBzOiBbQXV0aF0sIG11bHRpOiB0cnVlfVxuICAgIF0pO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gaW5pdGlhbGl6ZUF1dGgoYXV0aDogQXV0aCkge1xuICAgIHJldHVybiBhdXRoLmluaXRpYWxpemUoKTtcbn1cbiJdfQ==