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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/adeo/components/autocomplete/autocomplete.component.d.ts +7 -5
  2. package/adeo/components/dropdown/dropdown.component.d.ts +2 -1
  3. package/adeo/components/listbox/index.d.ts +3 -0
  4. package/adeo/components/listbox/listbox.component.d.ts +3 -1
  5. package/adeo/components/listbox/public-api.d.ts +1 -2
  6. package/adeo/components/sidebar/model/models.d.ts +1 -0
  7. package/adeo/components/sidebar/moz-sidebar.component.d.ts +6 -1
  8. package/adeo/components/toggle/toggle.component.d.ts +3 -1
  9. package/adeo/fesm2022/mozaic-ds-angular.mjs +97 -50
  10. package/adeo/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  11. package/bricoman/components/autocomplete/autocomplete.component.d.ts +7 -5
  12. package/bricoman/components/dropdown/dropdown.component.d.ts +2 -1
  13. package/bricoman/components/listbox/index.d.ts +3 -0
  14. package/bricoman/components/listbox/listbox.component.d.ts +3 -1
  15. package/bricoman/components/listbox/public-api.d.ts +1 -2
  16. package/bricoman/components/sidebar/model/models.d.ts +1 -0
  17. package/bricoman/components/sidebar/moz-sidebar.component.d.ts +6 -1
  18. package/bricoman/components/toggle/toggle.component.d.ts +3 -1
  19. package/bricoman/fesm2022/mozaic-ds-angular.mjs +97 -50
  20. package/bricoman/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  21. package/components/autocomplete/autocomplete.component.d.ts +7 -5
  22. package/components/dropdown/dropdown.component.d.ts +2 -1
  23. package/components/listbox/index.d.ts +3 -0
  24. package/components/listbox/listbox.component.d.ts +3 -1
  25. package/components/listbox/public-api.d.ts +1 -2
  26. package/components/sidebar/model/models.d.ts +1 -0
  27. package/components/sidebar/moz-sidebar.component.d.ts +6 -1
  28. package/components/toggle/toggle.component.d.ts +3 -1
  29. package/fesm2022/mozaic-ds-angular.mjs +97 -50
  30. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  31. package/package.json +5 -11
@@ -1,8 +1,8 @@
1
- import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
1
+ import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { ControlValueAccessor } from '@angular/forms';
3
+ import { ListboxComponent } from '../listbox/listbox.component';
3
4
  import { ListboxItem } from '../listbox/model/listbox-item';
4
5
  import { TextInputSize } from '../text-input/text-input';
5
- import { ListboxComponent } from '../listbox/listbox.component';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges {
8
8
  private readonly cd;
@@ -29,16 +29,17 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
29
29
  inputClicked: EventEmitter<boolean>;
30
30
  scrollEnd: EventEmitter<boolean>;
31
31
  isOpen: EventEmitter<boolean>;
32
- selectedItems: ListboxItem[] | ListboxItem | undefined;
32
+ selectedItems: import("@angular/core").ModelSignal<ListboxItem | ListboxItem[] | undefined>;
33
33
  originalListboxParent?: HTMLElement | null;
34
34
  initialListboxItems: ListboxItem[];
35
35
  noResults: boolean;
36
36
  originallyDisabledItems: Set<string>;
37
+ isDisabled: import("@angular/core").WritableSignal<boolean>;
37
38
  _searchValue: string;
38
39
  constructor(cd: ChangeDetectorRef);
39
40
  get searchValue(): string;
40
41
  set searchValue(value: string);
41
- ngOnChanges(): void;
42
+ ngOnChanges(changes: SimpleChanges): void;
42
43
  onChange: any;
43
44
  onTouch: any;
44
45
  writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
@@ -58,7 +59,8 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
58
59
  focusinEvent(): void;
59
60
  focusoutEvent($event: any): void;
60
61
  scrollEndEvent($event: boolean): void;
62
+ setDisabledState?(isDisabled: boolean): void;
61
63
  private updateItemsDisabledState;
62
64
  static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
63
- 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>;
65
+ 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>;
64
66
  }
@@ -1,8 +1,8 @@
1
1
  import { EventEmitter, OnChanges } from '@angular/core';
2
- import { ListboxItem } from '../listbox/model/listbox-item';
3
2
  import { ControlValueAccessor } from '@angular/forms';
4
3
  import { ButtonSizes } from '../button/button';
5
4
  import { IconSize } from '../icon/icon-size';
5
+ import { ListboxItem } from '../listbox/model/listbox-item';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class DropdownComponent implements ControlValueAccessor, OnChanges {
8
8
  listboxItems: ListboxItem[];
@@ -26,6 +26,7 @@ export declare class DropdownComponent implements ControlValueAccessor, OnChange
26
26
  selectedItems: ListboxItem[] | ListboxItem | undefined;
27
27
  initialListboxItems: ListboxItem[];
28
28
  iconSize: typeof IconSize;
29
+ private readonly cdr;
29
30
  constructor();
30
31
  onChange: any;
31
32
  onTouch: any;
@@ -0,0 +1,3 @@
1
+ export * from './listbox.component';
2
+ export * from './model/listbox-item';
3
+ export * from './listbox.module';
@@ -1,5 +1,6 @@
1
1
  import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
2
  import { ListboxItem, Type } from './model/listbox-item';
3
+ import { ConnectedPosition } from '@angular/cdk/overlay';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class ListboxComponent implements OnChanges {
5
6
  listboxItems: any;
@@ -13,6 +14,7 @@ export declare class ListboxComponent implements OnChanges {
13
14
  multiple: boolean;
14
15
  selectedItems: ListboxItem[] | ListboxItem | undefined;
15
16
  useVirtualScroll?: boolean;
17
+ overlayPositions: ConnectedPosition[];
16
18
  itemsSelected: EventEmitter<ListboxItem | ListboxItem[]>;
17
19
  scrollEnd: EventEmitter<boolean>;
18
20
  isOpenChange: EventEmitter<boolean>;
@@ -38,5 +40,5 @@ export declare class ListboxComponent implements OnChanges {
38
40
  trackByIndex(index: number): number;
39
41
  getDynamicHeight(): string;
40
42
  static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
41
- 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>;
43
+ 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>;
42
44
  }
@@ -1,2 +1 @@
1
- export * from './listbox.component';
2
- export * from './model/listbox-item';
1
+ export * from './index';
@@ -1,4 +1,5 @@
1
1
  export interface SidebarOptions {
2
2
  opened?: boolean;
3
+ openOnHover?: boolean;
3
4
  closeOnSelect?: boolean;
4
5
  }
@@ -15,16 +15,21 @@ export declare class MozSidebarComponent implements OnInit {
15
15
  userCmp?: MozSidebarUserComponent;
16
16
  options?: SidebarOptions;
17
17
  opened: EventEmitter<boolean>;
18
+ hovered: EventEmitter<boolean>;
18
19
  localOpen: boolean;
20
+ isHover: boolean;
19
21
  activeSubFeature?: MozSidebarFeatureComponent;
20
22
  defaultOptions: SidebarOptions;
21
23
  constructor(routerLinkActive: RouterLinkActive | null, routerLink: RouterLinkWithHref | null);
22
24
  ngOnInit(): void;
23
25
  toggleSidebar(): void;
24
26
  toggleUser(): void;
27
+ setIsHover(isHover: boolean): void;
28
+ shouldBeOpen(): boolean;
25
29
  select(item: MozSidebarFeatureComponent | MozSidebarHomeComponent | MozSidebarUtilityComponent): void;
26
30
  selectSubFeature(item: MozSidebarFeatureComponent): void;
27
31
  closeSubFeature(): void;
32
+ emitOpened(): void;
28
33
  static ɵfac: i0.ɵɵFactoryDeclaration<MozSidebarComponent, [{ optional: true; }, { optional: true; }]>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": { "alias": "options"; "required": false; }; }, { "opened": "opened"; }, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<MozSidebarComponent, "moz-sidebar", never, { "options": { "alias": "options"; "required": false; }; }, { "opened": "opened"; "hovered": "hovered"; }, ["homeCmp", "userCmp", "featuresCmp", "utilitiesCmp"], never, false, never>;
30
35
  }
@@ -1,14 +1,16 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
1
2
  import { ControlValueAccessor } from '@angular/forms';
2
3
  import { ToggleSize } from './toggle-size';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare const TOGGLE_CONTROL_VALUE_ACCESSOR: any;
5
6
  export declare class ToggleComponent implements ControlValueAccessor {
7
+ private readonly cdRef;
6
8
  disabled: boolean;
7
9
  size: ToggleSize;
8
10
  private _checked;
9
11
  get checked(): boolean;
10
12
  toggleId: string;
11
- constructor();
13
+ constructor(cdRef: ChangeDetectorRef);
12
14
  set checked(v: boolean);
13
15
  writeValue(value: any): void;
14
16
  registerOnChange(fn: any): void;