@lucca-front/ng 22.1.0-rc.3 → 22.1.0

package/schematics/lib/local-deps/package.json

@@ -13,7 +13,7 @@
   "devDependencies": {
     "postcss": "8.5.26",
     "postcss-scss": "4.0.9",
-    "postcss-selector-parser": "7.1.0",
+    "postcss-selector-parser": "7.1.6",
     "postcss-value-parser": "4.2.0"
   },
   "volta": {

package/src/definitions/option/_option-item.scss

@@ -76,7 +76,8 @@
 					border-end-end-radius: var(--pr-t-border-radius-default);
 				}
 
-				:host-context(.optionItem.is-highlighted) & {
+				&:hover,
+				&.is-highlighted {
 					background-color: var(--palettes-100, var(--palettes-product-100));
 				}
 
@@ -85,7 +86,8 @@
 				}
 			}
 
-			:host-context(.optionItem.is-highlighted) & {
+			&:hover,
+			&.is-highlighted {
 				background-color: var(--palettes-neutral-50);
 			}
 
@@ -105,7 +107,7 @@
 
 			@layer mods {
 				&:hover,
-				:host-context(.optionItem.is-highlighted) & {
+				&.is-highlighted {
 					background-color: inherit;
 				}
 			}
@@ -180,7 +182,8 @@
 					--components-options-checkbox-border-color: var(--palettes-neutral-500); // disabled token candidate
 				}
 
-				:host-context(.optionItem.is-highlighted) &:not(.is-disabled) {
+				&:not(.is-disabled):hover,
+				&.is-highlighted:not(.is-disabled) {
 					&::before {
 						box-shadow: inset 0 0 0 2px var(--components-options-checkbox-color);
 					}

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

@@ -27,7 +27,7 @@ declare class SkipLinksService {
     register(link: LuSkipLink): void;
     unregister(link: LuSkipLink): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinksService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkipLinksService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuSkipLinksComponent {

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

@@ -55,7 +55,7 @@ declare class LuApiV3Service<T extends ILuApiItem = ILuApiItem> extends ALuApiSe
     protected _get(url: string): Observable<T[]>;
     protected _clueFilter(clue: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuApiV3Service<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LuApiV3Service<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuApiV4Service<T extends ILuApiItem = ILuApiItem> extends ALuApiService<T> {
@@ -74,7 +74,7 @@ declare class LuApiV4Service<T extends ILuApiItem = ILuApiItem> extends ALuApiSe
     searchPaged(clue?: string, page?: number, filters?: string[]): Observable<T[]>;
     count(): Observable<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuApiV4Service<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LuApiV4Service<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuApiHybridService<T extends ILuApiItem = ILuApiItem> extends ALuApiService<T> {
@@ -95,7 +95,7 @@ declare class LuApiHybridService<T extends ILuApiItem = ILuApiItem> extends ALuA
     searchAll(clue: string, filters?: string[]): Observable<T[]>;
     searchPaged(clue: string, page: number, filters?: string[]): Observable<T[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuApiHybridService<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LuApiHybridService<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 type ILuApiOptionFeeder<T extends ILuApiItem = ILuApiItem> = ILuOptionOperator<T>;

package/types/lucca-front-ng-approbation-inbox.d.ts

@@ -48,7 +48,7 @@ declare class ApprobationInboxLinkComponent {
 }
 
 declare class ApprobationInboxItemComponent implements OnInit {
-    protected readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListItemTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListItemTranslations>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListItemTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListItemTranslations>>;
     private readonly list;
     private readonly destroyRef;
     readonly selectable: _angular_core.Signal<boolean>;
@@ -63,7 +63,7 @@ declare class ApprobationInboxItemComponent implements OnInit {
 }
 
 declare class ApprobationInboxGroupComponent {
-    protected readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListGroupTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListGroupTranslations>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListGroupTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListGroupTranslations>>;
     private readonly list;
     readonly selectable: _angular_core.Signal<boolean>;
     readonly label: _angular_core.InputSignal<string>;
@@ -110,7 +110,7 @@ interface SelectableItem {
     checked: WritableSignal<boolean>;
 }
 declare class ApprobationInboxListComponent {
-    protected readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListTranslations>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_approbation_inbox.LuApprobationInboxListTranslations, Partial<_lucca_front_ng_approbation_inbox.LuApprobationInboxListTranslations>>;
     private readonly pluralRules;
     readonly titleId: string;
     readonly label: _angular_core.InputSignal<PortalContent>;

package/types/lucca-front-ng-bubble-icon.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 
 /**
@@ -9,6 +10,8 @@ type BubbleIconSize = (typeof BUBBLE_ICON_SIZE)[number];
 declare const BUBBLE_ICON_DIRECTION: readonly ["top", "bottom", "left", "right", "random"];
 type BubbleIconDirection = (typeof BUBBLE_ICON_DIRECTION)[number];
 
+declare const LU_BUBBLE_ICON_DEFAULT_DIRECTION: InjectionToken<"top" | "bottom" | "left" | "right" | "random">;
+
 declare class BubbleIconComponent {
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
     readonly alt: _angular_core.InputSignal<string>;
@@ -24,5 +27,5 @@ declare class BubbleIconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BubbleIconComponent, "lu-bubble-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "bubbleDirection": { "alias": "bubbleDirection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BUBBLE_ICON_DIRECTION, BUBBLE_ICON_SIZE, BubbleIconComponent };
+export { BUBBLE_ICON_DIRECTION, BUBBLE_ICON_SIZE, BubbleIconComponent, LU_BUBBLE_ICON_DEFAULT_DIRECTION };
 export type { BubbleIconDirection, BubbleIconSize };

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

@@ -33,7 +33,7 @@ declare class ChipComponent {
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
-     * Which size should the chip be? Defaults or small
+     * Which size should the chip be? Defaults to the regular size, `S` for small
      */
     readonly size: _angular_core.InputSignal<"S">;
     /**

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

@@ -21,7 +21,7 @@ declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_clear.LuClearLabel, Partial<_lucca_front_ng_clear.LuClearLabel>>;
     /**
-     * Which size should the clear be? Defaults to small
+     * Which size should the clear be? Defaults to the regular size, `S` for small
      */
     readonly size: _angular_core.InputSignal<"S">;
     /**

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

@@ -33,16 +33,16 @@ declare class CommentBlockComponent {
     readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
     readonly compact: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
-     * Small is a shorthand to set the size to small
+     * Apply the small size to the comment block wrapper
      *
-     * If the size input is filled along with the small input, their values will have the priority
+     * Independent from the size input, which applies to each comment of the block
      */
     readonly small: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly authorName: _angular_core.InputSignal<PortalContent>;
     readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
     /**
-     * Which size should the block comment be? Defaults or small
+     * Which size should each comment of the block be? `S` applies the small size
      */
     readonly size: _angular_core.InputSignal<"S" | "M">;
     readonly noAvatar: _angular_core.Signal<boolean>;

package/types/lucca-front-ng-core-select-establishment.d.ts

@@ -16,7 +16,7 @@ declare class EstablishmentGroupingService {
     protected readonly legalUnitsCount$: rxjs.Observable<number>;
     readonly useGrouping$: rxjs.Observable<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EstablishmentGroupingService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<EstablishmentGroupingService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 interface LuCoreSelectLegalUnit extends ILuApiItem {

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

@@ -62,6 +62,15 @@ interface LuOptionGroup<T, TGroup> {
 }
 type LuOptionComparer<T> = (a: T, b: T) => boolean;
 type CoreSelectAddOptionStrategy = 'never' | 'always' | 'if-empty-clue' | 'if-not-empty-clue';
+/**
+ * Feature flag gating the responsive dialog system as a whole: below the `S` breakpoint the select
+ * trigger becomes a button and its panel opens as a bottom sheet instead of a popover anchored to the
+ * field.
+ *
+ * It defaults to `false`, so a consumer that provides nothing keeps the anchored popover at every
+ * viewport size. Turn it on application-wide with `{ provide: SELECT_RESPONSIVE_DIALOG, useValue: true }`.
+ */
+declare const SELECT_RESPONSIVE_DIALOG: InjectionToken<boolean>;
 declare const SELECT_ID: InjectionToken<number>;
 declare const SELECT_LABEL: InjectionToken<HTMLLabelElement>;
 declare const SELECT_LABEL_ID: InjectionToken<string>;
@@ -78,7 +87,7 @@ declare abstract class ɵIsSelectedStrategy<TOption> {
     abstract isSelected(option: TOption, selectedOptions: TOption[], optionComparer: LuOptionComparer<TOption>): boolean;
     abstract isGroupSelected(options: TOption[], notSelectedOptions: TOption[]): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ɵIsSelectedStrategy<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ɵIsSelectedStrategy<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
@@ -121,7 +130,7 @@ declare class CoreSelectKeyManager<T> {
     setActiveItemByElement(item: CoreSelectPanelElement<T>): void;
     highlightOption(option: T): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CoreSelectKeyManager<any>, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<CoreSelectKeyManager<any>>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 /**
@@ -327,10 +336,16 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     readonly isPanelOpen$: BehaviorSubject<boolean>;
     readonly panelOpenSignal: Signal<boolean>;
     private readonly belowSmallBreakpoint;
+    /** Feature flag turning the whole responsive dialog system on; off unless the app provides it. */
+    private readonly responsiveDialog;
     /**
      * Below the `S` breakpoint (800px) the panel opens as a dialog in `sheet` mode that embeds its own
      * search input, instead of a popover anchored to the field — mirroring how filter pills move the input
      * inside their overlay. Filter pills already provide their own overlay, so they keep their behavior.
+     *
+     * This is the single gate of the system: everything else — the button trigger, the sheet panel ref,
+     * the sheet template of the panels, the displayers — reads it, so a `false` {@link SELECT_RESPONSIVE_DIALOG}
+     * leaves the select exactly as it was at every viewport size.
      */
     readonly bottomSheetMode: Signal<boolean>;
     /**
@@ -589,5 +604,5 @@ declare class LuIsOptionSelectedPipe<T> implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<LuIsOptionSelectedPipe<any>, "luIsOptionSelected", true>;
 }
 
-export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, fillScrollViewport as ɵfillScrollViewport, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, openSelectPanelSheet as ɵopenSelectPanelSheet, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
+export { ALuSelectInputComponent, CORE_SELECT_API_TOTAL_COUNT_PROVIDER, CoreSelectKeyManager, LU_CORE_SELECT_TRANSLATIONS, LU_OPTION_CONTEXT, LuCoreSelectNoClueDirective, LuCoreSelectPanelHeaderDirective, LuCoreSelectTotalCountDirective, LuDisabledOptionDirective, LuDisplayerDirective, LuIsOptionSelectedPipe, LuOptionDirective, LuOptionGroupDirective, LuSelectPanelLayoutComponent, LuSelectPanelRef, LuSimpleSelectDefaultOptionComponent, SELECT_ID, SELECT_LABEL, SELECT_LABEL_ID, SELECT_PANEL_INSTANCE, SELECT_RESPONSIVE_DIALOG, TreeDisplayPipe, addAttributesOnCdkContainer, applySearchDelimiter, coreSelectDefaultOptionComparer, coreSelectDefaultOptionKey, luCoreSelectTranslations, provideLuSelectLabelsAndIds, provideOptionContext, CoreSelectPanelElement as ɵCoreSelectPanelElement, ɵIsSelectedStrategy, LuOptionComponent as ɵLuOptionComponent, LuOptionGroupPipe as ɵLuOptionGroupPipe, LuOptionOutletDirective as ɵLuOptionOutletDirective, fillScrollViewport as ɵfillScrollViewport, generateGroups as ɵgenerateGroups, getGroupTemplateLocation as ɵgetGroupTemplateLocation, injectPointerNavigation as ɵinjectPointerNavigation, openSelectPanelSheet as ɵopenSelectPanelSheet, scrollIntoViewOnceReady as ɵscrollIntoViewOnceReady };
 export type { CoreSelectAddOptionStrategy, CoreSelectApiTotalCountProvider, CoreSelectPanelInstance, ILuOptionContext, LuCoreSelectLabel, LuOptionComparer, LuOptionContext, LuOptionGroup, LuOptionGroupByContext, LuOptionGrouping, SelectDataSource, SelectDataSourceParams, TreeGenerator, TreeGroupingFn, TreeNode };

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { PipeTransform, InjectionToken, TemplateRef, Type, OnDestroy, Signal, input, EffectCleanupRegisterFn, CreateEffectOptions, EffectRef, InputOptionsWithTransform } from '@angular/core';
+export { DecorativePalette, LU_RANDOM, PrClass as LuClass, Palette, ProductPalette } from '@lucca/prisme/core';
 import { UrlTree, ActivatedRoute, Params } from '@angular/router';
-export { DecorativePalette, PrClass as LuClass, Palette, ProductPalette } from '@lucca/prisme/core';
 
 /**
  * Extracts the values of an enum as a union type.
@@ -116,7 +116,7 @@ declare class LuNativeDateAdapter extends ALuDateAdapter<Date> implements ILuDat
     getDay(d: Date): number;
     add(d: Date, count: number, granularity: LuDateGranularity): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuNativeDateAdapter, [null, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuNativeDateAdapter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /** bind to a string with iso 26001 format YYYY-MM-DD */
@@ -141,7 +141,7 @@ declare class LuStringDateAdapter extends ALuDateAdapter<string> implements ILuD
     protected stringToDate(s: string): Date;
     protected dateToString(d: Date | undefined): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuStringDateAdapter, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuStringDateAdapter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 interface ILuOnCloseSubscriber {

package/types/lucca-front-ng-data-table.d.ts

@@ -32,7 +32,9 @@ declare abstract class BaseDataTableCell {
 declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implements AfterContentInit {
     #private;
     readonly elementRef: ElementRef<HTMLTableCellElement>;
-    readonly sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
+    readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending">;
+    readonly sortChange: _angular_core.OutputEmitterRef<"none" | "ascending" | "descending">;
+    protected readonly currentSort: _angular_core.WritableSignal<"none" | "ascending" | "descending">;
     readonly fixedWidth: _angular_core.InputSignal<string>;
     readonly inlineSize: _angular_core.InputSignal<string>;
     readonly sortWithEllipsis: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -43,7 +45,7 @@ declare class DataTableRowCellHeaderComponent extends BaseDataTableCell implemen
     ngAfterContentInit(): void;
     toggleSort(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableRowCellHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowCellHeaderComponent, "th[luDataTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowCellHeaderComponent, "th[luDataTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class DataTableRowCellComponent extends BaseDataTableCell {
@@ -89,6 +91,9 @@ declare class DataTableRowComponent {
 declare class DataTableComponent implements OnInit {
     #private;
     readonly tableRef: _angular_core.Signal<ElementRef<Element>>;
+    /**
+     * @deprecated No replacement: rows without an action should not have a hover effect.
+     */
     readonly hover: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly layoutFixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;

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

@@ -76,7 +76,7 @@ declare class LuCalendarItemFactory<D> {
     forgeYear(d: D, format?: string): YearItem<D>;
     forgeDecade(d: D, format?: string): DecadeItem<D>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarItemFactory<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuCalendarItemFactory<any>>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuCalendarInputComponent<D> extends ALuInput<D> implements ControlValueAccessor, OnInit, Validator {
@@ -226,7 +226,7 @@ declare class LuHumanizeDateFormatter {
     #private;
     format(relativeTime: LuRelativeTime): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuHumanizeDateFormatter, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuHumanizeDateFormatter>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuHumanizeDatePipe implements PipeTransform {

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

@@ -21,26 +21,22 @@ interface CellStatus {
 
 interface DateRangeInput {
     class?: `palette-${Palette}` | string;
-    /**
-     * Start bound of the range. Optional: a range can be open on its start, for instance when
-     * a filter only expresses an "until" date.
-     */
-    start?: Date | string | null;
-    /**
-     * End bound of the range. Optional: a range can be open on its end, for instance when
-     * a filter only expresses a "from" date.
-     */
+    start: Date | string;
     end?: Date | string | null;
     label?: string;
     scope?: CalendarMode;
 }
 interface DateRange extends DateRangeInput {
-    start?: Date | null;
+    start: Date;
     end?: Date | null;
 }
 
+interface OpenDateRange extends Omit<DateRange, 'start'> {
+    start?: Date | null;
+}
+
 interface RangeInfo {
-    range?: DateRange;
+    range?: OpenDateRange;
     /**
      * Bound the range is anchored on: its start when it has one, its end otherwise.
      * A range without start date is rendered from its end, the same way an incomplete
@@ -149,7 +145,7 @@ declare class Calendar2Component implements OnInit {
     getWeekRowClasses(week: CalendarCellInfo[]): Record<string, boolean>;
     getWeekDayCellClasses(day: CalendarCellInfo, isLastDay: boolean): Record<string, boolean>;
     getRangeInfo(date: Date, scope: CalendarMode | null, isOverflow?: boolean): {
-        range: DateRange;
+        range: OpenDateRange;
         anchor: Date;
         isStart: boolean;
         isEnd: boolean;
@@ -204,12 +200,15 @@ declare abstract class AbstractDateComponent {
     readonly min: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly max: _angular_core.InputSignalWithTransform<Date, string | Date>;
     readonly focusedDate: _angular_core.InputSignalWithTransform<Date, string | Date>;
-    readonly calendarMode: _angular_core.ModelSignal<"day" | "week" | "month" | "year">;
+    readonly calendarModeInput: _angular_core.InputSignal<"day" | "week" | "month" | "year">;
+    readonly calendarMode: _angular_core.WritableSignal<"day" | "week" | "month" | "year">;
+    readonly calendarModeChange: _angular_core.OutputEmitterRef<"day" | "week" | "month" | "year">;
     readonly panelOpened: _angular_core.OutputEmitterRef<void>;
     readonly panelClosed: _angular_core.OutputEmitterRef<void>;
     readonly dateFormatLocalized: _angular_core.Signal<string>;
     protected readonly currentDate: _angular_core.WritableSignal<Date>;
     protected readonly tabbableDate: _angular_core.WritableSignal<Date>;
+    protected changeCalendarMode(calendarMode: CalendarMode | null): void;
     protected constructor();
     isInMinMax(date: Date, mode: CalendarMode): boolean;
     isAfterMin(date: Date, mode: CalendarMode): boolean;
@@ -221,7 +220,7 @@ declare abstract class AbstractDateComponent {
     setDisabledState?(isDisabled: boolean): void;
     move(direction: 1 | -1, mode: CalendarMode): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractDateComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractDateComponent, "ng-component", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearBehavior": { "alias": "clearBehavior"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "calendarMode": { "alias": "calendarMode"; "required": false; "isSignal": true; }; }, { "calendarMode": "calendarModeChange"; "panelOpened": "panelOpened"; "panelClosed": "panelClosed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractDateComponent, "ng-component", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "ranges": { "alias": "ranges"; "required": false; "isSignal": true; }; "hideToday": { "alias": "hideToday"; "required": false; "isSignal": true; }; "hasTodayButton": { "alias": "hasTodayButton"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearBehavior": { "alias": "clearBehavior"; "required": false; "isSignal": true; }; "hideWeekend": { "alias": "hideWeekend"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "getCellInfo": { "alias": "getCellInfo"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "calendarModeInput": { "alias": "calendarMode"; "required": false; "isSignal": true; }; }, { "calendarModeChange": "calendarModeChange"; "panelOpened": "panelOpened"; "panelClosed": "panelClosed"; }, never, never, true, never>;
 }
 
 type DateInputValidatorErrorType = {
@@ -299,8 +298,8 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     readonly startUserTextInput: _angular_core.WritableSignal<string>;
     readonly endTextInputRef: Signal<ElementRef<HTMLInputElement>>;
     readonly endUserTextInput: _angular_core.WritableSignal<string>;
-    readonly initialValue: _angular_core.WritableSignal<DateRange>;
-    readonly selectedRange: _angular_core.WritableSignal<DateRange>;
+    readonly initialValue: _angular_core.WritableSignal<OpenDateRange>;
+    readonly selectedRange: _angular_core.WritableSignal<OpenDateRange>;
     readonly dateHovered: _angular_core.WritableSignal<Date>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly widthAuto: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;

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

@@ -42,7 +42,7 @@ declare class LuDepartmentV3Service extends LuApiV3Service<ILuDepartment> implem
     getTrees(): Observable<ILuTree<ILuDepartment>[]>;
     private format;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentV3Service, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuDepartmentV3Service>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class LuDepartmentV4Service {
@@ -60,7 +60,7 @@ declare class LuDepartmentV4Service {
     getTrees(): rxjs.Observable<ILuTree<ILuDepartment>[]>;
     private format;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentV4Service, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuDepartmentV4Service>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

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

@@ -274,7 +274,7 @@ declare class LuDialogService {
     #private;
     open<C, TData = LuDialogData<C>>(config: LuDialogConfig<C, NoInfer<TData>>): LuDialogRef<C, TData>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuDialogService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 declare class DialogComponent implements AfterViewInit {

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

@@ -35,7 +35,7 @@ declare class LuEstablishmentService extends LuApiV4Service<ILuEstablishment> {
     set filters(filters: string[]);
     constructor(_http: HttpClient);
     static ɵfac: i0.ɵɵFactoryDeclaration<LuEstablishmentService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuEstablishmentService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 type ILuLegalUnitService<E extends ILuLegalUnit = ILuLegalUnit> = ILuApiService<E>;
@@ -53,7 +53,7 @@ declare class LuLegalUnitService extends LuApiV4Service<ILuLegalUnit> {
     set filters(filters: string[]);
     constructor(_http: HttpClient);
     static ɵfac: i0.ɵɵFactoryDeclaration<LuLegalUnitService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuLegalUnitService>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
 
 /**

package/types/lucca-front-ng-file-upload.d.ts

@@ -57,8 +57,14 @@ type FileEntrySize = (typeof FILE_ENTRY_SIZE)[number];
 
 interface FileEntry {
     name: string;
-    size?: number;
-    type?: string;
+    /**
+     * File size in bytes. When `null`, the size is not displayed.
+     */
+    size?: number | null;
+    /**
+     * File MIME type. When `null`, the format is not displayed. When omitted, the format is deduced from the file name extension.
+     */
+    type?: string | null;
     preview?: string;
 }
 

package/types/lucca-front-ng-filter-pills.d.ts

@@ -7,7 +7,7 @@ import { PopoverDirective } from '@lucca-front/ng/popover2';
 import { FilterPillHostComponent, FilterPillInputComponent } from '@lucca-front/ng/filter-pills/core';
 export * from '@lucca-front/ng/filter-pills/core';
 import { LuOptionComparer as LuOptionComparer$1 } from '@lucca-front/ng/core-select';
-import { LuTranslation } from '@lucca-front/ng/core';
+import { LuTranslation, LuPluralForms } from '@lucca-front/ng/core';
 
 declare class FilterPillComponent implements FilterPillHostComponent {
     #private;
@@ -71,6 +71,7 @@ interface FilterBarSegmentedControlTabs {
     readonly externalTablist: WritableSignal<boolean>;
 }
 declare class FilterBarComponent {
+    #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_filter_pills.LuFilterPillsLabel, Partial<_lucca_front_ng_filter_pills.LuFilterPillsLabel>>;
     /**
      * Set when results only update after an explicit "Apply" action, to remove the hidden message
@@ -83,6 +84,12 @@ declare class FilterBarComponent {
      * The `luFilterPillAddonAfter` addon is displayed after the tabs, separated by a divider.
      */
     readonly segmentedControlTabs: _angular_core.InputSignal<FilterBarSegmentedControlTabs>;
+    /**
+     * Number of results matching the filters, displayed after the filters and announced to assistive technology
+     * users when it changes. `null` hides it, for instance while results are loading.
+     */
+    readonly resultsCount: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    protected readonly resultsCountLabel: Signal<string>;
     readonly autoApplyAnnouncementId: string;
     readonly addonBefore: WritableSignal<TemplateRef<unknown>>;
     readonly addonAfter: WritableSignal<TemplateRef<unknown>>;
@@ -103,7 +110,7 @@ declare class FilterBarComponent {
     constructor();
     protected displayOptionalPills(pills: FilterPillComponent[]): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lu-filter-bar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "manualApply": { "alias": "manualApply"; "required": false; "isSignal": true; }; "segmentedControlTabs": { "alias": "segmentedControlTabs"; "required": false; "isSignal": true; }; }, {}, ["pills"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBarComponent, "lu-filter-bar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "manualApply": { "alias": "manualApply"; "required": false; "isSignal": true; }; "segmentedControlTabs": { "alias": "segmentedControlTabs"; "required": false; "isSignal": true; }; "resultsCount": { "alias": "resultsCount"; "required": false; "isSignal": true; }; }, {}, ["pills"], ["*"], true, never>;
 }
 
 declare const LU_FILTER_BAR_INSTANCE: InjectionToken<FilterBarComponent>;
@@ -164,6 +171,8 @@ interface LuFilterPillsLabel {
     viewOptions: string;
     renameView: string;
     deleteView: string;
+    resultsCount: LuPluralForms;
+    noResults: string;
 }
 declare const luFilterPillsTranslations: LuTranslation<LuFilterPillsLabel>;
 

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

@@ -160,6 +160,11 @@ declare class NumberFormatInputComponent implements AfterViewInit {
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly hasClearer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
+    /**
+     * Width of the input itself, using the same scale as the form field width
+     */
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
+    protected readonly widthClass: _angular_core.Signal<string>;
     readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     readonly prefixAddon: _angular_core.Signal<TextInputAddon>;
     readonly suffixAddon: _angular_core.Signal<TextInputAddon>;
@@ -177,7 +182,7 @@ declare class NumberFormatInputComponent implements AfterViewInit {
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuNumberFormatFieldLabel, Partial<_lucca_front_ng_forms.LuNumberFormatFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFormatInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class NumberInputComponent {
@@ -194,10 +199,15 @@ declare class NumberInputComponent {
     readonly min: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
     readonly max: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
+    /**
+     * Width of the input itself, using the same scale as the form field width
+     */
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
+    protected readonly widthClass: _angular_core.Signal<string>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuNumberFieldLabel, Partial<_lucca_front_ng_forms.LuNumberFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RadioGroupInputComponent {
@@ -281,7 +291,7 @@ declare class TextInputComponent {
     readonly minlength: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly maxlength: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
-     * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'
+     * Search icon to use for when `hasSearchIcon` is true, defaults to 'searchMagnifyingGlass'
      */
     readonly searchIcon: _angular_core.InputSignal<LuccaIcon>;
     readonly type: _angular_core.InputSignal<TextFieldType>;

package/types/lucca-front-ng-index-table.d.ts

@@ -40,7 +40,9 @@ declare abstract class BaseIndexTableCell {
 
 declare class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
     readonly elementRef: ElementRef<HTMLTableCellElement>;
-    readonly sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
+    readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending">;
+    readonly sortChange: _angular_core.OutputEmitterRef<"none" | "ascending" | "descending">;
+    protected readonly currentSort: _angular_core.WritableSignal<"none" | "ascending" | "descending">;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly actions: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -49,7 +51,7 @@ declare class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
     protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement>>;
     toggleSort(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowCellHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellHeaderComponent, "th[luIndexTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellHeaderComponent, "th[luIndexTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class IndexTableRowCellComponent extends BaseIndexTableCell {