@lucca-front/ng 15.1.3 → 15.2.0

package/popup/lib/popup-ref.model.d.ts

@@ -7,6 +7,7 @@ export interface ILuPopupRef<T = unknown, D = unknown, R = unknown> {
     onOpen: Observable<D>;
     onClose: Observable<R>;
     onDismiss: Observable<void>;
+    onBackdropClick: Observable<void>;
     open(data: D): void;
     close(result: R): void;
     dismiss(): void;
@@ -14,18 +15,19 @@ export interface ILuPopupRef<T = unknown, D = unknown, R = unknown> {
 export interface ILuPopupRefFactory<TComponent = unknown, TConfig extends ILuPopupConfig = ILuPopupConfig> {
     forge<T extends TComponent, C extends TConfig, D, R>(component: ComponentType<T>, config: C): ILuPopupRef<T, D, R>;
 }
-export declare abstract class ALuPopupRef<T = unknown, D = unknown, R = unknown> implements ILuPopupRef<T, D, R> {
+export declare abstract class ALuPopupRef<T = unknown, D = unknown, R = unknown, C extends ILuPopupConfig = ILuPopupConfig> implements ILuPopupRef<T, D, R> {
     protected _overlay: Overlay;
     protected _injector: Injector;
     protected _component: ComponentType<T>;
-    protected _config: ILuPopupConfig;
+    protected _config: C;
     onOpen: Subject<D>;
     onClose: Subject<R>;
     onDismiss: Subject<void>;
+    onBackdropClick: Subject<void>;
     protected _overlayRef: OverlayRef;
     protected _componentRef: ComponentRef<T>;
     protected _subs: Subscription;
-    constructor(_overlay: Overlay, _injector: Injector, _component: ComponentType<T>, _config: ILuPopupConfig);
+    constructor(_overlay: Overlay, _injector: Injector, _component: ComponentType<T>, _config: C);
     open(data?: D): void;
     close(result?: R): void;
     dismiss(): void;
@@ -40,10 +42,13 @@ export declare abstract class ALuPopupRef<T = unknown, D = unknown, R = unknown>
      */
     protected _getOverlayConfig(): OverlayConfig;
     protected _openPopup(data?: D): void;
+    protected _getOverlayPanelClasses(): string[];
     protected _destroy(): void;
-    _completeSubjects(): void;
+    protected _completeSubjects(): void;
     protected _destroyOverlay(): void;
     protected _closePopup(): void;
     protected _subToCloseEvents(): void;
+    protected _subToEscapeKeydownEvent(): void;
+    protected _subToBackdropClickEvent(): void;
     protected _cleanSubscription(): void;
 }

package/popup/lib/popup.service.d.ts

@@ -4,8 +4,8 @@ import { ILuPopupRef } from './popup-ref.model';
 import * as i0 from "@angular/core";
 export declare class LuPopup<C extends ILuPopupConfig = ILuPopupConfig> {
     protected _factory: import("./popup-ref.model").ILuPopupRefFactory<unknown, ILuPopupConfig>;
-    protected _config: ILuPopupConfig;
-    open<T, D, R>(component: ComponentType<T>, data?: D, config?: C): ILuPopupRef<T, D, R>;
+    protected _config: C;
+    open<T, D, R>(component: ComponentType<T>, data?: D, config?: Partial<C>): ILuPopupRef<T, D, R>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuPopup<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LuPopup<any>>;
 }

package/sidepanel/lib/index.d.ts

@@ -1,10 +1,3 @@
-export * from './sidepanel-config.default';
-export * from './sidepanel-config.model';
-export * from './sidepanel-panel.component';
-export * from './sidepanel-ref.factory';
-export * from './sidepanel-ref.model';
 export * from './sidepanel.model';
 export * from './sidepanel.module';
 export * from './sidepanel.service';
-export * from './sidepanel.token';
-export * from './sidepanel.translate';

package/sidepanel/lib/sidepanel.model.d.ts

@@ -1,2 +1,43 @@
-import { ILuModalContent } from '@lucca-front/ng/modal';
+import { InjectionToken } from '@angular/core';
+import { ILuTranslation } from '@lucca-front/ng/core';
+import { ILuModalContent, ILuModalLabel, ILuModalRef, LuModalConfig } from '@lucca-front/ng/modal';
+/**
+ * For backward compatibility, we re-export modal tokens as sidepanel tokens.
+ * We should remove all sidepanel related files in the next major version (16+).
+ */
+/**
+ * @deprecated Use LU_MODAL_CONFIG from @lucca-front/ng/modal instead.
+ */
+export declare const LU_SIDEPANEL_CONFIG: InjectionToken<LuModalConfig>;
+/**
+ * @deprecated Use LU_MODAL_DATA from @lucca-front/ng/modal instead.
+ */
+export declare const LU_SIDEPANEL_DATA: InjectionToken<unknown>;
+/**
+ * @deprecated Use LU_MODAL_TRANSLATIONS from @lucca-front/ng/modal instead.
+ */
+export declare const LU_SIDEPANEL_TRANSLATIONS: InjectionToken<ILuTranslation<ILuModalLabel>>;
+/**
+ * @deprecated Use ILuModalLabel from @lucca-front/ng/modal instead.
+ */
+export declare type ILuSidepanelLabel = ILuModalLabel;
+/**
+ * @deprecated Use luModalTranslations from @lucca-front/ng/modal instead.
+ */
+export declare const luSidepanelTranslations: ILuTranslation<ILuSidepanelLabel>;
+/**
+ * @deprecated Use LuModalConfig from @lucca-front/ng/modal instead.
+ */
+export declare type LuSidepanelConfig = LuModalConfig;
+/**
+ * @deprecated Use LuModalConfig from @lucca-front/ng/modal instead.
+ */
+export declare type ILuSidepanelConfig = LuModalConfig;
+/**
+ * @deprecated Use ILuModalContent from @lucca-front/ng/modal instead.
+ */
 export declare type ILuSidepanelContent<T = unknown> = ILuModalContent<T>;
+/**
+ * @deprecated Use ILuModalRef from @lucca-front/ng/modal instead.
+ */
+export declare type ILuSidepanelRef<T extends ILuSidepanelContent = ILuSidepanelContent, D = unknown, R = unknown> = ILuModalRef<T, D, R>;

package/sidepanel/lib/sidepanel.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./sidepanel-panel.component";
-import * as i2 from "@angular/cdk/overlay";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/a11y";
-import * as i5 from "@lucca-front/ng/tooltip";
+import * as i1 from "@lucca-front/ng/modal";
+/**
+ * @deprecated Use LuModal with `modal.open(component, data, { mode: 'sidepanel' })` instead.
+ */
 export declare class LuSidepanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSidepanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuSidepanelModule, [typeof i1.LuSidepanelPanelComponent, typeof i1.LuSidepanelPanelComponentDefaultCD], [typeof i2.OverlayModule, typeof i3.CommonModule, typeof i4.A11yModule, typeof i5.LuTooltipModule], [typeof i1.LuSidepanelPanelComponent, typeof i1.LuSidepanelPanelComponentDefaultCD]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LuSidepanelModule, never, [typeof i1.LuModalModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LuSidepanelModule>;
 }

package/sidepanel/lib/sidepanel.service.d.ts

@@ -1,9 +1,17 @@
+import { ComponentType } from '@angular/cdk/overlay';
 import { LuModal } from '@lucca-front/ng/modal';
-import { ILuSidepanelConfig } from './sidepanel-config.model';
+import { ILuPopupRef } from '@lucca-front/ng/popup';
+import { LuSidepanelConfig } from './sidepanel.model';
 import * as i0 from "@angular/core";
-export declare class LuSidepanel<C extends ILuSidepanelConfig = ILuSidepanelConfig> extends LuModal<C> {
-    protected _factory: import("@lucca-front/ng/popup").ILuPopupRefFactory<unknown, import("@lucca-front/ng/popup").ILuPopupConfig>;
-    protected _config: ILuSidepanelConfig;
+/**
+ * @deprecated Use LuModal with `modal.open(component, data, { mode: 'sidepanel' })` instead.
+ */
+export declare class LuSidepanel<C extends LuSidepanelConfig = LuSidepanelConfig> extends LuModal<C> {
+    protected _config: C;
+    /**
+     * @deprecated Use LuModal with `modal.open(component, data, { mode: 'sidepanel' })` instead.
+     */
+    open<T, D, R>(component: ComponentType<T>, data?: D, config?: Partial<C>): ILuPopupRef<T, D, R>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSidepanel<any>, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LuSidepanel<any>>;
 }

package/simple-select/api/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@lucca-front/ng/simple-select/api" />
+export * from './public-api';

package/simple-select/api/lib/api-v3.directive.d.ts

@@ -0,0 +1,25 @@
+import { HttpClient } from '@angular/common/http';
+import { ILuApiItem } from '@lucca-front/ng/api';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
+import { ALuSimpleSelectApiDirective } from './api.directive';
+import * as i0 from "@angular/core";
+export declare class LuSimpleSelectApiV3Directive<T extends ILuApiItem> extends ALuSimpleSelectApiDirective<T> {
+    set apiV3(value: string);
+    set fields(value: string);
+    set orderBy(value: string);
+    set filters(value: Record<string, string | number | boolean>);
+    protected url$: ReplaySubject<string>;
+    protected fields$: BehaviorSubject<string>;
+    protected orderBy$: BehaviorSubject<string>;
+    protected filters$: BehaviorSubject<Record<string, string | number | boolean>>;
+    protected httpClient: HttpClient;
+    protected params$: Observable<{
+        name?: string;
+        fields: string;
+        orderBy: string;
+    }>;
+    protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
+    protected optionComparer: (a: T, b: T) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectApiV3Directive<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuSimpleSelectApiV3Directive<any>, "lu-simple-select[apiV3]", never, { "apiV3": "apiV3"; "fields": "fields"; "orderBy": "orderBy"; "filters": "filters"; }, {}, never, never, true, never>;
+}

package/simple-select/api/lib/api-v4.directive.d.ts

@@ -0,0 +1,22 @@
+import { HttpClient } from '@angular/common/http';
+import { ILuApiItem } from '@lucca-front/ng/api';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
+import { ALuSimpleSelectApiDirective } from './api.directive';
+import * as i0 from "@angular/core";
+export declare class LuSimpleSelectApiV4Directive<T extends ILuApiItem> extends ALuSimpleSelectApiDirective<T> {
+    set apiV4(value: string);
+    set sort(value: string);
+    set filters(value: Record<string, string | number | boolean>);
+    protected url$: ReplaySubject<string>;
+    protected sort$: BehaviorSubject<string>;
+    protected filters$: BehaviorSubject<Record<string, string | number | boolean>>;
+    protected httpClient: HttpClient;
+    protected params$: Observable<{
+        search?: string;
+        sort: string;
+    }>;
+    protected getOptions(params: Record<string, string | number | boolean>, page: number): Observable<T[]>;
+    protected optionComparer: (a: T, b: T) => boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectApiV4Directive<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuSimpleSelectApiV4Directive<any>, "lu-simple-select[apiV4]", never, { "apiV4": "apiV4"; "sort": "sort"; "filters": "filters"; }, {}, never, never, true, never>;
+}

package/simple-select/api/lib/api.directive.d.ts

@@ -0,0 +1,32 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare const MAGIC_PAGE_SIZE = 20;
+export declare const MAGIC_DEBOUNCE_DURATION = 250;
+export declare abstract class ALuSimpleSelectApiDirective<TOption, TParams = Record<string, string | number | boolean>> implements OnDestroy, OnInit {
+    protected destroy$: Subject<void>;
+    protected pageSize: number;
+    protected debounceDuration: number;
+    protected select: LuSimpleSelectInputComponent<TOption>;
+    protected page$: Observable<number>;
+    protected clue$: Observable<string>;
+    /**
+     * Create an object that will be used as params for the api call
+     */
+    protected abstract params$: Observable<TParams>;
+    /**
+     * Compare two options to know if they are the same. For example, compare by id or by JSON
+     */
+    protected abstract optionComparer: (a: TOption, b: TOption) => boolean;
+    /**
+     * Return the options for the given params and page
+     */
+    protected abstract getOptions(params: TParams, page: number): Observable<TOption[]>;
+    protected loading$: BehaviorSubject<boolean>;
+    ngOnInit(): void;
+    protected buildOptions(): Observable<TOption[]>;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ALuSimpleSelectApiDirective<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ALuSimpleSelectApiDirective<any, any>, never, never, {}, {}, never, never, false, never>;
+}

package/simple-select/api/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/api-v3.directive';
+export * from './lib/api-v4.directive';
+export { ALuSimpleSelectApiDirective } from './lib/api.directive';

package/simple-select/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './input/index';
 export * from './option/index';
 export * from './panel/index';
+export * from './select.translate';

package/simple-select/lib/input/panel-ref.factory.d.ts

@@ -0,0 +1,16 @@
+import { Overlay, OverlayConfig, OverlayPositionBuilder, ScrollStrategyOptions } from '@angular/cdk/overlay';
+import { ElementRef, Injector } from '@angular/core';
+import { LuSelectPanelRef } from '../panel';
+import { ILuSelectPanelData } from '../select.model';
+import * as i0 from "@angular/core";
+export declare class LuSimpleSelectPanelRefFactory {
+    protected overlay: Overlay;
+    protected elementRef: ElementRef<HTMLElement>;
+    protected positionBuilder: OverlayPositionBuilder;
+    protected scrollStrategies: ScrollStrategyOptions;
+    protected parentInjector: Injector;
+    buildPanelRef<T>(panelData: ILuSelectPanelData<T>, overlayConfigOverride?: OverlayConfig): LuSelectPanelRef<T>;
+    protected buildOverlayConfig(overlayConfigOverride?: OverlayConfig): OverlayConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectPanelRefFactory, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LuSimpleSelectPanelRefFactory>;
+}

package/simple-select/lib/input/select-input.component.d.ts

@@ -1,36 +1,20 @@
-import { Overlay, OverlayConfig, OverlayContainer, OverlayPositionBuilder, OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { OverlayConfig } from '@angular/cdk/overlay';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef, Type } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ReplaySubject, Subject } from 'rxjs';
-import { LuSelectPanelComponent, LuSelectPanelRef } from '../panel/index';
-import { ILuSelectPanelData, LuOptionContext } from '../select.model';
+import { BehaviorSubject, ReplaySubject } from 'rxjs';
+import { LuSelectPanelRef } from '../panel';
+import { LuOptionContext } from '../select.model';
+import { LuSimpleSelectPanelRefFactory } from './panel-ref.factory';
 import * as i0 from "@angular/core";
-declare class SelectPanelRef<T> extends LuSelectPanelRef<T> {
-    private overlayRef;
-    instance: LuSelectPanelComponent<T>;
-    private panelRef;
-    private portalRef;
-    constructor(overlayRef: OverlayRef, parentInjector: Injector, panelData: ILuSelectPanelData<T>);
-    emitValue(value: T): void;
-    close(): void;
-}
 export declare class LuSimpleSelectInputComponent<T> implements ControlValueAccessor, OnDestroy, OnInit {
-    protected positionBuilder: OverlayPositionBuilder;
-    protected scrollStrategies: ScrollStrategyOptions;
-    protected elementRef: ElementRef<HTMLElement>;
-    protected injector: Injector;
-    protected overlay: Overlay;
-    protected changeDetectorRef: ChangeDetectorRef;
-    protected label: HTMLElement | undefined;
-    protected labelId: string;
     tabindex: number;
     placeholder: string;
-    multiple: boolean;
     clearable: boolean;
     get searchable(): boolean;
     disabled: boolean;
     get isFilled(): boolean;
-    isPanelOpen: boolean;
+    get isPanelOpen(): boolean;
+    isPanelOpen$: BehaviorSubject<boolean>;
     role: string;
     activeDescendant: string | undefined;
     get ariaControls(): string;
@@ -38,22 +22,27 @@ export declare class LuSimpleSelectInputComponent<T> implements ControlValueAcce
     set loading(value: boolean);
     set options(options: T[]);
     optionComparer: (option1: T, option2: T) => boolean;
-    optionTpl?: TemplateRef<LuOptionContext<T>>;
-    valueTpl?: TemplateRef<LuOptionContext<T>>;
+    optionTpl?: TemplateRef<LuOptionContext<T>> | Type<unknown>;
+    valueTpl?: TemplateRef<LuOptionContext<T>> | Type<unknown>;
     clueChange: EventEmitter<string>;
     nextPage: EventEmitter<void>;
     previousPage: EventEmitter<void>;
-    value?: T;
+    get value(): T;
+    protected set value(value: T);
+    protected _value?: T;
     options$: ReplaySubject<T[]>;
     loading$: ReplaySubject<boolean>;
     clue: string | null;
+    intl: import("../select.translate").ILuSimpleSelectLabel;
     protected onChange?: (value: T | null) => void;
     protected onTouched?: () => void;
-    protected panelRef?: SelectPanelRef<T>;
-    protected overlayContainerRef: HTMLElement;
-    protected destroyed$: Subject<void>;
+    protected panelRef?: LuSelectPanelRef<T>;
     onKeydown($event: KeyboardEvent): void;
-    constructor(positionBuilder: OverlayPositionBuilder, scrollStrategies: ScrollStrategyOptions, elementRef: ElementRef<HTMLElement>, injector: Injector, overlay: Overlay, changeDetectorRef: ChangeDetectorRef, overlayContainer: OverlayContainer, label: HTMLElement | undefined, labelId: string);
+    protected changeDetectorRef: ChangeDetectorRef;
+    protected overlayContainerRef: HTMLElement;
+    protected panelRefFactory: LuSimpleSelectPanelRefFactory;
+    protected label: HTMLElement | undefined;
+    protected labelId: string;
     registerOnChange(onChange: (value: T) => void): void;
     registerOnTouched(onTouched: () => void): void;
     setDisabledState(isDisabled: boolean): void;
@@ -63,7 +52,7 @@ export declare class LuSimpleSelectInputComponent<T> implements ControlValueAcce
     openPanel(): void;
     closePanel(): void;
     writeValue(value: T): void;
+    updateValue(value: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuSimpleSelectInputComponent<any>, "lu-simple-select", never, { "placeholder": "placeholder"; "multiple": "multiple"; "clearable": "clearable"; "disabled": "disabled"; "overlayConfig": "overlayConfig"; "loading": "loading"; "options": "options"; "optionComparer": "optionComparer"; "optionTpl": "optionTpl"; "valueTpl": "valueTpl"; }, { "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuSimpleSelectInputComponent<any>, "lu-simple-select", never, { "placeholder": "placeholder"; "clearable": "clearable"; "disabled": "disabled"; "overlayConfig": "overlayConfig"; "loading": "loading"; "options": "options"; "optionComparer": "optionComparer"; "optionTpl": "optionTpl"; "valueTpl": "valueTpl"; }, { "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; }, never, never, true, never>;
 }
-export {};

package/simple-select/lib/input/select-input.models.d.ts

@@ -0,0 +1,3 @@
+import { Provider } from '@angular/core';
+export declare function provideLuSelectLabelsAndIds(): Provider[];
+export declare function provideLuSelectOverlayContainer(): Provider[];

package/simple-select/lib/option/default-option.component.d.ts

@@ -0,0 +1,9 @@
+import { ILuOptionContext } from './option.token';
+import * as i0 from "@angular/core";
+export declare class LuSimpleSelectDefaultOptionComponent {
+    context: ILuOptionContext<{
+        name?: string;
+    }>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuSimpleSelectDefaultOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuSimpleSelectDefaultOptionComponent, "lu-simple-select-default-option", never, {}, {}, never, never, true, never>;
+}

package/simple-select/lib/option/disabled.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class LuDisabledOptionDirective {
+    private context;
+    set isDisabled(disabled: boolean | null);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuDisabledOptionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuDisabledOptionDirective, "[luDisabledOption]", never, { "isDisabled": "luDisabledOption"; }, {}, never, never, true, never>;
+}

package/simple-select/lib/option/index.d.ts

@@ -1,3 +1,5 @@
+export * from './default-option.component';
+export * from './disabled.directive';
 export * from './displayer.directive';
-export * from './option.component';
+export { LuOptionComponent as ɵLuOptionComponent } from './option.component';
 export * from './option.directive';

package/simple-select/lib/option/option-outlet.directive.d.ts

@@ -0,0 +1,19 @@
+import { OnChanges, OnDestroy, SimpleChanges, TemplateRef, Type } from '@angular/core';
+import { LuOptionContext } from '../select.model';
+import * as i0 from "@angular/core";
+export declare class LuOptionOutletDirective<T> implements OnChanges, OnDestroy {
+    luOptionOutlet?: Type<unknown> | TemplateRef<LuOptionContext<T>>;
+    luOptionOutletValue: T | undefined;
+    private viewContainerRef;
+    private injector;
+    private embeddedViewRef?;
+    private componentRef?;
+    private optionContext;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private clearContainer;
+    private createComponent;
+    private updateRefValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionOutletDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuOptionOutletDirective<any>, "[luOptionOutlet]", never, { "luOptionOutlet": "luOptionOutlet"; "luOptionOutletValue": "luOptionOutletValue"; }, {}, never, never, true, never>;
+}

package/simple-select/lib/option/option.component.d.ts

@@ -1,21 +1,31 @@
 import { Highlightable } from '@angular/cdk/a11y';
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy, TemplateRef, Type } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { LuOptionContext } from '../select.model';
 import * as i0 from "@angular/core";
-export declare class LuOptionComponent<T> implements Highlightable {
-    protected elementRef: ElementRef<HTMLElement>;
-    protected selectId: number;
+export declare class LuOptionComponent<T> implements Highlightable, AfterViewInit, OnDestroy {
     hasOptionItemClass: boolean;
+    optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown> | undefined;
     isSelected: boolean;
     option?: T;
     optionIndex: number;
     isHighlighted$: BehaviorSubject<boolean>;
+    /**
+     * Whether option is disabled. Used by ListKeyManager.
+     */
     disabled: boolean;
+    private optionContext?;
+    private cdr;
+    private subscription?;
     role: string;
     get id(): string;
-    constructor(elementRef: ElementRef<HTMLElement>, selectId: number);
+    protected elementRef: ElementRef<HTMLElement>;
+    protected selectId: number;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
     setActiveStyles(): void;
     setInactiveStyles(): void;
+    selectOption($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "isSelected": "isSelected"; "option": "option"; "optionIndex": "optionIndex"; "disabled": "disabled"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionComponent<any>, "lu-select-option", never, { "optionTpl": "optionTpl"; "isSelected": "isSelected"; "option": "option"; "optionIndex": "optionIndex"; }, {}, never, never, true, never>;
 }

package/simple-select/lib/option/option.token.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+export interface ILuOptionContext<T> {
+    isDisabled$: BehaviorSubject<boolean>;
+    option$: BehaviorSubject<T | undefined>;
+    destroy(): void;
+}
+export declare const LU_OPTION_CONTEXT: InjectionToken<ILuOptionContext<unknown>>;
+export declare function provideOptionContext(): Provider;

package/simple-select/lib/panel/index.d.ts

@@ -1 +1,2 @@
 export * from './panel.component';
+export * from './panel.models';

package/simple-select/lib/panel/panel.component.d.ts

@@ -1,34 +1,24 @@
-import { AfterViewInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { Observable } from 'rxjs';
-import { LuOptionComponent } from '../option/index';
-import { ILuSelectPanelData, LuOptionContext } from '../select.model';
+import { AfterViewInit, ElementRef, QueryList } from '@angular/core';
+import { ɵLuOptionComponent } from '../option/index';
+import { ILuSelectPanelData } from '../select.model';
+import { LuSelectPanelRef } from './panel.models';
 import * as i0 from "@angular/core";
-export declare abstract class LuSelectPanelRef<T> {
-    closed: EventEmitter<void>;
-    previousPage: EventEmitter<void>;
-    nextPage: EventEmitter<void>;
-    valueChanged: EventEmitter<T>;
-    clueChanged: EventEmitter<string>;
-    activeOptionIdChanged: EventEmitter<string>;
-    options$: Observable<T>;
-    abstract emitValue(value: T): void;
-    close(): void;
-}
 export declare class LuSelectPanelComponent<T> implements AfterViewInit {
+    protected panelData: ILuSelectPanelData<T>;
     panelRef: LuSelectPanelRef<T>;
     selectId: number;
-    options$: Observable<T[]>;
-    loading$: Observable<boolean>;
+    intl: import("../select.translate").ILuSimpleSelectLabel;
+    options$: import("rxjs").Observable<T[]>;
+    loading$: import("rxjs").Observable<boolean>;
     optionComparer: (option1: T, option2: T) => boolean;
-    initialValue?: T;
-    optionTpl: TemplateRef<LuOptionContext<T>>;
+    initialValue: T | undefined;
+    optionTpl: import("@angular/core").Type<unknown> | import("@angular/core").TemplateRef<import("../select.model").LuOptionContext<T>>;
     searchable: boolean;
     set searchInput(input: ElementRef<HTMLInputElement> | undefined);
-    optionsQL: QueryList<LuOptionComponent<T>>;
+    optionsQL: QueryList<ɵLuOptionComponent<T>>;
     private keyManager;
     search: string | null;
     get selected(): T | undefined;
-    constructor(panelRef: LuSelectPanelRef<T>, selectId: number, data: ILuSelectPanelData<T>);
     onScroll(evt: Event): void;
     ngAfterViewInit(): void;
     onKeyDown($event: KeyboardEvent): void;

package/simple-select/lib/panel/panel.models.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
+export declare abstract class LuSelectPanelRef<T> {
+    closed: EventEmitter<void>;
+    previousPage: EventEmitter<void>;
+    nextPage: EventEmitter<void>;
+    valueChanged: EventEmitter<T>;
+    clueChanged: EventEmitter<string>;
+    activeOptionIdChanged: EventEmitter<string>;
+    options$: Observable<T>;
+    abstract emitValue(value: T): void;
+    close(): void;
+}

package/simple-select/lib/select.model.d.ts

@@ -1,17 +1,17 @@
-import { InjectionToken, TemplateRef } from '@angular/core';
+import { InjectionToken, TemplateRef, Type } from '@angular/core';
 import { Observable } from 'rxjs';
 export interface ILuSelectPanelData<T> {
     options$: Observable<T[]>;
     loading$: Observable<boolean>;
     optionComparer: (option1: T, option2: T) => boolean;
     initialValue: T | undefined;
-    optionTpl: TemplateRef<LuOptionContext<T>>;
+    optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown>;
     searchable: boolean;
 }
 export interface LuOptionContext<T> {
     $implicit: T;
 }
 export declare const SELECT_ID: InjectionToken<number>;
-export declare const SELECT_PANEL_DATA: InjectionToken<number>;
+export declare const SELECT_PANEL_DATA: InjectionToken<unknown>;
 export declare const SELECT_LABEL: InjectionToken<HTMLLabelElement>;
 export declare const SELECT_LABEL_ID: InjectionToken<string>;

package/simple-select/lib/select.translate.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+import { ILuTranslation } from '@lucca-front/ng/core';
+export declare const LU_SIMPLE_SELECT_TRANSLATIONS: InjectionToken<ILuTranslation<ILuSimpleSelectLabel>>;
+export interface ILuSimpleSelectLabel {
+    placeholder: string;
+    clear: string;
+    clearSearch: string;
+    emptyResults: string;
+}
+export declare const luSimpleSelectTranslations: ILuTranslation<ILuSimpleSelectLabel>;

package/src/components/_dropdown.scss

@@ -23,20 +23,22 @@
 }
 
 .lu-dropdown-options-item-action {
-	display: flex;
+	align-items: flex-start;
 	background-color: transparent;
 	border: 0;
-	padding: var(--spacings-XS) var(--spacings-S);
 	cursor: pointer;
+	display: flex;
+	gap: var(--spacings-XS);
 	line-height: var(--sizes-M-lineHeight);
-	width: 100%;
+	padding: var(--spacings-XS) var(--spacings-S);
 	text-align: left;
 	transition: background-color var(--commons-animations-durations-standard);
 	text-decoration: none;
+	width: 100%;
 
 	.lucca-icon {
 		font-size: 1rem;
-		margin: var(--spacings-XXS) var(--spacings-XS) 0 0;
+		line-height: var(--sizes-M-lineHeight);
 	}
 
 	&,