@mozaic-ds/angular 0.24.0-test.0 → 0.24.0-test.1

package/adeo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "0.24.0-test.0",
+  "version": "0.24.0-test.1",
   "exports": {
     "./adeo": {
       "types": "./adeo/index.d.ts",
@@ -31,8 +31,8 @@
     }
   },
   "peerDependencies": {
-    "@angular/common": ">=15.1.3",
-    "@angular/core": ">=15.1.3"
+    "@angular/common": ">=14.2.12",
+    "@angular/core": ">=14.2.12"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/assets/tokens/bricoman/js/tokens.js

@@ -481,6 +481,7 @@ export const ColorToggleDisabledCheckedBackground = "#b8bef4";
 export const ColorToggleDisabledCheckedCircle = "#ffffff";
 export const ColorTooltipBackground = "#4d4d4d";
 export const ColorTooltipBorder = "#ffffff";
+export const Preset = "bricoman";
 export const RadiusS = 2;
 export const RadiusM = 4;
 export const RadiusL = 6;
@@ -575,4 +576,3 @@ export const ScreenXl = "1280px";
 export const ScreenXlMedium = "1440px";
 export const ScreenXlLarge = "1680px";
 export const ScreenXxl = "1920px";
-export const Preset = "bricoman";

package/assets/tokens/bricoman/js/tokensObject.js

@@ -10471,6 +10471,21 @@ module.exports = {
       }
     }
   },
+  "preset": {
+    "value": "bricoman",
+    "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
+    "isSource": true,
+    "original": {
+      "value": "bricoman"
+    },
+    "name": "Preset",
+    "attributes": {
+      "category": "preset"
+    },
+    "path": [
+      "preset"
+    ]
+  },
   "radius": {
     "s": {
       "value": 2,
@@ -12484,20 +12499,5 @@ module.exports = {
         "xxl"
       ]
     }
-  },
-  "preset": {
-    "value": "bricoman",
-    "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
-    "isSource": true,
-    "original": {
-      "value": "bricoman"
-    },
-    "name": "Preset",
-    "attributes": {
-      "category": "preset"
-    },
-    "path": [
-      "preset"
-    ]
   }
 };

package/assets/tokens/bricoman/scss/_tokens.scss

@@ -482,6 +482,7 @@ $color-toggle-disabled-checked-background: #b8bef4 !default;
 $color-toggle-disabled-checked-circle: #ffffff !default;
 $color-tooltip-background: #4d4d4d !default;
 $color-tooltip-border: #ffffff !default;
+$preset: bricoman !default;
 $radius-s: 2 !default;
 $radius-m: 4 !default;
 $radius-l: 6 !default;
@@ -576,7 +577,6 @@ $screen-xl: 1280px !default;
 $screen-xl-medium: 1440px !default;
 $screen-xl-large: 1680px !default;
 $screen-xxl: 1920px !default;
-$preset: bricoman !default;
 
 $tokens: (
   'border': (
@@ -1494,6 +1494,7 @@ $tokens: (
       'border': $color-tooltip-border
     )
   ),
+  'preset': $preset,
   'radius': (
     's': $radius-s,
     'm': $radius-m,
@@ -1633,6 +1634,5 @@ $tokens: (
     'xl-medium': $screen-xl-medium,
     'xl-large': $screen-xl-large,
     'xxl': $screen-xxl
-  ),
-  'preset': $preset
+  )
 );

package/bricoman/assets/tokens/bricoman/js/tokens.js

@@ -481,6 +481,7 @@ export const ColorToggleDisabledCheckedBackground = "#b8bef4";
 export const ColorToggleDisabledCheckedCircle = "#ffffff";
 export const ColorTooltipBackground = "#4d4d4d";
 export const ColorTooltipBorder = "#ffffff";
+export const Preset = "bricoman";
 export const RadiusS = 2;
 export const RadiusM = 4;
 export const RadiusL = 6;
@@ -575,4 +576,3 @@ export const ScreenXl = "1280px";
 export const ScreenXlMedium = "1440px";
 export const ScreenXlLarge = "1680px";
 export const ScreenXxl = "1920px";
-export const Preset = "bricoman";

package/bricoman/assets/tokens/bricoman/js/tokensObject.js

@@ -10471,6 +10471,21 @@ module.exports = {
       }
     }
   },
+  "preset": {
+    "value": "bricoman",
+    "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
+    "isSource": true,
+    "original": {
+      "value": "bricoman"
+    },
+    "name": "Preset",
+    "attributes": {
+      "category": "preset"
+    },
+    "path": [
+      "preset"
+    ]
+  },
   "radius": {
     "s": {
       "value": 2,
@@ -12484,20 +12499,5 @@ module.exports = {
         "xxl"
       ]
     }
-  },
-  "preset": {
-    "value": "bricoman",
-    "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/preset.json",
-    "isSource": true,
-    "original": {
-      "value": "bricoman"
-    },
-    "name": "Preset",
-    "attributes": {
-      "category": "preset"
-    },
-    "path": [
-      "preset"
-    ]
   }
 };

package/bricoman/assets/tokens/bricoman/scss/_tokens.scss

@@ -482,6 +482,7 @@ $color-toggle-disabled-checked-background: #b8bef4 !default;
 $color-toggle-disabled-checked-circle: #ffffff !default;
 $color-tooltip-background: #4d4d4d !default;
 $color-tooltip-border: #ffffff !default;
+$preset: bricoman !default;
 $radius-s: 2 !default;
 $radius-m: 4 !default;
 $radius-l: 6 !default;
@@ -576,7 +577,6 @@ $screen-xl: 1280px !default;
 $screen-xl-medium: 1440px !default;
 $screen-xl-large: 1680px !default;
 $screen-xxl: 1920px !default;
-$preset: bricoman !default;
 
 $tokens: (
   'border': (
@@ -1494,6 +1494,7 @@ $tokens: (
       'border': $color-tooltip-border
     )
   ),
+  'preset': $preset,
   'radius': (
     's': $radius-s,
     'm': $radius-m,
@@ -1633,6 +1634,5 @@ $tokens: (
     'xl-medium': $screen-xl-medium,
     'xl-large': $screen-xl-large,
     'xxl': $screen-xxl
-  ),
-  'preset': $preset
+  )
 );

package/bricoman/components/autocomplete/autocomplete.component.d.ts

@@ -28,6 +28,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     searchUpdated: EventEmitter<string>;
     inputClicked: EventEmitter<boolean>;
     scrollEnd: EventEmitter<boolean>;
+    isOpen: EventEmitter<boolean>;
     taglistComponent: TaglistComponent;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
@@ -43,6 +44,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    openChangeEvent($event: boolean): void;
     openListbox(): void;
     closeListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
@@ -58,5 +60,5 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     focusoutEvent($event: any): void;
     scrollEndEvent($event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

package/bricoman/components/card/card.component.d.ts

@@ -0,0 +1,11 @@
+import { CardImageRatio } from './model/card';
+import * as i0 from "@angular/core";
+export declare class CardComponent {
+    outlined: boolean;
+    fluid: boolean;
+    imageSrc?: string;
+    imageAlt?: string;
+    imageRatio?: CardImageRatio;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "moz-card", never, { "outlined": "outlined"; "fluid": "fluid"; "imageSrc": "imageSrc"; "imageAlt": "imageAlt"; "imageRatio": "imageRatio"; }, {}, never, ["[title]", "[subtitle]", "[content]", "[footer]"], false, never>;
+}

package/bricoman/components/card/card.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./card.component";
+import * as i2 from "@angular/common";
+export declare class CardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, [typeof i1.CardComponent], [typeof i2.CommonModule], [typeof i1.CardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
+}

package/bricoman/components/card/index.d.ts

@@ -0,0 +1,3 @@
+export * from './card.module';
+export * from './card.component';
+export * from './model/card';

package/bricoman/components/card/model/card.d.ts

@@ -0,0 +1 @@
+export type CardImageRatio = '1x1' | '4x3' | '16x9';

package/bricoman/components/card/public-api.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/bricoman/components/datatable/components/selection/moz-datatable-selection.component.d.ts

@@ -6,21 +6,30 @@ export declare class MozDatatableSelectionComponent implements OnChanges {
     private ref;
     selectionSettings?: SelectionSettings;
     paginationEnabled?: boolean;
+    allowAllSelected: boolean;
     rowData?: RowData[];
     updateSelectionAllEmitter: EventEmitter<SelectionSettings>;
     isIndeterminate: boolean;
     constructor(ref: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
-    private updateSelection;
     selectAll(): void;
     clearAll(): void;
     isAllPageRowAreSelected(): boolean;
     onUdpateSelectionRow(row: RowData): void;
     onUdpateSelectionAllPageRows($event: any): void;
     handleCountItemSelection(row: RowData): void;
+    private canSwitchtoAllSelectedMode;
+    private switchtoAllSelectedMode;
     private handleCountAllSelection;
+    private updateSelection;
     private updateSelectedValueOnRowData;
     private isSelectionIndeterminate;
+    /**
+     * if the value is an object so the resulted id == '[object Object]'
+     * @param row
+     * @private
+     */
+    private getId;
     static ɵfac: i0.ɵɵFactoryDeclaration<MozDatatableSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableSelectionComponent, "moz-datatable-selection", never, { "selectionSettings": "selectionSettings"; "paginationEnabled": "paginationEnabled"; "rowData": "rowData"; }, { "updateSelectionAllEmitter": "updateSelectionAllEmitter"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableSelectionComponent, "moz-datatable-selection", never, { "selectionSettings": "selectionSettings"; "paginationEnabled": "paginationEnabled"; "allowAllSelected": "allowAllSelected"; "rowData": "rowData"; }, { "updateSelectionAllEmitter": "updateSelectionAllEmitter"; }, never, never, false, never>;
 }

package/bricoman/components/datatable/moz-datatable.component.d.ts

@@ -12,7 +12,9 @@ import * as i0 from "@angular/core";
 export declare class MozDatatableComponent implements AfterContentInit {
     footerSettings?: FooterSettings;
     selectionSettings?: SelectionSettings;
+    allowAllSelected: boolean;
     datatableSettings?: DatatableSettings;
+    tableSummary: string;
     rowClick: EventEmitter<RowData>;
     sortColumn: EventEmitter<unknown>;
     rowSelected: EventEmitter<SelectionSettings>;
@@ -30,6 +32,7 @@ export declare class MozDatatableComponent implements AfterContentInit {
     customContentCellsMap: Map<string, TemplateRef<any>>;
     expandedRows: boolean[];
     ngAfterContentInit(): void;
+    resetSelection(): void;
     buildCustomHeaderMap(): void;
     buildCustomContentMap(): void;
     getCustomExpansionRowContent(): TemplateRef<any> | undefined;
@@ -51,5 +54,5 @@ export declare class MozDatatableComponent implements AfterContentInit {
     getColumns(): any;
     getFields(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<MozDatatableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableComponent, "moz-datatable", never, { "footerSettings": "footerSettings"; "selectionSettings": "selectionSettings"; "datatableSettings": "datatableSettings"; }, { "rowClick": "rowClick"; "sortColumn": "sortColumn"; "rowSelected": "rowSelected"; "rowAllSelected": "rowAllSelected"; "emptyBodyButtonClicked": "emptyBodyButtonClicked"; "pageChange": "pageChange"; "rowPerPageChange": "rowPerPageChange"; }, ["expansionContentComponent", "headerCellComponents", "contentCellComponents"], ["moz-datatable-caption"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MozDatatableComponent, "moz-datatable", never, { "footerSettings": "footerSettings"; "selectionSettings": "selectionSettings"; "allowAllSelected": "allowAllSelected"; "datatableSettings": "datatableSettings"; "tableSummary": "tableSummary"; }, { "rowClick": "rowClick"; "sortColumn": "sortColumn"; "rowSelected": "rowSelected"; "rowAllSelected": "rowAllSelected"; "emptyBodyButtonClicked": "emptyBodyButtonClicked"; "pageChange": "pageChange"; "rowPerPageChange": "rowPerPageChange"; }, ["expansionContentComponent", "headerCellComponents", "contentCellComponents"], ["moz-datatable-caption"], false, never>;
 }

package/bricoman/components/dropdown/dropdown.component.d.ts

@@ -1,12 +1,11 @@
-import { ChangeDetectorRef, EventEmitter, Injector } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { ListboxItem } from '../listbox/model/listbox-item';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { ControlValueAccessor } from '@angular/forms';
 import { TagItem } from '../tag/tag-type';
 import { TaglistComponent } from '../taglist/taglist.component';
 import { ButtonSizes } from '../button/button';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements ControlValueAccessor {
-    private injector;
     private cd;
     listboxItems: ListboxItem[];
     multiple: boolean;
@@ -25,16 +24,16 @@ export declare class DropdownComponent implements ControlValueAccessor {
     openState: boolean;
     labelClearButton: string;
     scrollEnd: EventEmitter<boolean>;
+    isOpen: EventEmitter<boolean>;
     taglistComponent: TaglistComponent;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
-    control: FormControl;
-    onDropdownChange: any;
-    onDropdownTouch: any;
-    constructor(injector: Injector, cd: ChangeDetectorRef);
-    ngOnInit(): void;
+    onChange: any;
+    onTouch: any;
+    constructor(cd: ChangeDetectorRef);
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    openChangeEvent($event: boolean): void;
     openListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
     clearFieldEvent(): void;
@@ -48,5 +47,5 @@ export declare class DropdownComponent implements ControlValueAccessor {
     removeTagEvent($event: TagItem): void;
     scrollEndEvent($event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

package/bricoman/components/header/header.component.d.ts

@@ -1,8 +1,9 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { BadgeType } from '../badge/badge';
 import { Direction, titleSizes } from './model/header';
+import { BreadcrumbComponent } from '../breadcrumb';
 import * as i0 from "@angular/core";
-export declare class HeaderComponent implements AfterViewInit {
+export declare class HeaderComponent implements AfterViewInit, AfterContentInit {
     private cdRef;
     private elementRef;
     title: string;
@@ -19,10 +20,10 @@ export declare class HeaderComponent implements AfterViewInit {
     directionChangeEvent: EventEmitter<Direction>;
     headerStateEvent: EventEmitter<string>;
     tabsRef?: ElementRef;
-    breadcrumbRef?: ElementRef;
     header: ElementRef;
     icons: ElementRef;
     selector: ElementRef;
+    breadcrumb?: BreadcrumbComponent;
     contentChildren: QueryList<ElementRef>;
     headerHeight: number;
     pinned: boolean;
@@ -35,6 +36,7 @@ export declare class HeaderComponent implements AfterViewInit {
     private animate;
     constructor(cdRef: ChangeDetectorRef, elementRef: ElementRef);
     ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
     onParentScrollWithOnlyAnimation(parentElement: HTMLElement): void;
     scrollWithOnlyAnimation(): void;
     onParentScrollWithAnimationAndSticky(parentElement: HTMLElement): void;
@@ -44,5 +46,5 @@ export declare class HeaderComponent implements AfterViewInit {
     back(): void;
     triggerAnimation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "moz-header", never, { "title": "title"; "subtitle": "subtitle"; "badgeType": "badgeType"; "badgeContent": "badgeContent"; "size": "size"; "showShadow": "showShadow"; "sticky": "sticky"; "activateAnimation": "activateAnimation"; "showBack": "showBack"; "backButtonLabel": "backButtonLabel"; }, { "backEvent": "backEvent"; "directionChangeEvent": "directionChangeEvent"; "headerStateEvent": "headerStateEvent"; }, ["contentChildren"], ["moz-breadcrumb", "[icons]", "[selector]", "moz-tabs"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "moz-header", never, { "title": "title"; "subtitle": "subtitle"; "badgeType": "badgeType"; "badgeContent": "badgeContent"; "size": "size"; "showShadow": "showShadow"; "sticky": "sticky"; "activateAnimation": "activateAnimation"; "showBack": "showBack"; "backButtonLabel": "backButtonLabel"; }, { "backEvent": "backEvent"; "directionChangeEvent": "directionChangeEvent"; "headerStateEvent": "headerStateEvent"; }, ["breadcrumb", "contentChildren"], ["moz-breadcrumb", "[icons]", "[selector]", "moz-tabs"], false, never>;
 }

package/bricoman/components/listbox/listbox.component.d.ts

@@ -1,9 +1,11 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ListboxItem, Type } from './model/listbox-item';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ListboxComponent {
+export declare class ListboxComponent implements OnDestroy, AfterViewInit, OnInit {
     private eRef;
+    listboxElementRef: ElementRef;
+    contentElementRef: ElementRef;
     listboxItems: any;
     multiple: boolean;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
@@ -17,17 +19,15 @@ export declare class ListboxComponent {
     itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
     scrollEnd: EventEmitter<boolean>;
     isOpenChange: EventEmitter<boolean>;
-    listboxElementRef: ElementRef;
-    contentElementRef: ElementRef;
-    set isOpen(value: boolean);
-    get isOpen(): boolean;
     uuid: number;
     originalParent?: HTMLElement | null;
     destroyed: Subject<unknown>;
     private _isOpen;
     constructor(eRef: ElementRef);
-    ngOnInit(): void;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
     clickout(event: Event): void;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     addScrollListeners(element: HTMLElement): void;
     scroll(): void;
@@ -46,7 +46,7 @@ export declare class ListboxComponent {
     getInputName(): string | null;
     scrollEvent(event: Event): void;
     getItems(): ListboxItem[][];
-    trackByIndex(index: number, item: any): any;
+    trackByIndex(index: number): number;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "moz-listbox", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "selectedItems": "selectedItems"; "type": "type"; "overlay": "overlay"; "maxWidth": "maxWidth"; "maxHeight": "maxHeight"; "width": "width"; "disabled": "disabled"; "withoutOverflow": "withoutOverflow"; "isOpen": "isOpen"; }, { "itemsSelected": "itemsSelected"; "scrollEnd": "scrollEnd"; "isOpenChange": "isOpenChange"; }, never, ["[reference]"], false, never>;

package/bricoman/components/phone-number/phone-number.component.d.ts

@@ -1,11 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { ListboxItem } from '../listbox';
 import { Subject } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class PhoneNumberComponent implements OnDestroy, ControlValueAccessor {
-    private eRef;
-    private cd;
+export declare class PhoneNumberComponent implements ControlValueAccessor {
     phoneNumbersByCountry: ListboxItem[];
     label?: string;
     valid: boolean;
@@ -16,28 +14,22 @@ export declare class PhoneNumberComponent implements OnDestroy, ControlValueAcce
     requirementText?: string;
     helpText?: string;
     phoneNumber?: string;
+    openState: boolean;
     phoneNumberContentChangeEvent: EventEmitter<string>;
     phoneNumberContentBlurEvent: EventEmitter<string>;
-    openState: boolean;
     selectedPhoneNumber: ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
     destroyed: Subject<unknown>;
     phoneNumberTypeChange: any;
     onTouch: any;
-    listboxElementRef: ElementRef;
     buttonElementRef: ElementRef;
-    constructor(eRef: ElementRef, cd: ChangeDetectorRef);
     writeValue(value: ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    clickout(event: Event): void;
-    closeListbox(): void;
     openListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem | ListboxItem[]): void;
     phoneNumberBlur($event: any): void;
     phoneNumberContentChange($event: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberComponent, "moz-phone-number", never, { "phoneNumbersByCountry": "phoneNumbersByCountry"; "label": "label"; "valid": "valid"; "invalid": "invalid"; "errorMessage": "errorMessage"; "placeholder": "placeholder"; "withFlag": "withFlag"; "requirementText": "requirementText"; "helpText": "helpText"; "phoneNumber": "phoneNumber"; }, { "phoneNumberContentChangeEvent": "phoneNumberContentChangeEvent"; "phoneNumberContentBlurEvent": "phoneNumberContentBlurEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneNumberComponent, "moz-phone-number", never, { "phoneNumbersByCountry": "phoneNumbersByCountry"; "label": "label"; "valid": "valid"; "invalid": "invalid"; "errorMessage": "errorMessage"; "placeholder": "placeholder"; "withFlag": "withFlag"; "requirementText": "requirementText"; "helpText": "helpText"; "phoneNumber": "phoneNumber"; "openState": "openState"; }, { "phoneNumberContentChangeEvent": "phoneNumberContentChangeEvent"; "phoneNumberContentBlurEvent": "phoneNumberContentBlurEvent"; }, never, never, false, never>;
 }

package/bricoman/components/public-api.d.ts

@@ -48,3 +48,4 @@ export * from './text-area/public-api';
 export * from './text-input/public-api';
 export * from './toggle/public-api';
 export * from './tooltip/public-api';
+export * from './card/public-api';

package/bricoman/components/tabs/tab.component.d.ts

@@ -1,16 +1,18 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { RouterLinkActive, RouterLinkWithHref } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class TabComponent<T = any> {
     readonly routerLinkActive: RouterLinkActive | null;
     readonly routerLink: RouterLinkWithHref | null;
+    readonly cdRef: ChangeDetectorRef;
     index: number;
     disabled: boolean;
     data: T | null;
     selected: boolean;
-    constructor(routerLinkActive: RouterLinkActive | null, routerLink: RouterLinkWithHref | null);
+    constructor(routerLinkActive: RouterLinkActive | null, routerLink: RouterLinkWithHref | null, cdRef: ChangeDetectorRef);
     get isAvailableTabForSelection(): boolean;
     get isActiveTab(): boolean;
     get link(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent<any>, [{ optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent<any>, [{ optional: true; }, { optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent<any>, "a[moz-tab],span[moz-tab],div[moz-tab]", never, { "disabled": "disabled"; "data": "data"; }, {}, never, ["*"], false, never>;
 }

package/bricoman/components/tabs/tabs.component.d.ts

@@ -32,5 +32,5 @@ export declare class TabsComponent implements AfterViewInit, OnDestroy, OnChange
     private filterTabsElement;
     private selectTab;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [null, null, { optional: true; host: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "moz-tabs", never, { "fullWidth": "fullWidth"; "fullWidthCenter": "fullWidthCenter"; "hideShadow": "hideShadow"; "selectTabIndex": "selectTabIndex"; }, { "selectedTabChange": "selectedTabChange"; }, ["tabs"], ["[moz-tab]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "moz-tabs", never, { "fullWidth": "fullWidth"; "fullWidthCenter": "fullWidthCenter"; "hideShadow": "hideShadow"; "selectTabIndex": "selectTabIndex"; }, { "selectedTabChange": "selectedTabChange"; }, ["tabs"], ["div [moz-tab]"], false, never>;
 }