@lucca-front/ng 21.4.0 → 21.4.2

package/types/lucca-front-ng-multi-select.d.ts

@@ -51,12 +51,18 @@ declare class LuMultiSelectPanelRefFactory {
 }
 
 declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T, T[]> implements ControlValueAccessor, OnDestroy, OnInit {
+    #private;
     intl: i0.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
     showColon: false;
     valuesTpl: i0.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
     maxValuesShown: number;
     keepSearchAfterSelection: boolean;
-    filterPillLabelPlural: string;
+    /**
+     * @deprecated use filterPillLabelPluralFn
+     */
+    filterPillLabelPlural: i0.InputSignal<string>;
+    filterPillLabelPluralFn: i0.InputSignal<(count: number) => string>;
+    filterPillLabelPluralValue: Signal<string>;
     selectParent$: Subject<void>;
     selectChildren$: Subject<void>;
     get filterPillClass(): boolean;
@@ -65,7 +71,9 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     isFilterPillEmpty: Signal<boolean>;
     valueLength: Signal<number>;
     useSingleOptionDisplayer: Signal<boolean>;
+    singleOptionForDisplay: Signal<T | undefined>;
     _value: T[];
+    protected readonly presentationSeparators: Signal<string[]>;
     get panelRef(): LuMultiSelectPanelRef<T> | undefined;
     protected _panelRef?: LuMultiSelectPanelRef<T>;
     protected panelRefFactory: LuMultiSelectPanelRefFactory;
@@ -92,7 +100,7 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     clearValue(event?: Event): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; "isSignal": true; }; "filterPillLabelPluralFn": { "alias": "filterPillLabelPluralFn"; "required": false; "isSignal": true; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
     static ngAcceptInputType_maxValuesShown: unknown;
     static ngAcceptInputType_keepSearchAfterSelection: unknown;
 }
@@ -118,7 +126,7 @@ interface LuMultiSelectWithSelectAllContext {
     setSelectAll(value: boolean): void;
     mode: Signal<LuMultiSelectionMode>;
     values: Signal<unknown[]>;
-    displayerLabel: Signal<string>;
+    displayerLabelValue: Signal<string>;
     totalCount: Signal<number>;
     displayerCount: Signal<number>;
     intl: Signal<ILuMultiSelectLabel>;
@@ -128,11 +136,17 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     #private;
     readonly select: LuMultiSelectInputComponent<TValue>;
     readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
+    /**
+     * @deprecated use withSelectAllDisplayerLabelFn
+     */
     readonly displayerLabel: i0.InputSignal<string>;
+    readonly displayerLabelFn: i0.InputSignal<(count: number) => string>;
+    readonly displayerLabelValue: i0.Signal<string>;
     readonly mode: i0.Signal<"include" | "exclude" | "none" | "all">;
     readonly values: i0.Signal<TValue[]>;
     readonly totalCount: i0.Signal<number>;
     readonly clueChange: i0.Signal<string>;
+    readonly singleRemainingOption: i0.Signal<TValue>;
     readonly displayerCount: i0.Signal<number>;
     constructor();
     setSelectAll(selectAll: boolean): void;
@@ -142,7 +156,7 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     writeValue(value: TValue[] | LuMultiSelection<TValue>): void;
     clearValue($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": false; "isSignal": true; }; "displayerLabelFn": { "alias": "withSelectAllDisplayerLabelFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuMultiSelectContentDisplayerComponent<T> {
@@ -222,6 +236,16 @@ declare class LuMultiDisplayerDirective<T> {
     static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Returns the `itemCount - 1` separators `Intl.ListFormat` puts between `itemCount` items, so they can be
+ * interleaved with values rendered by a template rather than by `format()`.
+ *
+ * @example
+ * ```ts
+ * listSeparators(new Intl.ListFormat('fr-FR'), 3); // [', ', ' et ']
+ * ```
+ */
+declare function listSeparators(listFormat: Intl.ListFormat, itemCount: number): string[];
 declare function selectionToQueryParams<T, Key extends string>(key: Key, value: LuMultiSelection<T>, selector: (value: T) => unknown): Partial<Record<Key | `-${Key}`, string>>;
 /**
  * Transforms a selection from withSelectAll, the complete list of options and a getKey function to a list of options.
@@ -240,5 +264,5 @@ declare const LuMultiSelectionValidators: {
     required: (control: AbstractControl<LuMultiSelection<unknown>>) => ValidationErrors | null;
 };
 
-export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
+export { LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS, LU_MULTI_SELECT_TRANSLATIONS, LuMultiDisplayerDirective, LuMultiSelectContentDisplayerComponent, LuMultiSelectCounterDisplayerComponent, LuMultiSelectDefaultDisplayerComponent, LuMultiSelectDisplayerInputDirective, LuMultiSelectInputComponent, LuMultiSelectWithSelectAllDirective, LuMultiSelectionValidators, listSeparators, luMultiSelectDisplayerTranslations, luMultiSelectTranslations, selectionToOptions, selectionToQueryParams };
 export type { ILuMultiSelectDisplayerLabel, ILuMultiSelectLabel, LuMultiSelection, LuMultiSelectionMode };

package/types/lucca-front-ng-numeric-badge.d.ts

@@ -32,6 +32,7 @@ declare class NumericBadgeComponent {
      * Disabled tooltip on numeric badge
      */
     readonly disableTooltip: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaHidden: _angular_core.Signal<string>;
     readonly numericBadgeClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;

package/types/lucca-front-ng-read-more.d.ts

@@ -16,6 +16,11 @@ declare class ReadMoreComponent {
      * Prevent the component from closing by hiding the "Read less" button
      */
     readonly openOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Display the `\n` of the content as line breaks instead of collapsing them into spaces (`white-space: pre-line`).
+     * Meant for plain-text content such as a textarea value.
+     */
+    readonly plainText: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Change the background color under the "Read more / less" button
      */
@@ -39,7 +44,7 @@ declare class ReadMoreComponent {
     constructor();
     toggleExpanded(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReadMoreComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReadMoreComponent, "lu-read-more", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "openOnly": { "alias": "openOnly"; "required": false; "isSignal": true; }; "textFlow": { "alias": "textFlow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "innerContent": { "alias": "innerContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReadMoreComponent, "lu-read-more", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; "openOnly": { "alias": "openOnly"; "required": false; "isSignal": true; }; "plainText": { "alias": "plainText"; "required": false; "isSignal": true; }; "textFlow": { "alias": "textFlow"; "required": false; "isSignal": true; }; "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "innerContent": { "alias": "innerContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**

package/types/lucca-front-ng-simple-select.d.ts

@@ -58,9 +58,7 @@ declare class LuSelectPanelComponent<T> implements AfterViewInit, CoreSelectPane
     initialValue: T | undefined;
     optionTpl: _angular_core.ModelSignal<_angular_core.Type<unknown> | _angular_core.TemplateRef<_lucca_front_ng_core_select.LuOptionContext<T>>>;
     options: _angular_core.WritableSignal<_CoreSelectPanelElement<T>[]>;
-    pointerNavigation: _angular_core.WritableSignal<boolean>;
-    onKeydown(): void;
-    onMousemove(): void;
+    pointerNavigation: _angular_core.Signal<boolean>;
     keyManager: CoreSelectKeyManager<T>;
     selected: _angular_core.Signal<T>;
     hasGrouping$: rxjs.Observable<boolean>;

package/types/lucca-front-ng-title.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
+import { InjectionToken, Signal, Provider } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, ObservableInput } from 'rxjs';
 import * as i1 from '@angular/router';
@@ -47,14 +47,14 @@ declare class LuTitleService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LuTitleService>;
 }
 
-declare const ɵAPP_TITLE: InjectionToken<string | Observable<string>>;
+declare const ɵAPP_TITLE: InjectionToken<string | Observable<string> | Signal<string>>;
 type LuTitleNamingStrategy = 'product' | 'other';
 declare const ɵNAMING_STRATEGY: InjectionToken<LuTitleNamingStrategy>;
 declare const ɵREAD_TITLE_BY_LIVE_ANNOUNCER: InjectionToken<boolean>;
 /**
  * @deprecated Use `provideLuTitleStrategy` instead.
  */
-declare const APP_TITLE: InjectionToken<string | Observable<string>>;
+declare const APP_TITLE: InjectionToken<string | Observable<string> | Signal<string>>;
 declare class LuTitleStrategy extends TitleStrategy {
     #private;
     private title;
@@ -63,7 +63,7 @@ declare class LuTitleStrategy extends TitleStrategy {
     private namingStrategy;
     private readTitleByLiveAnnouncer;
     private liveAnnouncer;
-    private luccaTitle$;
+    private readonly luccaTitle$;
     private titlePartsSubject;
     titleParts$: Observable<(string | ObservableInput<string>)[]>;
     title$: Observable<string>;
@@ -75,7 +75,7 @@ declare class LuTitleStrategy extends TitleStrategy {
     static ɵprov: i0.ɵɵInjectableDeclaration<LuTitleStrategy>;
 }
 interface LuTitleStrategyOptions {
-    appTitle?: () => string | Observable<string>;
+    appTitle?: () => string | Observable<string> | Signal<string>;
     translateService?: () => ILuTitleTranslateService;
     namingStrategy?: LuTitleNamingStrategy;
     readTitleByLiveAnnouncer?: boolean;