@lucca-front/ng 22.1.0-rc.1 → 22.1.0-rc.2

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

@@ -1,28 +1,17 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef, Signal } from '@angular/core';
-import { Palette, PortalContent } from '@lucca-front/ng/core';
+import { OnInit, ElementRef, Signal, InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_date2 from '@lucca-front/ng/date2';
+import { Palette, PortalContent, LuTranslation } from '@lucca-front/ng/core';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { ControlValueAccessor, Validator, NgControl, AbstractControl, ValidationErrors } from '@angular/forms';
 import { LuccaIcon } from '@lucca-front/icons';
-import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
+import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills/core';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
 import { WeekOptions, FirstWeekContainsDateOptions } from 'date-fns';
 
 declare const CALENDAR_MODE: readonly ["day", "week", "month", "year"];
 type CalendarMode = (typeof CALENDAR_MODE)[number];
 
-interface Date2Translate {
-    from: string;
-    to: string;
-    directionKeysTip: string;
-    pickDate: string;
-    previous: string;
-    next: string;
-    clear: string;
-    weekNumber: string;
-    weekPrefix: string;
-}
-
 interface CellStatus {
     classes: string[];
     disabled?: boolean;
@@ -32,18 +21,32 @@ interface CellStatus {
 
 interface DateRangeInput {
     class?: `palette-${Palette}` | string;
-    start: Date | 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.
+     */
     end?: Date | string | null;
     label?: string;
     scope?: CalendarMode;
 }
 interface DateRange extends DateRangeInput {
-    start: Date;
+    start?: Date | null;
     end?: Date | null;
 }
 
 interface RangeInfo {
     range?: DateRange;
+    /**
+     * 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
+     * range is rendered from its start.
+     */
+    anchor: Date;
     isStart: boolean;
     isEnd: boolean;
     label?: string;
@@ -98,7 +101,7 @@ declare class Calendar2CellDirective {
 declare class Calendar2Component implements OnInit {
     #private;
     readonly elementRef: ElementRef<HTMLElement>;
-    readonly intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_date2.Date2Translate, Partial<_lucca_front_ng_date2.Date2Translate>>;
     readonly showOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly enableOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly removeYearOverflow: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -147,6 +150,7 @@ declare class Calendar2Component implements OnInit {
     getWeekDayCellClasses(day: CalendarCellInfo, isLastDay: boolean): Record<string, boolean>;
     getRangeInfo(date: Date, scope: CalendarMode | null, isOverflow?: boolean): {
         range: DateRange;
+        anchor: Date;
         isStart: boolean;
         isEnd: boolean;
         label: string;
@@ -184,7 +188,7 @@ declare abstract class AbstractDateComponent {
     intlDateTimeFormat: Intl.DateTimeFormat;
     intlDateTimeFormatMonth: Intl.DateTimeFormat;
     intlDateTimeFormatYear: Intl.DateTimeFormat;
-    readonly intl: _angular_core.InputSignalWithTransform<Date2Translate, Partial<Date2Translate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_date2.Date2Translate, Partial<_lucca_front_ng_date2.Date2Translate>>;
     onTouched?: () => void;
     readonly disabled: _angular_core.WritableSignal<boolean>;
     readonly format: _angular_core.InputSignal<DateFormat>;
@@ -322,6 +326,11 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     isFilterPill: boolean;
     get isWidthAuto(): boolean;
     readonly isFilterPillEmpty: Signal<boolean>;
+    /**
+     * The field of the missing bound when a single date is selected, null otherwise.
+     * In filter pill mode, the popover initially focuses it, so the next picked date completes the range instead of replacing the selected one
+     */
+    protected readonly missingBoundField: Signal<0 | 1>;
     readonly isFilterPillClearable: Signal<boolean>;
     filterPillPopoverCloseFn?: () => void;
     readonly filterPillDisabled: _angular_core.WritableSignal<boolean>;
@@ -353,5 +362,21 @@ declare class DateRangeInputComponent extends AbstractDateComponent implements O
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangeInputComponent, "lu-date-range-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "widthAuto": { "alias": "widthAuto"; "required": false; "isSignal": true; }; "shortcuts": { "alias": "shortcuts"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator, humanizeDate };
-export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };
+declare const LU_DATE2_TRANSLATIONS: InjectionToken<LuTranslation<Date2Translate>>;
+interface Date2Translate {
+    from: string;
+    to: string;
+    fromDate: string;
+    untilDate: string;
+    directionKeysTip: string;
+    pickDate: string;
+    previous: string;
+    next: string;
+    clear: string;
+    weekNumber: string;
+    weekPrefix: string;
+}
+declare const luDate2Translations: LuTranslation<Date2Translate>;
+
+export { CALENDAR_MODE, Calendar2Component, DATE2_CLEAR_BEHAVIOR, DATE_FORMAT, DATE_FORMAT_CONST, DATE_ISO_FORMAT, DateInputComponent, DateRangeInputComponent, LU_DATE2_TRANSLATIONS, PremadeShortcuts, getDateFormat, getLocalizedDateFormat, getSeparator, humanizeDate, luDate2Translations };
+export type { CalendarMode, CalendarShortcut, CellStatus, Date2ClearBehavior, Date2Translate, DateFormat, DateInputValidatorErrorType, DateRange, DateRangeInput };

package/types/lucca-front-ng-fancy-box.d.ts

@@ -2,27 +2,36 @@ import * as _angular_core from '@angular/core';
 
 declare class FancyBoxComponent {
     #private;
+    readonly domain = "https://cdn.lucca.fr";
+    readonly path = "/transverse/prisme/visuals/fancy-box/";
+    readonly extension = ".svg";
     /**
-     * foreground image (URL)
+     * @deprecated use `foregroundStartEnd` instead
      */
     readonly foreground: _angular_core.InputSignal<string>;
     /**
-     * Background left image (URL)
+     * @deprecated use `backgroundEndStart` instead
      */
     readonly backgroundLeft: _angular_core.InputSignal<string>;
     /**
-     * Background right image (URL)
+     * @deprecated use `backgroundStartEnd` instead
      */
     readonly backgroundRight: _angular_core.InputSignal<string>;
-    /**
-     * Which size should the callout be? Defaults to small
-     */
+    readonly foregroundStartEnd: _angular_core.InputSignal<string>;
+    readonly foregroundEndStart: _angular_core.InputSignal<string>;
+    readonly backgroundEndStart: _angular_core.InputSignal<string>;
+    readonly backgroundStartEnd: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<"S">;
-    readonly foregroundStyle: _angular_core.Signal<string>;
-    readonly backgroundLeftStyle: _angular_core.Signal<string>;
-    readonly backgroundRightStyle: _angular_core.Signal<string>;
+    readonly palette: _angular_core.InputSignal<string>;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    readonly backgroundEndStartUrl: _angular_core.Signal<string>;
+    readonly backgroundStartEndUrl: _angular_core.Signal<string>;
+    readonly foregroundStartEndUrl: _angular_core.Signal<string>;
+    readonly foregroundEndStartUrl: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FancyBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": true; "isSignal": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FancyBoxComponent, "lu-fancy-box", never, { "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "backgroundLeft": { "alias": "backgroundLeft"; "required": false; "isSignal": true; }; "backgroundRight": { "alias": "backgroundRight"; "required": false; "isSignal": true; }; "foregroundStartEnd": { "alias": "foregroundStartEnd"; "required": false; "isSignal": true; }; "foregroundEndStart": { "alias": "foregroundEndStart"; "required": false; "isSignal": true; }; "backgroundEndStart": { "alias": "backgroundEndStart"; "required": false; "isSignal": true; }; "backgroundStartEnd": { "alias": "backgroundStartEnd"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -30,6 +39,14 @@ declare class FancyBoxComponent {
  */
 declare const FANCY_BOX_SIZE: readonly ["S"];
 type FancyBoxSize = (typeof FANCY_BOX_SIZE)[number];
+declare const FANCY_BOX_BACKGROUND_END_START: readonly ["bubbles", "plant"];
+type FancyBoxBackgroundEndStart = (typeof FANCY_BOX_BACKGROUND_END_START)[number];
+declare const FANCY_BOX_BACKGROUND_START_END: readonly ["bubbles", "candies"];
+type FancyBoxBackgroundStartEnd = (typeof FANCY_BOX_BACKGROUND_START_END)[number];
+declare const FANCY_BOX_FOREGROUND_END_START: readonly ["clips"];
+type FancyBoxForegroundEndStart = (typeof FANCY_BOX_FOREGROUND_END_START)[number];
+declare const FANCY_BOX_FOREGROUND_START_END: readonly ["pizza"];
+type FancyBoxForegroundStartEnd = (typeof FANCY_BOX_FOREGROUND_START_END)[number];
 
-export { FANCY_BOX_SIZE, FancyBoxComponent };
-export type { FancyBoxSize };
+export { FANCY_BOX_BACKGROUND_END_START, FANCY_BOX_BACKGROUND_START_END, FANCY_BOX_FOREGROUND_END_START, FANCY_BOX_FOREGROUND_START_END, FANCY_BOX_SIZE, FancyBoxComponent };
+export type { FancyBoxBackgroundEndStart, FancyBoxBackgroundStartEnd, FancyBoxForegroundEndStart, FancyBoxForegroundStartEnd, FancyBoxSize };

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

@@ -1,44 +1,15 @@
 import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_file_upload from '@lucca-front/ng/file-upload';
 import { Subject } from 'rxjs';
-
-interface LuFileUploadLabel {
-    acceptedFormat: {
-        one: string;
-        other: string;
-    };
-    selectFile: {
-        one: string;
-        other: string;
-    };
-    dropOrClick: {
-        one: string;
-        other: string;
-    };
-    maxWeight: {
-        one: string;
-        other: string;
-    };
-    fileUploadedListed: {
-        one: string;
-        other: string;
-    };
-    all: string;
-    file: string;
-    download: string;
-    preview: string;
-    downloadFile: string;
-    delete: string;
-    deleteFile: string;
-    password: string;
-    confirmPassword: string;
-}
+import { LuTranslation } from '@lucca-front/ng/core';
 
 declare abstract class BaseFileUploadComponent {
     protected locale: string;
     protected idSuffix: number;
     protected droppable: boolean;
-    readonly intl: _angular_core.InputSignalWithTransform<LuFileUploadLabel, Partial<LuFileUploadLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_file_upload.LuFileUploadLabel, Partial<_lucca_front_ng_file_upload.LuFileUploadLabel>>;
     protected formFieldRef: _lucca_front_ng_form_field.FormFieldComponent;
     filePicked: _angular_core.OutputEmitterRef<File>;
     readonly accept: _angular_core.InputSignal<{
@@ -93,7 +64,7 @@ interface FileEntry {
 
 declare class FileEntryComponent {
     #private;
-    readonly intl: _angular_core.InputSignalWithTransform<LuFileUploadLabel, Partial<LuFileUploadLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_file_upload.LuFileUploadLabel, Partial<_lucca_front_ng_file_upload.LuFileUploadLabel>>;
     readonly state: _angular_core.InputSignal<"loading" | "success" | "error" | "default">;
     readonly displayFileName: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly structure: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
@@ -157,5 +128,39 @@ declare class SingleFileUploadComponent extends BaseFileUploadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SingleFileUploadComponent, "lu-single-file-upload", never, { "entry": { "alias": "entry"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "inlineMessageError": { "alias": "inlineMessageError"; "required": false; "isSignal": true; }; "previewUrl": { "alias": "previewUrl"; "required": false; "isSignal": true; }; "displayFileName": { "alias": "displayFileName"; "required": false; "isSignal": true; }; }, { "deleteFile": "deleteFile"; }, never, ["*"], true, never>;
 }
 
-export { FILE_ENTRY_SIZE, FILE_ENTRY_STATE, FILE_UPLOAD_SIZE, FILE_UPLOAD_STATE, FileDropzoneComponent, FileEntryComponent, FileEntryWrapperComponent, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize };
-export type { FileEntry, FileEntrySize, FileEntryState, FileUploadSize, FileUploadState };
+declare const LU_FILE_UPLOAD_TRANSLATIONS: InjectionToken<LuTranslation<LuFileUploadLabel>>;
+interface LuFileUploadLabel {
+    acceptedFormat: {
+        one: string;
+        other: string;
+    };
+    selectFile: {
+        one: string;
+        other: string;
+    };
+    dropOrClick: {
+        one: string;
+        other: string;
+    };
+    maxWeight: {
+        one: string;
+        other: string;
+    };
+    fileUploadedListed: {
+        one: string;
+        other: string;
+    };
+    all: string;
+    file: string;
+    download: string;
+    preview: string;
+    downloadFile: string;
+    delete: string;
+    deleteFile: string;
+    password: string;
+    confirmPassword: string;
+}
+declare const luFileUploadTranslations: LuTranslation<LuFileUploadLabel>;
+
+export { FILE_ENTRY_SIZE, FILE_ENTRY_STATE, FILE_UPLOAD_SIZE, FILE_UPLOAD_STATE, FileDropzoneComponent, FileEntryComponent, FileEntryWrapperComponent, LU_FILE_UPLOAD_TRANSLATIONS, MultiFileUploadComponent, SingleFileUploadComponent, formatFileSize, luFileUploadTranslations };
+export type { FileEntry, FileEntrySize, FileEntryState, FileUploadSize, FileUploadState, LuFileUploadLabel };

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

@@ -0,0 +1,69 @@
+import * as i0 from '@angular/core';
+import { Signal, TemplateRef, WritableSignal, InjectionToken } from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
+
+type FilterPillLayout = 'checkable';
+interface FilterPillInputComponent {
+    parentInput?: FilterPillInputComponent | null;
+    isFilterPillEmpty: Signal<boolean>;
+    isFilterPillClearable: Signal<boolean>;
+    filterPillLayout?: Signal<FilterPillLayout>;
+    hideCombobox?: Signal<boolean>;
+    showColon?: Signal<boolean>;
+    filterPillDisabled?: Signal<boolean>;
+    clearFilterPillValue(): void;
+    registerFilterPillClosePopover(closeFn: () => void): void;
+    registerFilterPillUpdatePosition?(updateFn: () => void): void;
+    enableFilterPillMode?(): void;
+    onFilterPillClosed?(): void;
+    onFilterPillOpened?(): void;
+    onFilterPillClick?(): void;
+    getDefaultFilterPillIcon?(): LuccaIcon;
+}
+
+/**
+ * Contract exposed by `lu-filter-pill` to the inputs and directives it hosts.
+ * Declared here rather than typing the token with `FilterPillComponent` so this entry point
+ * stays independent from the components one, which depends on inputs such as `lu-multi-select`.
+ */
+interface FilterPillHostComponent {
+    /** Template rendering the input's value inside the pill, set by `luFilterPillDisplayer`. */
+    pillTpl: TemplateRef<unknown>;
+    /** Template overriding the pill's label, set by `luFilterPillLabel`. */
+    readonly customLabelTpl: WritableSignal<TemplateRef<unknown> | null>;
+    /** Lets an input register itself when it's too deep to be picked up by content query. */
+    registerInput(input: FilterPillInputComponent): void;
+}
+
+declare const FILTER_PILL_INPUT_COMPONENT: InjectionToken<FilterPillInputComponent>;
+declare const FILTER_PILL_HOST_COMPONENT: InjectionToken<FilterPillHostComponent>;
+
+interface FilterPillDisplayerContext {
+    label: string;
+    placeholder: string;
+    isEmpty: boolean;
+}
+declare class FilterPillDisplayerDirective {
+    #private;
+    constructor();
+    static ngTemplateContextGuard(_dir: FilterPillDisplayerDirective, _ctx: unknown): _ctx is FilterPillDisplayerContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterPillDisplayerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterPillDisplayerDirective, "[luFilterPillDisplayer]", never, {}, {}, never, never, true, never>;
+}
+
+interface FilterPillLabelContext {
+    label: string;
+    placeholder: string;
+    isEmpty: boolean;
+    colon: string;
+}
+declare class FilterPillLabelDirective {
+    #private;
+    constructor();
+    static ngTemplateContextGuard(_dir: FilterPillLabelDirective, _ctx: unknown): _ctx is FilterPillLabelContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterPillLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FilterPillLabelDirective, "[luFilterPillLabel]", never, {}, {}, never, never, true, never>;
+}
+
+export { FILTER_PILL_HOST_COMPONENT, FILTER_PILL_INPUT_COMPONENT, FilterPillDisplayerDirective, FilterPillLabelDirective };
+export type { FilterPillHostComponent, FilterPillInputComponent, FilterPillLayout };

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

@@ -1,71 +1,17 @@
 import * as _angular_core from '@angular/core';
-import { Signal, InjectionToken, ElementRef, TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef, InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_filter_pills from '@lucca-front/ng/filter-pills';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { LuccaIcon } from '@lucca-front/icons';
 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';
 
-interface LuFilterPillsLabel {
-    clear: string;
-    placeholder: string;
-    additionalFilters: string;
-    selectView: string;
-    viewOptions: string;
-    renameView: string;
-    deleteView: string;
-}
-
-type FilterPillLayout = 'checkable';
-interface FilterPillInputComponent {
-    parentInput?: FilterPillInputComponent | null;
-    isFilterPillEmpty: Signal<boolean>;
-    isFilterPillClearable: Signal<boolean>;
-    filterPillLayout?: Signal<FilterPillLayout>;
-    hideCombobox?: Signal<boolean>;
-    showColon?: Signal<boolean>;
-    filterPillDisabled?: Signal<boolean>;
-    clearFilterPillValue(): void;
-    registerFilterPillClosePopover(closeFn: () => void): void;
-    registerFilterPillUpdatePosition?(updateFn: () => void): void;
-    enableFilterPillMode?(): void;
-    onFilterPillClosed?(): void;
-    onFilterPillOpened?(): void;
-    onFilterPillClick?(): void;
-    getDefaultFilterPillIcon?(): LuccaIcon;
-}
-
-declare const FILTER_PILL_INPUT_COMPONENT: InjectionToken<FilterPillInputComponent>;
-declare const FILTER_PILL_HOST_COMPONENT: InjectionToken<FilterPillComponent>;
-
-interface FilterPillDisplayerContext {
-    label: string;
-    placeholder: string;
-    isEmpty: boolean;
-}
-declare class FilterPillDisplayerDirective {
+declare class FilterPillComponent implements FilterPillHostComponent {
     #private;
-    constructor();
-    static ngTemplateContextGuard(_dir: FilterPillDisplayerDirective, _ctx: unknown): _ctx is FilterPillDisplayerContext;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterPillDisplayerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterPillDisplayerDirective, "[luFilterPillDisplayer]", never, {}, {}, never, never, true, never>;
-}
-
-interface FilterPillLabelContext {
-    label: string;
-    placeholder: string;
-    isEmpty: boolean;
-    colon: string;
-}
-declare class FilterPillLabelDirective {
-    #private;
-    constructor();
-    static ngTemplateContextGuard(_dir: FilterPillLabelDirective, _ctx: unknown): _ctx is FilterPillLabelContext;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterPillLabelDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterPillLabelDirective, "[luFilterPillLabel]", never, {}, {}, never, never, true, never>;
-}
-
-declare class FilterPillComponent {
-    #private;
-    readonly intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_filter_pills.LuFilterPillsLabel, Partial<_lucca_front_ng_filter_pills.LuFilterPillsLabel>>;
     readonly elementRef: ElementRef<any>;
     readonly layout: _angular_core.Signal<"checkable" | "default">;
     readonly childInputComponentRef: _angular_core.Signal<FilterPillInputComponent>;
@@ -78,6 +24,12 @@ declare class FilterPillComponent {
     readonly customLabelTpl: _angular_core.WritableSignal<TemplateRef<unknown>>;
     readonly name: _angular_core.InputSignal<string>;
     readonly optional: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /** Groups the pill with the ones sharing the same value in the filter bar's optional filters list. Empty means no group. */
+    readonly grouping: _angular_core.InputSignal<string>;
+    /** Renders the pill as an icon-only button, its label being carried by a tooltip. */
+    readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /** Catches the click that closes the popover instead of letting it through to the page. */
+    readonly backdrop: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly disabled: _angular_core.Signal<boolean>;
     get isHiddenClass(): boolean;
     readonly displayed: _angular_core.ModelSignal<boolean>;
@@ -107,18 +59,37 @@ declare class FilterPillComponent {
     clear(): void;
     registerInput(input: FilterPillInputComponent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterPillComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterPillComponent, "lu-filter-pill", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "displayed": { "alias": "displayed"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholderOverride": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "displayed": "displayedChange"; }, ["childInputComponentRef"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterPillComponent, "lu-filter-pill", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "displayed": { "alias": "displayed"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholderOverride": { "alias": "placeholder"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "displayed": "displayedChange"; }, ["childInputComponentRef"], ["*"], true, never>;
 }
 
 declare class FilterBarComponent {
-    readonly intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
+    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
+     * telling assistive technology users that the results list updates automatically
+     */
+    readonly manualApply: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    readonly autoApplyAnnouncementId: string;
     readonly addonBefore: _angular_core.WritableSignal<TemplateRef<unknown>>;
     readonly addonAfter: _angular_core.WritableSignal<TemplateRef<unknown>>;
-    popoverPositions: ConnectionPositionPair[];
     readonly pills: _angular_core.Signal<readonly FilterPillComponent[]>;
     readonly optionalPills: _angular_core.Signal<FilterPillComponent[]>;
+    protected readonly displayedOptionalPills: _angular_core.Signal<FilterPillComponent[]>;
+    /** Mirrors the search clue of the optional filters select, which filters its options on its own. */
+    protected readonly clue: _angular_core.WritableSignal<string>;
+    /**
+     * The panel builds a group out of each run of consecutive options, so the pills of a same group
+     * have to be listed together. Groups keep the order of their first pill, ungrouped pills come first.
+     */
+    protected readonly optionalPillOptions: _angular_core.Signal<FilterPillComponent[]>;
+    /** Optional pills are identified by their instance, they have no serializable value to compare. */
+    protected readonly optionalPillComparer: LuOptionComparer$1<FilterPillComponent>;
+    private readonly optionalPillsSelect;
+    private readonly optionalPillsGroupTpl;
+    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; }; }, {}, ["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; }; }, {}, ["pills"], ["*"], true, never>;
 }
 
 declare const LU_FILTER_BAR_INSTANCE: InjectionToken<FilterBarComponent>;
@@ -127,7 +98,7 @@ type LuOptionComparer<T> = (a: T, b: T) => boolean;
 declare const filterViewDefaultOptionComparer: LuOptionComparer<unknown>;
 declare const filterViewDefaultOptionKey: (option: unknown) => unknown;
 declare class FilterViewSelectorComponent<T> {
-    readonly intl: _angular_core.InputSignalWithTransform<LuFilterPillsLabel, Partial<LuFilterPillsLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_filter_pills.LuFilterPillsLabel, Partial<_lucca_front_ng_filter_pills.LuFilterPillsLabel>>;
     readonly popoverRef: _angular_core.Signal<PopoverDirective>;
     /** The list of saved views to pick from. */
     readonly views: _angular_core.InputSignal<T[]>;
@@ -169,5 +140,18 @@ declare class FilterPillAddonAfterDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterPillAddonAfterDirective, "[luFilterPillAddonAfter]", never, {}, {}, never, never, true, never>;
 }
 
-export { FILTER_PILL_HOST_COMPONENT, FILTER_PILL_INPUT_COMPONENT, FilterBarComponent, FilterPillAddonAfterDirective, FilterPillAddonBeforeDirective, FilterPillComponent, FilterPillDisplayerDirective, FilterPillLabelDirective, FilterViewSelectorComponent, LU_FILTER_BAR_INSTANCE, filterViewDefaultOptionComparer, filterViewDefaultOptionKey };
-export type { FilterPillInputComponent, FilterPillLayout, LuOptionComparer };
+declare const LU_FILTER_PILLS_TRANSLATIONS: InjectionToken<LuTranslation<LuFilterPillsLabel>>;
+interface LuFilterPillsLabel {
+    clear: string;
+    placeholder: string;
+    additionalFilters: string;
+    autoApplyAnnouncement: string;
+    selectView: string;
+    viewOptions: string;
+    renameView: string;
+    deleteView: string;
+}
+declare const luFilterPillsTranslations: LuTranslation<LuFilterPillsLabel>;
+
+export { FilterBarComponent, FilterPillAddonAfterDirective, FilterPillAddonBeforeDirective, FilterPillComponent, FilterViewSelectorComponent, LU_FILTER_BAR_INSTANCE, LU_FILTER_PILLS_TRANSLATIONS, filterViewDefaultOptionComparer, filterViewDefaultOptionKey, luFilterPillsTranslations };
+export type { LuFilterPillsLabel, LuOptionComparer };

package/types/lucca-front-ng-form-field.d.ts

@@ -1,6 +1,6 @@
 import * as _lucca_front_ng_form from '@lucca-front/ng/form';
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef, OnDestroy, DoCheck, TemplateRef, InjectionToken } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, DoCheck, TemplateRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
 import { RequiredValidator, NgControl, AbstractControl } from '@angular/forms';
 import { FormField } from '@angular/forms/signals';
@@ -14,21 +14,34 @@ type FormFieldSize = (typeof FORM_FIELD_SIZE)[number];
 /**
  * Available FormFieldComponent types
  */
-declare const FORM_FIELD_WIDTH: readonly [20, 30, 40, 50, 60];
+declare const FORM_FIELD_WIDTH: readonly [10, 20, 30, 40, 50, 60];
 type FormFieldWidth = (typeof FORM_FIELD_WIDTH)[number];
 declare const FORM_FIELD_LAYOUT: readonly ["default", "checkable", "fieldset"];
 type FormFieldLayout = (typeof FORM_FIELD_LAYOUT)[number];
 
-declare class InputDirective implements OnInit {
+declare class InputDirective implements OnInit, OnDestroy {
+    #private;
     readonly host: ElementRef<HTMLElement>;
     readonly formFieldRef: _lucca_front_ng_form_field.FormFieldComponent;
     /**
      * Prevents message and label ids from being propagated, useful if the input holds its own message and label (like for radios)
      */
     readonly standalone: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
+    /**
+     * Space-separated ids labelling the input, appended to the ones provided by the parent form field.
+     * Use it instead of binding `aria-labelledby`, which the form field would override.
+     */
+    readonly labelledBy: _angular_core.InputSignal<string>;
+    /**
+     * Space-separated ids describing the input, placed before the ones provided by the parent form field.
+     * Use it instead of binding `aria-describedby`, which the form field would override.
+     */
+    readonly describedBy: _angular_core.InputSignal<string>;
+    constructor();
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputDirective, "[luInput]", never, { "standalone": { "alias": "luInputStandalone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputDirective, "[luInput]", never, { "standalone": { "alias": "luInputStandalone"; "required": false; "isSignal": true; }; "labelledBy": { "alias": "luInputLabelledBy"; "required": false; "isSignal": true; }; "describedBy": { "alias": "luInputDescribedBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class FormFieldComponent implements OnDestroy, DoCheck {
@@ -62,7 +75,7 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     readonly AI: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly iconAItooltip: _angular_core.InputSignal<string>;
     readonly iconAIalt: _angular_core.InputSignal<string>;
-    readonly width: _angular_core.InputSignalWithTransform<20 | 30 | 40 | 50 | 60, 20 | 30 | 40 | 50 | 60 | "null" | "20" | "30" | "40" | "50" | "60">;
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
     invalidStatus: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true" | "null">;
     readonly inlineMessage: _angular_core.InputSignal<PortalContent>;
@@ -88,11 +101,27 @@ declare class FormFieldComponent implements OnDestroy, DoCheck {
     readonly presentation: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly presentationMode: _angular_core.Signal<boolean>;
     readonly presentationDisplayTpl: _angular_core.WritableSignal<TemplateRef<unknown>>;
+    readonly hasInlineMessage: _angular_core.Signal<boolean>;
     addInput(input: InputDirective): void;
+    /**
+     * Unregisters an input that's being destroyed — e.g. one side of an `@if`/`@else` toggling which
+     * element carries `luInput` (a text field swapping for a button below a breakpoint, say). Without
+     * this, the detached element lingers in `#inputs` forever: `prepareInput` keeps reassigning it a
+     * fresh id on every future change, and each one gets added to `aria-labelledby` and never removed.
+     */
+    removeInput(input: InputDirective): void;
     get inputs(): InputDirective[];
     readonly id: _angular_core.WritableSignal<string>;
     readonly ready$: BehaviorSubject<boolean>;
     get ready(): boolean;
+    /**
+     * Ids labelling the inputs of this field, applied by each non-standalone `luInput`
+     */
+    readonly ariaLabelledBy: _angular_core.Signal<string[]>;
+    /**
+     * Ids describing the inputs of this field, applied by each non-standalone `luInput`
+     */
+    readonly ariaDescribedBy: _angular_core.Signal<string[]>;
     constructor();
     addLabelledBy(id: string, prepend?: boolean): void;
     removeLabelledBy(id: string): void;