@wizishop/angular-components 14.3.14 → 14.3.15

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

@@ -1,7 +1,7 @@
 import { ElementRef, EventEmitter } from "@angular/core";
-export interface OptionSelectionHandler {
-    value: any;
+export interface OptionSelectionHandler<TOptionValue> {
+    value: TOptionValue;
     selected: boolean;
-    selectedChange: EventEmitter<any>;
+    selectedChange: EventEmitter<boolean>;
     getContentRef(): ElementRef<any>;
 }

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

@@ -1,3 +1,3 @@
 import { InjectionToken } from "@angular/core";
 import { OptionSelectionHandler } from "./option-selection-handler.interface";
-export declare const OPTION_SELECTION_HANDLER: InjectionToken<OptionSelectionHandler>;
+export declare const OPTION_SELECTION_HANDLER: InjectionToken<OptionSelectionHandler<any>>;

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

@@ -1,24 +1,24 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { OptionSelectionHandler } from './option-selection-handler.interface';
 import * as i0 from "@angular/core";
-export declare class OptionComponent implements OptionSelectionHandler {
+export declare class OptionComponent<TOptionValue> implements OptionSelectionHandler<TOptionValue> {
     private renderer;
     private elementRef;
     private changeDetectorRef;
     contentRef: ElementRef;
     disabled: boolean;
-    value: any;
+    value: TOptionValue;
     set selected(selected: boolean);
     get selected(): boolean;
     _selected: boolean;
-    selectedChange: EventEmitter<any>;
+    selectedChange: EventEmitter<boolean>;
     constructor(renderer: Renderer2, elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef);
     onSelectOption(): void;
-    getValue(): any;
-    setValue(value: any): void;
+    getValue(): TOptionValue;
+    setValue(value: TOptionValue): void;
     isSelected(): boolean;
     setSelected(selected: boolean): void;
     getContentRef(): ElementRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "wac-option", never, { "disabled": "disabled"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, never, ["*"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent<any>, "wac-option", never, { "disabled": "disabled"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, never, ["*"], false>;
 }

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

@@ -1,20 +1,20 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import { OptionSelectionHandler } from './option-selection-handler.interface';
 import * as i0 from "@angular/core";
-export declare class SelectOptionDirective implements OptionSelectionHandler {
+export declare class SelectOptionDirective<TOptionValue> implements OptionSelectionHandler<TOptionValue> {
     private contentRef;
     onClick(): void;
     disabled: boolean;
-    value: any;
+    value: TOptionValue;
     selected: boolean;
-    selectedChange: EventEmitter<any>;
+    selectedChange: EventEmitter<boolean>;
     constructor(contentRef: ElementRef);
     onSelectOption(): void;
-    getValue(): any;
-    setValue(value: any): void;
+    getValue(): TOptionValue;
+    setValue(value: TOptionValue): void;
     isSelected(): boolean;
     setSelected(selected: boolean): void;
     getContentRef(): ElementRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective, "[wacSelectOption]", never, { "disabled": "disabled"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, never, never, false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectOptionDirective<any>, "[wacSelectOption]", never, { "disabled": "disabled"; "value": "value"; "selected": "selected"; }, { "selectedChange": "selectedChange"; }, never, never, false>;
 }

package/lib/components/selects/select-test/select.component.d.ts

@@ -1,26 +1,19 @@
-import { AfterViewInit, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ValueChangeService } from './value-change.service';
 import { Subject } from 'rxjs';
-import { OptionSelectionHandler } from '../option/option-selection-handler.interface';
 import { SelectSearchTriggerComponent } from '../select-search-trigger/select-search-trigger.component';
 import { LabelComponent } from '../../common/label/label.component';
+import { SelectDirective } from './select.directive';
 import * as i0 from "@angular/core";
-export declare class SelectTestComponent implements OnInit, ControlValueAccessor, AfterViewInit, OnDestroy {
-    private valueChangeService;
+export declare class SelectTestComponent<TOptionValue> extends SelectDirective<TOptionValue> implements OnInit, OnDestroy {
+    protected valueChangeService: ValueChangeService<TOptionValue>;
     role: string;
-    optionChildren: QueryList<OptionSelectionHandler>;
     customSearchTrigger: SelectSearchTriggerComponent;
     label: LabelComponent;
-    set value(value: any);
-    get value(): any;
-    _value: any;
-    valueChange: EventEmitter<any>;
     /** Whether the component is required. */
     get required(): boolean;
     set required(value: boolean);
     private _required;
-    disabled: boolean;
     get selectedOptionContent(): any;
     set keepPanelOpen(keepPanelOpen: boolean);
     get keepPanelOpen(): boolean;
@@ -31,25 +24,21 @@ export declare class SelectTestComponent implements OnInit, ControlValueAccessor
     openPanelChange: EventEmitter<boolean>;
     enableSearch: boolean;
     isDestroyed$: Subject<void>;
-    constructor(valueChangeService: ValueChangeService);
+    private isKeyBoardAction;
+    constructor(valueChangeService: ValueChangeService<TOptionValue>);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    private handleValueChange;
-    private handleOptionChildren;
+    private closeTabOnValueChange;
+    private skipIfTriggeredByKeyboardAction;
     onTogglePanel(): void;
     onClosePanel(): void;
-    /** Handles all keydown events on the select. */
-    _handleKeydown(event: KeyboardEvent): void;
+    onKeydown(event: KeyboardEvent): void;
     /** Handles keyboard events while the select is closed. */
     private _handleClosedKeydown;
     /** Handles keyboard events when the selected is open. */
     private _handleOpenKeydown;
-    onChange: (value: any) => void;
-    onTouch: (value: any) => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
+    onSelectTouch: (value: any) => void;
     registerOnTouched(fn: any): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectTestComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectTestComponent, "wac-select-test", never, { "value": "value"; "required": "required"; "disabled": "disabled"; "keepPanelOpen": "keepPanelOpen"; "openPanel": "openPanel"; "enableSearch": "enableSearch"; }, { "valueChange": "valueChange"; "openPanelChange": "openPanelChange"; }, ["customSearchTrigger", "label", "optionChildren"], ["wac-label, .wac-label", "wac-select-search-trigger", "wac-placeholder,[role=placeholder]", "wac-option-call-to-action, wac-option, option, .option, [selectOption]"], false>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectTestComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectTestComponent<any>, "wac-select-test", never, { "required": "required"; "keepPanelOpen": "keepPanelOpen"; "openPanel": "openPanel"; "enableSearch": "enableSearch"; }, { "openPanelChange": "openPanelChange"; }, ["customSearchTrigger", "label"], ["wac-label, .wac-label", "wac-select-search-trigger", "wac-placeholder,[role=placeholder]", "wac-option-call-to-action, wac-option, option, .option, [selectOption]"], false>;
 }

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

@@ -0,0 +1,33 @@
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { OptionSelectionHandler } from '../option/option-selection-handler.interface';
+import { ValueChangeService } from './value-change.service';
+import * as i0 from "@angular/core";
+export declare class SelectDirective<TOptionValue> implements OnInit, ControlValueAccessor, AfterViewInit, OnDestroy {
+    protected valueChangeService: ValueChangeService<TOptionValue>;
+    /** 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>;
+    disabled: boolean;
+    isDestroyed$: Subject<void>;
+    constructor(valueChangeService: ValueChangeService<TOptionValue>);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private handleValueChange;
+    private handleOptionChildren;
+    /** Handles keyboard events when the selected is open. */
+    protected handleKeyboardAction(event: KeyboardEvent): void;
+    onChange: (value: any) => void;
+    onTouch: (value: any) => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectDirective<any>, "[wacSelect]", never, { "value": "value"; "disabled": "disabled"; }, { "valueChange": "valueChange"; }, ["optionChildren"], never, false>;
+}

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

@@ -2,18 +2,18 @@ import { ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { OptionComponent } from '../option/option.component';
 import * as i0 from "@angular/core";
-export declare class ValueChangeService implements OnDestroy {
+export declare class ValueChangeService<TOptionValue> implements OnDestroy {
     private changeDetectorRef;
-    valueChange$: Subject<any>;
-    set value(value: any);
-    get value(): any;
+    valueChange$: Subject<TOptionValue>;
+    set value(value: TOptionValue);
+    get value(): TOptionValue;
     private _value;
-    optionChildren: QueryList<OptionComponent>;
+    optionChildren: QueryList<OptionComponent<TOptionValue>>;
     selectedOptionContent: any;
     indexSelectedOption: number;
     resetListeners$: Subject<void>;
     constructor(changeDetectorRef: ChangeDetectorRef);
-    handleSelectOptionsChange(optionChildren: QueryList<OptionComponent>, value: any): void;
+    handleSelectOptionsChange(optionChildren: QueryList<OptionComponent<TOptionValue>>, value: any): void;
     assignValue(value: any): void;
     handleValueChange(): void;
     selectNextOption(): void;
@@ -30,6 +30,6 @@ export declare class ValueChangeService implements OnDestroy {
     private optionSelectedChangeListeners;
     private changeSelectedOption;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ValueChangeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ValueChangeService>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueChangeService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ValueChangeService<any>>;
 }

package/lib/directives/shared-directives.module.d.ts

@@ -6,10 +6,11 @@ import * as i4 from "./zindex-toggle/zindex-toggle.directive";
 import * as i5 from "./ng-var.directive";
 import * as i6 from "./keyboard-events/keypress-enter.directive";
 import * as i7 from "../components/selects/option/select-option.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/forms";
+import * as i8 from "../components/selects/select-test/select.directive";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/forms";
 export declare class SharedDirectives {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedDirectives, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDirectives, [typeof i1.DebounceKeyupDirective, typeof i2.AbstractDebounceDirective, typeof i3.AutoHideDirective, typeof i4.ZindexToggleDirective, typeof i5.VarDirective, typeof i6.KeypressEnterDirective, typeof i7.SelectOptionDirective], [typeof i8.CommonModule, typeof i9.FormsModule], [typeof i1.DebounceKeyupDirective, typeof i2.AbstractDebounceDirective, typeof i3.AutoHideDirective, typeof i4.ZindexToggleDirective, typeof i5.VarDirective, typeof i6.KeypressEnterDirective, typeof i7.SelectOptionDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedDirectives, [typeof i1.DebounceKeyupDirective, typeof i2.AbstractDebounceDirective, typeof i3.AutoHideDirective, typeof i4.ZindexToggleDirective, typeof i5.VarDirective, typeof i6.KeypressEnterDirective, typeof i7.SelectOptionDirective, typeof i8.SelectDirective], [typeof i9.CommonModule, typeof i10.FormsModule], [typeof i1.DebounceKeyupDirective, typeof i2.AbstractDebounceDirective, typeof i3.AutoHideDirective, typeof i4.ZindexToggleDirective, typeof i5.VarDirective, typeof i6.KeypressEnterDirective, typeof i7.SelectOptionDirective, typeof i8.SelectDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedDirectives>;
 }

package/package.json

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

package/public-api.d.ts

@@ -100,6 +100,8 @@ export * from './lib/directives/keyboard-events/keypress-enter.directive';
 export * from './lib/components/optional-disable-container/optional-disable-container.component';
 export * from './lib/components/summary/summary.component';
 export * from './lib/components/selects/select-test/select.component';
+export * from './lib/components/selects/select-test/value-change.service';
+export * from './lib/components/selects/select-test/select.directive';
 export * from './lib/components/selects/option/option.component';
 export * from './lib/components/selects/option-call-to-action/option-call-to-action.component';
 export * from './lib/components/common/placeholder/placeholder.component';