@mozaic-ds/angular 0.24.0-beta.0 → 0.24.0-beta.2

package/adeo/package.json

@@ -1,16 +1,7 @@
 {
   "name": "@mozaic-ds/angular",
-  "version": "0.24.0-beta.0",
+  "version": "0.24.0-beta.2",
   "exports": {
-    ".": {
-      "sass": "./_index.scss",
-      "types": "./index.d.ts",
-      "esm2020": "./esm2020/mozaic-ds-angular.mjs",
-      "es2020": "./fesm2020/mozaic-ds-angular.mjs",
-      "es2015": "./fesm2015/mozaic-ds-angular.mjs",
-      "node": "./fesm2015/mozaic-ds-angular.mjs",
-      "default": "./fesm2020/mozaic-ds-angular.mjs"
-    },
     "./adeo": {
       "types": "./adeo/index.d.ts",
       "esm2020": "./adeo/esm2020/mozaic-ds-angular.mjs",
@@ -21,6 +12,14 @@
     },
     "./package.json": {
       "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/mozaic-ds-angular.mjs",
+      "es2020": "./fesm2020/mozaic-ds-angular.mjs",
+      "es2015": "./fesm2015/mozaic-ds-angular.mjs",
+      "node": "./fesm2015/mozaic-ds-angular.mjs",
+      "default": "./fesm2020/mozaic-ds-angular.mjs"
     }
   },
   "peerDependencies": {
@@ -37,4 +36,4 @@
   "fesm2015": "fesm2015/mozaic-ds-angular.mjs",
   "typings": "index.d.ts",
   "sideEffects": false
-}
+}

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

@@ -1,5 +1,5 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { TaglistComponent } from '../taglist/taglist.component';
 import { Subject } from 'rxjs';
@@ -7,6 +7,7 @@ import { TagItem } from '../tag/tag-type';
 import { TextInputSize } from '../text-input/text-input';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements AfterViewInit, OnDestroy, OnInit, ControlValueAccessor {
+    private injector;
     private eRef;
     private cd;
     listboxItems: ListboxItem[];
@@ -22,20 +23,22 @@ export declare class AutocompleteComponent implements AfterViewInit, OnDestroy,
     maxShowingSelectedTags: number;
     layerTagsTitle: string;
     layerTagsIcon: string;
-    noResultsFoundLabel: string;
+    errorContentText: string;
+    withSearchFilter: boolean;
+    openState: boolean;
     searchUpdated: EventEmitter<string>;
     taglistComponent: TaglistComponent;
     listboxElementRef: ElementRef;
-    openState: boolean;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
     destroyed: Subject<unknown>;
     search: string;
     initialListboxItems: ListboxItem[];
-    onChange: any;
+    onAutocompleteChange: any;
     onTouch: any;
     noResults: boolean;
-    constructor(eRef: ElementRef, cd: ChangeDetectorRef);
+    control: FormControl;
+    constructor(injector: Injector, eRef: ElementRef, cd: ChangeDetectorRef);
     ngOnInit(): void;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
@@ -55,5 +58,5 @@ export declare class AutocompleteComponent implements AfterViewInit, OnDestroy,
     removeTagEvent($event: TagItem): void;
     searchEvent(): 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"; "showSelectedTags": "showSelectedTags"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "noResultsFoundLabel": "noResultsFoundLabel"; }, { "searchUpdated": "searchUpdated"; }, 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"; "showSelectedTags": "showSelectedTags"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; }, { "searchUpdated": "searchUpdated"; }, never, never, false, never>;
 }

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

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

package/components/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { BreadcrumbItem } from './model/breadcrumb-item';
+import * as i0 from "@angular/core";
+export declare class BreadcrumbComponent {
+    items: BreadcrumbItem[];
+    darkMode: boolean;
+    responsive: boolean;
+    clickLinkEvent: EventEmitter<string>;
+    getActiveItemIndex(): number;
+    navigate(item: BreadcrumbItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "moz-breadcrumb", never, { "items": "items"; "darkMode": "darkMode"; "responsive": "responsive"; }, { "clickLinkEvent": "clickLinkEvent"; }, never, never, false, never>;
+}

package/components/breadcrumb/breadcrumb.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumb.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../link/link.module";
+import * as i4 from "@angular/router";
+export declare class BreadcrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadcrumbModule, [typeof i1.BreadcrumbComponent], [typeof i2.CommonModule, typeof i3.LinkModule, typeof i4.RouterModule], [typeof i1.BreadcrumbComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BreadcrumbModule>;
+}

package/components/breadcrumb/index.d.ts

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

package/components/breadcrumb/model/breadcrumb-item.d.ts

@@ -0,0 +1,6 @@
+export interface BreadcrumbItem {
+    label: string;
+    route?: string;
+    active?: boolean;
+    href?: string;
+}

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

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

package/components/built-it-menu/built-it-menu.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import { BuiltItMenu } from './model/built-it-menu';
+import * as i0 from "@angular/core";
+export declare class BuiltItMenuComponent {
+    menuItems: BuiltItMenu[];
+    modelValue: number;
+    clickMenuItem: EventEmitter<BuiltItMenu>;
+    protected navigate(menuItem: BuiltItMenu, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuiltItMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BuiltItMenuComponent, "moz-built-it-menu", never, { "menuItems": "menuItems"; "modelValue": "modelValue"; }, { "clickMenuItem": "clickMenuItem"; }, never, never, false, never>;
+}

package/components/built-it-menu/built-it-menu.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./built-it-menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+export declare class BuiltItMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BuiltItMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BuiltItMenuModule, [typeof i1.BuiltItMenuComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.BuiltItMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BuiltItMenuModule>;
+}

package/components/built-it-menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './built-it-menu.component';
+export * from './built-it-menu.module';

package/components/built-it-menu/model/built-it-menu.d.ts

@@ -0,0 +1,9 @@
+export interface BuiltItMenu {
+    label: string;
+    route?: string;
+    isActive?: boolean;
+    icon?: string;
+    iconColor?: string;
+    disabled?: boolean;
+    link?: string;
+}

package/components/built-it-menu/public-api.d.ts

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

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

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

package/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/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/components/card/index.d.ts

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { FooterSettings } from '../../model/footer-settings';
 import * as i0 from "@angular/core";
-export declare class MozDatatableFooterComponent implements OnInit {
+export declare class MozDatatableFooterComponent implements OnChanges {
     footerSettings?: FooterSettings;
     isLoading?: boolean;
     rowPerPageChangeEmitter: EventEmitter<number>;
@@ -9,7 +9,7 @@ export declare class MozDatatableFooterComponent implements OnInit {
     selectedRowPerPage: number;
     currentPage: number;
     totalItems: number;
-    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     calculateNumberOfPage(): number;
     calculateCountEnd(): number;
     calculateCountStart(): number;

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

@@ -1,12 +1,13 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { Subject } from 'rxjs';
-import { ControlValueAccessor } from '@angular/forms';
+import { ControlValueAccessor, FormControl } 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 AfterViewInit, OnDestroy, ControlValueAccessor {
+export declare class DropdownComponent implements AfterViewInit, OnDestroy, ControlValueAccessor, OnInit {
+    private injector;
     private eRef;
     private cd;
     listboxItems: ListboxItem[];
@@ -28,9 +29,11 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
     destroyed: Subject<unknown>;
-    onChange: any;
+    control: FormControl;
+    onDropdownChange: any;
     onTouch: any;
-    constructor(eRef: ElementRef, cd: ChangeDetectorRef);
+    constructor(injector: Injector, eRef: ElementRef, cd: ChangeDetectorRef);
+    ngOnInit(): void;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;

package/components/field/index.d.ts

@@ -0,0 +1,4 @@
+export * from './directives/input-icon.directive';
+export * from './field-error.component';
+export * from './field.component';
+export * from './field.module';

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

@@ -1,4 +1 @@
-export * from './directives/input-icon.directive';
-export * from './field-error.component';
-export * from './field.component';
-export * from './field.module';
+export * from './index';

package/components/file-uploader/components/uploaded-files/uploaded-files.component.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class UploadedFilesComponent {
+    uploadedFiles: File[] | null;
+    formControlNameForFiles: string[];
+    validatorsForFiles?: Function;
+    allowedTypes: string[];
+    fileTypeErrorText?: string;
+    deletedFile: EventEmitter<File>;
+    filesFormGroup: FormGroup;
+    deleteFile(file: File): void;
+    isFileValid(file: File): string | null;
+    isValidType(file: File): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadedFilesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadedFilesComponent, "moz-uploaded-files", never, { "uploadedFiles": "uploadedFiles"; "formControlNameForFiles": "formControlNameForFiles"; "validatorsForFiles": "validatorsForFiles"; "allowedTypes": "allowedTypes"; "fileTypeErrorText": "fileTypeErrorText"; }, { "deletedFile": "deletedFile"; }, never, never, false, never>;
+}

package/components/file-uploader/directives/moz-drag-n-drop.directive.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MozDragNDropDirective {
+    fileOver: boolean;
+    fileDroppedEvent: EventEmitter<File[]>;
+    onDragOver(evt: Event): void;
+    onDragLeave(evt: Event): void;
+    ondrop(evt: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MozDragNDropDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MozDragNDropDirective, "[mozDragNDrop]", never, {}, { "fileDroppedEvent": "fileDroppedEvent"; }, never, never, false, never>;
+}

package/components/file-uploader/file-uploader.component.d.ts

@@ -0,0 +1,33 @@
+import { Injector, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FileUploaderComponent implements ControlValueAccessor, OnInit {
+    private injector;
+    allowedTypes: string[];
+    multiple: boolean;
+    disabled: boolean;
+    btnLabel?: string;
+    attachmentLabel?: string;
+    mandatoryLabel?: string;
+    helpText?: string;
+    fileTypeErrorText?: string;
+    validatorsForFiles?: Function;
+    uuid: number;
+    uploadedFiles: File[];
+    control: FormControl;
+    isContentProjected: boolean;
+    onFileChange?: (files: File[]) => void;
+    onTouched?: () => void;
+    constructor(injector: Injector);
+    ngOnInit(): void;
+    writeValue(files: File[]): void;
+    registerOnChange(fn: (file: File[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    private uploadFile;
+    uploadFileFromInput(event: Event): void;
+    deleteFile(file: File): void;
+    getAllowedTypesAsString(): string;
+    fileDropped(files: File[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploaderComponent, "moz-file-uploader", never, { "allowedTypes": "allowedTypes"; "multiple": "multiple"; "disabled": "disabled"; "btnLabel": "btnLabel"; "attachmentLabel": "attachmentLabel"; "mandatoryLabel": "mandatoryLabel"; "helpText": "helpText"; "fileTypeErrorText": "fileTypeErrorText"; "validatorsForFiles": "validatorsForFiles"; }, {}, never, never, false, never>;
+}

package/components/file-uploader/file-uploader.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-uploader.component";
+import * as i2 from "./components/uploaded-files/uploaded-files.component";
+import * as i3 from "./directives/moz-drag-n-drop.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+export declare class FileUploaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploaderModule, [typeof i1.FileUploaderComponent, typeof i2.UploadedFilesComponent, typeof i3.MozDragNDropDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule], [typeof i1.FileUploaderComponent, typeof i2.UploadedFilesComponent, typeof i3.MozDragNDropDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FileUploaderModule>;
+}

package/components/file-uploader/index.d.ts

@@ -0,0 +1,4 @@
+export * from './file-uploader.module';
+export * from './file-uploader.component';
+export * from './components/uploaded-files/uploaded-files.component';
+export * from './directives/moz-drag-n-drop.directive';

package/components/file-uploader/public-api.d.ts

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

package/components/icon/index.d.ts

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

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

@@ -1,3 +1 @@
-export * from './icon.component';
-export * from './icon.module';
-export * from './icon.service';
+export * from './index';

package/components/layer/index.d.ts

@@ -0,0 +1,5 @@
+export * from './interfaces';
+export * from './layer.component';
+export * from './layer.module';
+export * from './layer.service';
+export * from './tokens';

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

@@ -1,5 +1 @@
-export * from './interfaces';
-export * from './layer.component';
-export * from './layer.module';
-export * from './layer.service';
-export * from './tokens';
+export * from './index';

package/components/link/index.d.ts

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

package/components/link/link.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { RouterLinkActive, RouterLinkWithHref } from '@angular/router';
+import { LinkIconPosition, LinkSize, LinkTheme } from './model/link-utils';
+import * as i0 from "@angular/core";
+export declare class LinkComponent {
+    readonly routerLinkActive: RouterLinkActive | null;
+    readonly routerLink: RouterLinkWithHref | null;
+    size: LinkSize;
+    theme?: LinkTheme;
+    iconPosition?: LinkIconPosition;
+    disabled?: boolean;
+    showIcon?: boolean;
+    active?: boolean;
+    href?: string;
+    clickLinkEvent: EventEmitter<string>;
+    constructor(routerLinkActive: RouterLinkActive | null, routerLink: RouterLinkWithHref | null);
+    check($event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "moz-link", never, { "size": "size"; "theme": "theme"; "iconPosition": "iconPosition"; "disabled": "disabled"; "showIcon": "showIcon"; "active": "active"; "href": "href"; }, { "clickLinkEvent": "clickLinkEvent"; }, never, ["*"], false, never>;
+}

package/components/link/link.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./link.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.module";
+export declare class LinkModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LinkModule, [typeof i1.LinkComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.LinkComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LinkModule>;
+}

package/components/link/model/link-utils.d.ts

@@ -0,0 +1,3 @@
+export type LinkTheme = 'light' | 'primary' | 'danger' | 'primary-02' | '';
+export type LinkSize = 's' | 'm';
+export type LinkIconPosition = 'right' | 'left';

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

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

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

@@ -1,7 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter, OnChanges } from '@angular/core';
 import { ListboxItem } from './model/listbox-item';
 import * as i0 from "@angular/core";
-export declare class ListboxComponent implements OnInit {
+export declare class ListboxComponent implements OnChanges {
     listboxItems: ListboxItem[];
     multiple: boolean;
     isOpen: boolean;
@@ -10,7 +10,7 @@ export declare class ListboxComponent implements OnInit {
     itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
     uuid: number;
     selectedItem?: string;
-    ngOnInit(): void;
+    ngOnChanges(): void;
     selectedItemEvent(listboxItem: ListboxItem): void;
     isChecked(listboxItem: ListboxItem): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;

package/components/listbox/model/listbox-item.d.ts

@@ -1,6 +1,8 @@
+import { CountryCode } from 'libphonenumber-js';
 export interface ListboxItem {
     icon?: string;
     value: string;
     label: string;
     disabled?: boolean;
+    countryCode?: CountryCode;
 }

package/components/loader/index.d.ts

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

package/components/loader/loader.component.d.ts

@@ -6,8 +6,8 @@ export declare class LoaderComponent {
     size: LoaderSize;
     theme: LoaderTheme;
     isOverlay: boolean;
-    hideOverlay: boolean;
     text: string;
+    hideOverlay: boolean;
     get viewText(): boolean;
     get overlayCssClasses(): {
         'mc-overlay-loader': boolean;
@@ -21,5 +21,5 @@ export declare class LoaderComponent {
     get radius(): number;
     constructor(cd: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "moz-loader", never, { "size": "size"; "theme": "theme"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderComponent, "moz-loader", never, { "size": "size"; "theme": "theme"; "isOverlay": "isOverlay"; "text": "text"; "hideOverlay": "hideOverlay"; }, {}, never, never, false, never>;
 }

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

@@ -1,3 +1 @@
-export * from './loader.component';
-export * from './loader.module';
-export * from './loader.service';
+export * from './index';

package/components/notification/index.d.ts

@@ -0,0 +1,8 @@
+export * from './notification';
+export * from './notification-container.component';
+export * from './notification-footer';
+export * from './notification-message';
+export * from './notification-title';
+export * from './notification.component';
+export * from './notification.module';
+export * from './notification.service';

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

@@ -1,8 +1 @@
-export * from './notification';
-export * from './notification-container.component';
-export * from './notification-footer';
-export * from './notification-message';
-export * from './notification-title';
-export * from './notification.component';
-export * from './notification.module';
-export * from './notification.service';
+export * from './index';

package/components/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from './pagination.component';
+export * from './pagination.module';

package/components/pagination/pagination.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { GlobalEventsService } from '../../common';
@@ -14,6 +14,7 @@ export declare class PaginationComponent implements ControlValueAccessor {
     pageLabel: string;
     pageOfLabel: string;
     pageTitleMask: (page: number, numberOfPages: number) => string;
+    pageChangeEvent: EventEmitter<number>;
     onChange: any;
     onTouch: any;
     currentPage: number;
@@ -44,5 +45,5 @@ export declare class PaginationComponent implements ControlValueAccessor {
     private chooseSelectSize;
     private needRenderPages;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "moz-pagination", never, { "numberOfPages": "numberOfPages"; "light": "light"; "pageLabel": "pageLabel"; "pageOfLabel": "pageOfLabel"; "pageTitleMask": "pageTitleMask"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "moz-pagination", never, { "numberOfPages": "numberOfPages"; "light": "light"; "pageLabel": "pageLabel"; "pageOfLabel": "pageOfLabel"; "pageTitleMask": "pageTitleMask"; }, { "pageChangeEvent": "pageChangeEvent"; }, never, never, false, never>;
 }

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

@@ -1,2 +1 @@
-export * from './pagination.component';
-export * from './pagination.module';
+export * from './index';

package/components/phone-number/index.d.ts

@@ -0,0 +1,2 @@
+export * from './phone-number.component';
+export * from './phone-number.module';

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

@@ -0,0 +1,43 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy } 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;
+    phoneNumbersByCountry: ListboxItem[];
+    label?: string;
+    valid: boolean;
+    invalid: boolean;
+    errorMessage?: string;
+    placeholder?: string;
+    withFlag: boolean;
+    requirementText?: string;
+    helpText?: string;
+    phoneNumber?: string;
+    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>;
+}

package/components/phone-number/phone-number.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./phone-number.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../listbox/listbox.module";
+import * as i5 from "../field/field.module";
+import * as i6 from "../text-input/text-input.module";
+export declare class PhoneNumberModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneNumberModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneNumberModule, [typeof i1.PhoneNumberComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.ListboxModule, typeof i5.FieldModule, typeof i6.TextInputModule], [typeof i1.PhoneNumberComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PhoneNumberModule>;
+}

package/components/phone-number/public-api.d.ts

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