@mozaic-ds/angular 0.30.2-test.0 → 0.31.0-rc.0

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

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { TextInputSize } from '../text-input/text-input';
-import { ListboxComponent } from '../listbox';
+import { ListboxComponent } from '../listbox/listbox.component';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges {
     private readonly cd;
@@ -24,6 +24,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     openState: boolean;
     labelClearButton: string;
     useVirtualScroll: boolean;
+    maxSelectable: number;
     searchUpdated: EventEmitter<string>;
     inputClicked: EventEmitter<boolean>;
     scrollEnd: EventEmitter<boolean>;
@@ -32,6 +33,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     originalListboxParent?: HTMLElement | null;
     initialListboxItems: ListboxItem[];
     noResults: boolean;
+    originallyDisabledItems: Set<string>;
     _searchValue: string;
     constructor(cd: ChangeDetectorRef);
     get searchValue(): string;
@@ -42,11 +44,11 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    triggerUpdatePosition(): void;
     openChangeEvent($event: boolean): void;
     openListbox(): void;
     closeListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
+    isItemDisabled(item: ListboxItem): boolean;
     clearFieldEvent(): void;
     getMultiSelectedLabel(): string;
     getSelectedListboxItems(): ListboxItem[];
@@ -56,6 +58,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     focusinEvent(): void;
     focusoutEvent($event: any): void;
     scrollEndEvent($event: boolean): void;
+    private updateItemsDisabledState;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearfield": { "alias": "clearfield"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showSelectedTag": { "alias": "showSelectedTag"; "required": false; }; "layerTagsTitle": { "alias": "layerTagsTitle"; "required": false; }; "layerTagsIcon": { "alias": "layerTagsIcon"; "required": false; }; "errorContentText": { "alias": "errorContentText"; "required": false; }; "withSearchFilter": { "alias": "withSearchFilter"; "required": false; }; "openState": { "alias": "openState"; "required": false; }; "labelClearButton": { "alias": "labelClearButton"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearfield": { "alias": "clearfield"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showSelectedTag": { "alias": "showSelectedTag"; "required": false; }; "layerTagsTitle": { "alias": "layerTagsTitle"; "required": false; }; "layerTagsIcon": { "alias": "layerTagsIcon"; "required": false; }; "errorContentText": { "alias": "errorContentText"; "required": false; }; "withSearchFilter": { "alias": "withSearchFilter"; "required": false; }; "openState": { "alias": "openState"; "required": false; }; "labelClearButton": { "alias": "labelClearButton"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; "maxSelectable": { "alias": "maxSelectable"; "required": false; }; "searchValue": { "alias": "searchValue"; "required": false; }; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

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

@@ -1,12 +1,13 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnChanges } from '@angular/core';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { ControlValueAccessor } from '@angular/forms';
 import { ButtonSizes } from '../button/button';
 import { IconSize } from '../icon/icon-size';
 import * as i0 from "@angular/core";
-export declare class DropdownComponent implements ControlValueAccessor {
+export declare class DropdownComponent implements ControlValueAccessor, OnChanges {
     listboxItems: ListboxItem[];
     multiple: boolean;
+    maxSelectable: number;
     placeholder: string;
     disabled: boolean;
     loading: boolean;
@@ -23,10 +24,12 @@ export declare class DropdownComponent implements ControlValueAccessor {
     scrollEnd: EventEmitter<boolean>;
     isOpen: EventEmitter<boolean>;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
+    initialListboxItems: ListboxItem[];
     iconSize: typeof IconSize;
     constructor();
     onChange: any;
     onTouch: any;
+    ngOnChanges(): void;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -39,9 +42,11 @@ export declare class DropdownComponent implements ControlValueAccessor {
     getSelectedListboxItem(): ListboxItem | undefined;
     getLabelFromMultipleSelection(): string;
     getIcon(): string;
+    getCountryFlag(): string;
     getLabelFromMonoSelection(): string;
     canClearField(): boolean;
     scrollEndEvent($event: boolean): void;
+    private updateItemsDisabledState;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearfield": { "alias": "clearfield"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "showSelectedTag": { "alias": "showSelectedTag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "layerTagsTitle": { "alias": "layerTagsTitle"; "required": false; }; "layerTagsIcon": { "alias": "layerTagsIcon"; "required": false; }; "openState": { "alias": "openState"; "required": false; }; "labelClearButton": { "alias": "labelClearButton"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "maxSelectable": { "alias": "maxSelectable"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "clearfield": { "alias": "clearfield"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "showSelectedTag": { "alias": "showSelectedTag"; "required": false; }; "size": { "alias": "size"; "required": false; }; "layerTagsTitle": { "alias": "layerTagsTitle"; "required": false; }; "layerTagsIcon": { "alias": "layerTagsIcon"; "required": false; }; "openState": { "alias": "openState"; "required": false; }; "labelClearButton": { "alias": "labelClearButton"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

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

@@ -1,58 +1,42 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ListboxItem, Type } from './model/listbox-item';
-import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ListboxComponent implements OnDestroy, AfterViewInit, OnInit {
-    private readonly eRef;
-    listboxElementRef: ElementRef;
-    contentElementRef: ElementRef;
+export declare class ListboxComponent implements OnChanges {
     listboxItems: any;
-    multiple: boolean;
-    selectedItems: ListboxItem[] | ListboxItem | undefined;
-    type?: Type;
-    overlay?: boolean;
+    isOpen: boolean;
+    type: Type;
     maxWidth?: string;
     maxHeight?: string;
     width?: string;
     disabled?: boolean;
-    withoutOverflow?: boolean;
+    overlay: boolean;
+    multiple: boolean;
+    selectedItems: ListboxItem[] | ListboxItem | undefined;
     useVirtualScroll?: boolean;
     itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
     scrollEnd: EventEmitter<boolean>;
     isOpenChange: EventEmitter<boolean>;
+    contentElementRef: ElementRef;
     uuid: number;
-    originalParent?: HTMLElement | null;
-    destroyed: Subject<unknown>;
-    private readonly _isOpen;
-    constructor(eRef: ElementRef);
-    get isOpen(): boolean;
-    set isOpen(value: boolean);
-    clickout(event: Event): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    getDynamicHeight(): string;
-    addScrollListeners(element: HTMLElement): void;
-    scroll(): void;
-    updateListboxPosition(): void;
-    openListbox(): void;
-    closeListbox(): void;
-    selectedItemEvent(listboxItem: ListboxItem): void;
-    isChecked(listboxItem: ListboxItem): boolean;
+    listboxWidth: string;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
     getRole(): string | null;
     getRoleList(): string;
-    styleObject(): object;
-    classObject(): object;
-    classObjectInput(): object;
-    getInputType(): string;
+    styleObject(): Object;
+    classObject(): Object;
+    classObjectInput(): Object;
+    getInputType(): Object;
     setItemId(index: number): string;
-    setClassObjectTile(item: ListboxItem): object;
+    setClassObjectTile(item: ListboxItem): Object;
+    closeListbox(): void;
+    selectedItemEvent(listboxItem: Partial<ListboxItem>): void;
     getInputName(): string | null;
-    scrollEvent(event: Event): void;
-    getItems(): ListboxItem[][];
-    trackByIndex(index: number): number;
-    ngOnDestroy(): void;
     getListboxItemId(listboxItem: ListboxItem): string;
-    onScrollEvent(index: number): void;
+    isChecked(listboxItem: ListboxItem): boolean;
+    getItems(): Array<ListboxItem[]>;
+    trackByIndex(index: number): number;
+    getDynamicHeight(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "moz-listbox", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "type": { "alias": "type"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "withoutOverflow": { "alias": "withoutOverflow"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "itemsSelected": "itemsSelected"; "scrollEnd": "scrollEnd"; "isOpenChange": "isOpenChange"; }, never, ["[reference]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "moz-listbox", never, { "listboxItems": { "alias": "listboxItems"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "useVirtualScroll": { "alias": "useVirtualScroll"; "required": false; }; }, { "itemsSelected": "itemsSelected"; "scrollEnd": "scrollEnd"; "isOpenChange": "isOpenChange"; }, never, ["[reference]"], false, never>;
 }

package/components/listbox/listbox.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./listbox.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../icon/icon.module";
-import * as i5 from "@angular/cdk/scrolling";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "../icon/icon.module";
+import * as i4 from "@angular/common";
 export declare class ListboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ListboxModule, [typeof i1.ListboxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.IconModule, typeof i5.ScrollingModule], [typeof i1.ListboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ListboxModule, [typeof i1.ListboxComponent], [typeof i2.OverlayModule, typeof i3.IconModule, typeof i4.CommonModule], [typeof i1.ListboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ListboxModule>;
 }

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

@@ -1 +1,2 @@
-export * from './index';
+export * from './listbox.component';
+export * from './model/listbox-item';

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

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter } from '@angular/core';
-import { ListboxItem } from '../listbox';
 import { Subject } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
+import { ListboxItem } from '../listbox/model/listbox-item';
 import * as i0 from "@angular/core";
 export declare class PhoneNumberComponent implements ControlValueAccessor {
     phoneNumbersByCountry: ListboxItem[];

package/components/sidebar/components/feature/moz-sidebar-feature.component.d.ts

@@ -11,9 +11,9 @@ export declare class MozSidebarFeatureComponent {
     _subCategory: boolean;
     localOpen: boolean;
     constructor();
-    get category(): boolean | '';
+    get category(): boolean | "";
     set category(value: boolean | '');
-    get subCategory(): boolean | '';
+    get subCategory(): boolean | "";
     set subCategory(value: boolean | '');
     static ɵfac: i0.ɵɵFactoryDeclaration<MozSidebarFeatureComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarFeatureComponent, "moz-sidebar-feature, a[moz-sidebar-feature]", never, { "link": { "alias": "link"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "category": { "alias": "category"; "required": false; }; "subCategory": { "alias": "subCategory"; "required": false; }; }, {}, ["tmplIcon", "tmplText", "featuresCmp"], ["*"], false, never>;

package/components/sidebar/components/utility/moz-sidebar-utilty.component.d.ts

@@ -8,7 +8,7 @@ export declare class MozSidebarUtilityComponent {
     selected: boolean;
     disable: boolean;
     _category: boolean;
-    get category(): boolean | '';
+    get category(): boolean | "";
     set category(value: boolean | '');
     static ɵfac: i0.ɵɵFactoryDeclaration<MozSidebarUtilityComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarUtilityComponent, "moz-sidebar-utility, a[moz-sidebar-utility]", never, { "link": { "alias": "link"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "category": { "alias": "category"; "required": false; }; }, {}, ["tmplIcon", "tmplText", "featuresCmp"], ["*"], false, never>;

package/components/sidebar/model/models.d.ts

@@ -1,5 +1,4 @@
 export interface SidebarOptions {
     opened?: boolean;
-    active?: string;
     closeOnSelect?: boolean;
 }