@wizishop/angular-components 14.4.62 → 14.4.63

package/lib/components/selects/option/option-selection-handler.interface.d.ts

@@ -6,4 +6,5 @@ export interface OptionSelectionHandler<TOptionValue> {
     getContentRef(): ElementRef<any>;
     setDisabledState(isDisabled: boolean): void;
     setSelected(selected: boolean): void;
+    setMultiple(multiple: boolean): void;
 }

package/lib/components/selects/option/option.component.d.ts

@@ -5,6 +5,7 @@ export declare class OptionComponent<TOptionValue> extends SelectOptionDirective
     protected contentRef: ElementRef;
     protected changeDetectorRef: ChangeDetectorRef;
     contentOption: ElementRef;
+    checkBoxId: string;
     constructor(contentRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     getContentRef(): ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;

package/lib/components/selects/option/select-option.directive.d.ts

@@ -14,6 +14,7 @@ export declare class SelectOptionDirective<TOptionValue> implements OptionSelect
     selected: boolean;
     onClickEventPreventDefault: boolean;
     selectedChange: EventEmitter<boolean>;
+    multiple: boolean;
     constructor(contentRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     setSelected(selected: boolean): void;
     onSelectOption(): void;
@@ -22,6 +23,7 @@ export declare class SelectOptionDirective<TOptionValue> implements OptionSelect
     isSelected(): boolean;
     getContentRef(): ElementRef<any>;
     setDisabledState(isDisabled: boolean): void;
+    setMultiple(multiple: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective<any>, "[wacOption]", ["wacOption"], { "disabled": "disabled"; "value": "value"; "selected": "selected"; "onClickEventPreventDefault": "onClickEventPreventDefault"; }, { "selectedChange": "selectedChange"; }, never, never, false>;
 }

package/lib/components/selects/select/select.directive.d.ts

@@ -11,10 +11,13 @@ export declare class SelectDirective<TOptionValue> implements OnInit, ControlVal
     /** Handles all keydown events on the select. */
     onKeydown(event: KeyboardEvent): void;
     optionChildren: QueryList<OptionSelectionHandler<TOptionValue>>;
-    set value(value: TOptionValue);
-    get value(): TOptionValue;
-    _value: TOptionValue;
-    valueChange: EventEmitter<TOptionValue>;
+    set value(value: TOptionValue | TOptionValue[]);
+    get value(): TOptionValue | TOptionValue[];
+    _value: TOptionValue | TOptionValue[];
+    valueChange: EventEmitter<any>;
+    get multiple(): boolean;
+    set multiple(value: boolean);
+    private _multiple;
     set disabled(disabled: boolean);
     get disabled(): boolean;
     _disabled: boolean;
@@ -35,5 +38,5 @@ export declare class SelectDirective<TOptionValue> implements OnInit, ControlVal
     setDisabledState(isDisabled: boolean): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, "[wacSelect]", ["wacSelect"], { "value": "value"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "valueChange": "valueChange"; }, ["optionChildren"], never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, "[wacSelect]", ["wacSelect"], { "value": "value"; "multiple": "multiple"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, { "valueChange": "valueChange"; }, ["optionChildren"], never, false>;
 }

package/lib/components/selects/select/value-change.service.d.ts

@@ -4,9 +4,10 @@ import { OptionComponent } from '../option/option.component';
 import * as i0 from "@angular/core";
 export declare class ValueChangeService<TOptionValue> implements OnDestroy {
     private changeDetectorRef;
-    valueChange$: Subject<TOptionValue>;
-    set value(value: TOptionValue);
-    get value(): TOptionValue;
+    valueChange$: Subject<TOptionValue | TOptionValue[]>;
+    set value(value: TOptionValue | TOptionValue[]);
+    get value(): TOptionValue | TOptionValue[];
+    multiple: boolean;
     private _value;
     disabled: boolean;
     optionChildren: QueryList<OptionComponent<TOptionValue>>;
@@ -15,21 +16,30 @@ export declare class ValueChangeService<TOptionValue> implements OnDestroy {
     resetListeners$: Subject<void>;
     constructor(changeDetectorRef: ChangeDetectorRef);
     handleSelectOptionsChange(optionChildren: QueryList<OptionComponent<TOptionValue>>, value: any): void;
-    assignValue(value: any): void;
+    assignValue(value: TOptionValue | TOptionValue[]): void;
     handleValueChange(): void;
     setDisabledState(isDisabled: boolean): void;
     selectNextOption(): void;
     selectPreviousOption(): void;
     searchOptionByFirstLetter(letter: string): void;
+    setMultiple(value: boolean): void;
     private indexOfMatchedOption;
     private isNotNull;
     private highestAndClosestIndex;
+    private handleMultipleSelection;
     private handleInitialSelectedOption;
+    private mustUpdateValueWithInitialSelectedOptionValues;
     private handleSelectedOptionsEvent;
     private updateSelectPlaceholder;
-    private getSelectedOptionComponent;
+    private getSelectedOptionsContent;
+    private getSelectedOptionComponents;
+    private getSelectedOptionsValues;
     private optionSelectedChangeListeners;
     private changeSelectedOption;
+    /**
+      * May not work with objects values
+    */
+    private isSelectedValue;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValueChangeService<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ValueChangeService<any>>;

package/lib/utils/array.d.ts

@@ -0,0 +1 @@
+export declare const compareArrays: <TItem>(a: TItem[], b: TItem[]) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wizishop/angular-components",
-  "version": "14.4.62",
+  "version": "14.4.63",
   "peerDependencies": {
     "@angular/animations": "~14.0.6",
     "@angular/cdk": "^14.0.5",