@mozaic-ds/angular 0.24.0-beta.6 → 0.24.0-beta.8

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

@@ -1,14 +1,12 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, Injector, 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';
 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 {
+export declare class AutocompleteComponent implements ControlValueAccessor, OnInit {
     private injector;
-    private eRef;
     private cd;
     listboxItems: ListboxItem[];
     multiple: boolean;
@@ -27,25 +25,23 @@ export declare class AutocompleteComponent implements AfterViewInit, OnDestroy,
     withSearchFilter: boolean;
     openState: boolean;
     searchUpdated: EventEmitter<string>;
+    inputClicked: EventEmitter<boolean>;
+    scrollEnd: EventEmitter<boolean>;
     taglistComponent: TaglistComponent;
-    listboxElementRef: ElementRef;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
-    destroyed: Subject<unknown>;
     search: string;
     initialListboxItems: ListboxItem[];
     onAutocompleteChange: any;
-    onTouch: any;
+    onAutocompleteTouch: any;
     noResults: boolean;
     control: FormControl;
-    constructor(injector: Injector, eRef: ElementRef, cd: ChangeDetectorRef);
+    constructor(injector: Injector, cd: ChangeDetectorRef);
+    ngOnChanges(): void;
     ngOnInit(): void;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    clickout(event: Event): void;
     openListbox(): void;
     closeListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
@@ -57,6 +53,9 @@ export declare class AutocompleteComponent implements AfterViewInit, OnDestroy,
     getTagItemsFromSelectedItems(): TagItem[];
     removeTagEvent($event: TagItem): void;
     searchEvent(): void;
+    focusinEvent(): void;
+    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"; "showSelectedTags": "showSelectedTags"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; }, { "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"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; }, never, never, false, never>;
 }

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

@@ -1,14 +1,12 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, Injector } from '@angular/core';
 import { ListboxItem } from '../listbox/model/listbox-item';
-import { Subject } from 'rxjs';
 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, OnInit {
+export declare class DropdownComponent implements ControlValueAccessor {
     private injector;
-    private eRef;
     private cd;
     listboxItems: ListboxItem[];
     multiple: boolean;
@@ -23,25 +21,19 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     size: ButtonSizes;
     layerTagsTitle: string;
     layerTagsIcon: string;
-    taglistComponent: TaglistComponent;
-    listboxElementRef: ElementRef;
     openState: boolean;
+    scrollEnd: EventEmitter<boolean>;
+    taglistComponent: TaglistComponent;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
-    originalListboxParent?: HTMLElement | null;
-    destroyed: Subject<unknown>;
     control: FormControl;
     onDropdownChange: any;
-    onTouch: any;
-    constructor(injector: Injector, eRef: ElementRef, cd: ChangeDetectorRef);
+    onDropdownTouch: any;
+    constructor(injector: Injector, cd: ChangeDetectorRef);
     ngOnInit(): void;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    ngOnDestroy(): void;
-    ngAfterViewInit(): void;
-    clickout(event: Event): void;
     openListbox(): void;
-    closeListbox(): void;
     itemsSelectedListboxEvent(listboxItemSelected: ListboxItem[] | ListboxItem): void;
     clearFieldEvent(): void;
     getMultiSelectedLabel(): string;
@@ -52,6 +44,7 @@ export declare class DropdownComponent implements AfterViewInit, OnDestroy, Cont
     canClearField(): boolean;
     getTagItemsFromSelectedItems(): TagItem[];
     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"; "showSelectedTags": "showSelectedTags"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; }, {}, 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"; "showSelectedTags": "showSelectedTags"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; }, { "scrollEnd": "scrollEnd"; }, never, never, false, never>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
 import { BadgeType } from '../badge/badge';
 import { Direction, titleSizes } from './model/header';
 import * as i0 from "@angular/core";
@@ -18,16 +18,20 @@ export declare class HeaderComponent implements AfterViewInit {
     backEvent: EventEmitter<boolean>;
     directionChangeEvent: EventEmitter<Direction>;
     direction?: Direction;
-    constructor(cdRef: ChangeDetectorRef, elementRef: ElementRef);
+    showActions: boolean;
     tabsRef?: ElementRef;
     showTabs: boolean;
     breadcrumbRef?: ElementRef;
     showBreadcrumb: boolean;
+    contentChildren: QueryList<ElementRef>;
+    icons: ElementRef;
+    selector: ElementRef;
+    constructor(cdRef: ChangeDetectorRef, elementRef: ElementRef);
     ngAfterViewInit(): void;
     onParentScroll(parentElement: HTMLElement): void;
     scroll(): void;
     findParentWithScroll(element: HTMLElement): HTMLElement | null;
     back(): 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"; "animate": "animate"; "showBack": "showBack"; "backButtonLabel": "backButtonLabel"; }, { "backEvent": "backEvent"; "directionChangeEvent": "directionChangeEvent"; }, never, ["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"; "animate": "animate"; "showBack": "showBack"; "backButtonLabel": "backButtonLabel"; }, { "backEvent": "backEvent"; "directionChangeEvent": "directionChangeEvent"; }, ["contentChildren"], ["moz-breadcrumb", "[icons]", "[selector]", "moz-tabs"], false, never>;
 }

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

@@ -1,18 +1,54 @@
-import { EventEmitter, OnChanges } from '@angular/core';
-import { ListboxItem } from './model/listbox-item';
+import { ElementRef, EventEmitter } 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 OnChanges {
-    listboxItems: ListboxItem[];
+export declare class ListboxComponent {
+    private eRef;
+    listboxItems: any;
     multiple: boolean;
-    isOpen: boolean;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
-    customMaxWidth?: string;
+    type?: Type;
+    overlay?: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
+    width?: string;
+    disabled?: boolean;
+    withoutOverflow?: boolean;
     itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
+    scrollEnd: EventEmitter<boolean>;
+    isOpenChange: EventEmitter<boolean>;
+    listboxElementRef: ElementRef;
+    contentElementRef: ElementRef;
+    set isOpen(value: boolean);
+    get isOpen(): boolean;
     uuid: number;
-    selectedItem?: string;
-    ngOnChanges(): void;
+    originalParent?: HTMLElement | null;
+    destroyed: Subject<unknown>;
+    private _isOpen;
+    constructor(eRef: ElementRef);
+    ngOnInit(): void;
+    clickout(event: Event): void;
+    ngAfterViewInit(): void;
+    scroll(): void;
+    onParentScroll(parentElement: HTMLElement): void;
+    findParentWithScroll(element: HTMLElement): HTMLElement | null;
+    openListbox(): void;
+    closeListbox(): void;
     selectedItemEvent(listboxItem: ListboxItem): void;
     isChecked(listboxItem: ListboxItem): boolean;
+    getRole(): string | null;
+    getRoleList(): string;
+    styleObject(): Object;
+    classObject(): Object;
+    classObjectInput(): Object;
+    getInputType(): Object;
+    setItemId(index: number): string;
+    setClassObjectTile(item: ListboxItem): Object;
+    getInputName(): string | null;
+    scrollEvent(event: Event): void;
+    getItems(): ListboxItem[][];
+    trackByIndex(index: number, item: any): any;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "moz-listbox", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "isOpen": "isOpen"; "selectedItems": "selectedItems"; "customMaxWidth": "customMaxWidth"; }, { "itemsSelected": "itemsSelected"; }, never, never, false, 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/adeo/components/listbox/model/listbox-item.d.ts

@@ -1,8 +1,10 @@
 import { CountryCode } from 'libphonenumber-js';
 export interface ListboxItem {
-    icon?: string;
     value: string;
     label: string;
     disabled?: boolean;
     countryCode?: CountryCode;
+    icon?: string;
+    danger?: boolean;
 }
+export type Type = 'options' | 'actions';

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

@@ -42,3 +42,4 @@ export * from './radio/public-api';
 export * from './option-buttons/public-api';
 export * from './rating-stars/input/public-api';
 export * from './accordion/public-api';
+export * from './segmented-control/public-api';

package/adeo/components/segmented-control/index.d.ts

@@ -0,0 +1,4 @@
+export * from './segmented-control.component';
+export * from './segmented-control-button/segmented-control-button.component';
+export * from './segmented-control.module';
+export * from './segmented-control-size';

package/adeo/components/segmented-control/public-api.d.ts

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

package/adeo/components/segmented-control/segmented-control-button/segmented-control-button.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SegmentedControlButtonComponent {
+    segment: string;
+    tabIndex: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlButtonComponent, "moz-segmented-control-button", never, {}, {}, never, ["*"], false, never>;
+}

package/adeo/components/segmented-control/segmented-control-size.d.ts

@@ -0,0 +1,2 @@
+export type SegmentedControlSize = 's' | 'm';
+export declare const segmentedControlSizeDefault: SegmentedControlSize;

package/adeo/components/segmented-control/segmented-control.component.d.ts

@@ -0,0 +1,9 @@
+import { SegmentedControlSize } from './segmented-control-size';
+import * as i0 from "@angular/core";
+export declare class SegmentedControlComponent {
+    size: SegmentedControlSize;
+    full: boolean;
+    nowrap: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "moz-segmented-control", never, { "size": "size"; "full": "full"; "nowrap": "nowrap"; }, {}, never, ["*"], false, never>;
+}

package/adeo/components/segmented-control/segmented-control.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./segmented-control.component";
+import * as i2 from "./segmented-control-button/segmented-control-button.component";
+import * as i3 from "@angular/common";
+export declare class SegmentedControlModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedControlModule, [typeof i1.SegmentedControlComponent, typeof i2.SegmentedControlButtonComponent], [typeof i3.CommonModule], [typeof i1.SegmentedControlComponent, typeof i2.SegmentedControlButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedControlModule>;
+}

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

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

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

@@ -1,10 +1,10 @@
-import { OnInit, QueryList } from '@angular/core';
+import { EventEmitter, OnInit, QueryList } from '@angular/core';
+import { RouterLinkActive, RouterLinkWithHref } from '@angular/router';
 import { MozSidebarFeatureComponent } from './components/feature/moz-sidebar-feature.component';
 import { MozSidebarHomeComponent } from './components/home/moz-sidebar-home.component';
 import { MozSidebarUserComponent } from './components/user/moz-sidebar-user.component';
 import { MozSidebarUtilityComponent } from './components/utility/moz-sidebar-utilty.component';
 import { SidebarOptions } from './model/models';
-import { RouterLinkActive, RouterLinkWithHref } from '@angular/router';
 import * as i0 from "@angular/core";
 export declare class MozSidebarComponent implements OnInit {
     readonly routerLinkActive: RouterLinkActive | null;
@@ -14,6 +14,7 @@ export declare class MozSidebarComponent implements OnInit {
     utilitiesCmp?: QueryList<MozSidebarUtilityComponent>;
     userCmp?: MozSidebarUserComponent;
     options?: SidebarOptions;
+    opened: EventEmitter<boolean>;
     localOpen: boolean;
     activeSubFeature?: MozSidebarFeatureComponent;
     defaultOptions: SidebarOptions;
@@ -25,5 +26,5 @@ export declare class MozSidebarComponent implements OnInit {
     selectSubFeature(item: MozSidebarFeatureComponent): void;
     closeSubFeature(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MozSidebarComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": "options"; }, {}, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": "options"; }, { "opened": "opened"; }, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
 }