@mozaic-ds/angular 0.31.0-rc.1 → 0.31.0-rc.10

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

@@ -1,8 +1,8 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ListboxComponent } from '../listbox/listbox.component';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { TextInputSize } from '../text-input/text-input';
-import { ListboxComponent } from '../listbox/listbox.component';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges {
     private readonly cd;
@@ -29,16 +29,17 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     inputClicked: EventEmitter<boolean>;
     scrollEnd: EventEmitter<boolean>;
     isOpen: EventEmitter<boolean>;
-    selectedItems: ListboxItem[] | ListboxItem | undefined;
+    selectedItems: import("@angular/core").ModelSignal<ListboxItem | ListboxItem[] | undefined>;
     originalListboxParent?: HTMLElement | null;
     initialListboxItems: ListboxItem[];
     noResults: boolean;
     originallyDisabledItems: Set<string>;
+    isDisabled: import("@angular/core").WritableSignal<boolean>;
     _searchValue: string;
     constructor(cd: ChangeDetectorRef);
     get searchValue(): string;
     set searchValue(value: string);
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     onChange: any;
     onTouch: any;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
@@ -58,7 +59,8 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     focusinEvent(): void;
     focusoutEvent($event: any): void;
     scrollEndEvent($event: boolean): void;
+    setDisabledState?(isDisabled: 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; }; "maxSelectable": { "alias": "maxSelectable"; "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; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; }; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; "selectedItems": "selectedItemsChange"; }, never, never, false, never>;
 }

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

@@ -1,8 +1,8 @@
 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 { ListboxItem } from '../listbox/model/listbox-item';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements ControlValueAccessor, OnChanges {
     listboxItems: ListboxItem[];
@@ -26,6 +26,7 @@ export declare class DropdownComponent implements ControlValueAccessor, OnChange
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     initialListboxItems: ListboxItem[];
     iconSize: typeof IconSize;
+    private readonly cdr;
     constructor();
     onChange: any;
     onTouch: any;

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

@@ -1,5 +1,6 @@
 import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ListboxItem, Type } from './model/listbox-item';
+import { ConnectedPosition } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class ListboxComponent implements OnChanges {
     listboxItems: any;
@@ -13,6 +14,7 @@ export declare class ListboxComponent implements OnChanges {
     multiple: boolean;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     useVirtualScroll?: boolean;
+    overlayPositions: ConnectedPosition[];
     itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
     scrollEnd: EventEmitter<boolean>;
     isOpenChange: EventEmitter<boolean>;
@@ -38,5 +40,5 @@ export declare class ListboxComponent implements OnChanges {
     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; }; "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>;
+    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; }; "overlayPositions": { "alias": "overlayPositions"; "required": false; }; }, { "itemsSelected": "itemsSelected"; "scrollEnd": "scrollEnd"; "isOpenChange": "isOpenChange"; }, never, ["[reference]"], false, never>;
 }

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

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

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

@@ -15,16 +15,21 @@ export declare class MozSidebarComponent implements OnInit {
     userCmp?: MozSidebarUserComponent;
     options?: SidebarOptions;
     opened: EventEmitter<boolean>;
+    hovered: EventEmitter<boolean>;
     localOpen: boolean;
+    isHover: boolean;
     activeSubFeature?: MozSidebarFeatureComponent;
     defaultOptions: SidebarOptions;
     constructor(routerLinkActive: RouterLinkActive | null, routerLink: RouterLinkWithHref | null);
     ngOnInit(): void;
     toggleSidebar(): void;
     toggleUser(): void;
+    setIsHover(isHover: boolean): void;
+    shouldBeOpen(): boolean;
     select(item: MozSidebarFeatureComponent | MozSidebarHomeComponent | MozSidebarUtilityComponent): void;
     selectSubFeature(item: MozSidebarFeatureComponent): void;
     closeSubFeature(): void;
+    emitOpened(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MozSidebarComponent, [{ optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": { "alias": "options"; "required": false; }; }, { "opened": "opened"; }, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": { "alias": "options"; "required": false; }; }, { "opened": "opened"; "hovered": "hovered"; }, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
 }

package/components/toggle/toggle.component.d.ts

@@ -1,14 +1,16 @@
+import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ToggleSize } from './toggle-size';
 import * as i0 from "@angular/core";
 export declare const TOGGLE_CONTROL_VALUE_ACCESSOR: any;
 export declare class ToggleComponent implements ControlValueAccessor {
+    private readonly cdRef;
     disabled: boolean;
     size: ToggleSize;
     private _checked;
     get checked(): boolean;
     toggleId: string;
-    constructor();
+    constructor(cdRef: ChangeDetectorRef);
     set checked(v: boolean);
     writeValue(value: any): void;
     registerOnChange(fn: any): void;