@elasticias/ui 1.0.48 → 1.0.49

package/types/elasticias-ui.d.ts

@@ -1,8 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { PipeTransform, OnInit, OnChanges, TemplateRef, EventEmitter, AfterContentInit, OnDestroy, SimpleChanges, InjectionToken, AfterViewInit } from '@angular/core';
+import { PipeTransform, OnInit, EventEmitter, TemplateRef, OnChanges, AfterContentInit, OnDestroy, SimpleChanges, InjectionToken, AfterViewInit } from '@angular/core';
 import * as _elasticias_screens from '@elasticias/screens';
 import { EfDataCardColumn, ScreenContext, EfDetailToolbarAction, EfSearchToolbarAction, EfDataCardSort, EfDataCardExportRequest, EfDateRange, EfDatePresetKey } from '@elasticias/screens';
 export { EfBoundedDateRange, EfDataCardColumn, EfDataCardColumnAlign, EfDataCardColumnMobileRole, EfDataCardColumnType, EfDataCardSort, EfDataCardSortDirection, EfDatePresetKey, EfDateRange, EfDetailToolbarAction, EfSearchToolbarAction } from '@elasticias/screens';
+import { Observable } from 'rxjs';
+import { EfPage, Permissions, EmailMetrics, EmailEventRecord, EmailEventKind } from '@elasticias/types';
 import { Menu } from 'primeng/menu';
 import * as _elasticias_core from '@elasticias/core';
 import { EfBuildPackage, EfSessionIdleService, EfModule, EfNavSection, EfNavItem, EfModuleId, EfToast, EfToastAction, EfThemeConfigService } from '@elasticias/core';
@@ -16,7 +18,6 @@ import { InputNumber, InputNumberInputEvent } from 'primeng/inputnumber';
 import { Nullable } from 'primeng/ts-helpers';
 import * as _elasticias_ui from '@elasticias/ui';
 import { Table, TableLazyLoadEvent } from 'primeng/table';
-import { Permissions, EmailMetrics, EmailEventRecord, EmailEventKind } from '@elasticias/types';
 import { PrimeNG } from 'primeng/config';
 
 /**
@@ -124,6 +125,8 @@ interface OrderEntity {
     grossTotal: number;
     discountTotal: number;
     taxTotal: number;
+    /** Delivery amount (TTC). Absent or 0 for orders without one (B2B, POS). */
+    shippingTotal?: number;
     finalTotal: number;
     notes?: string;
     internalNotes?: string;
@@ -221,6 +224,13 @@ declare class OrderEntityHelper {
      * Create a new empty order entity
      */
     static createEmpty(documentType?: 'order' | 'invoice' | 'quote'): OrderEntity;
+    /**
+     * Round to the centime, half away from zero, as the backend does
+     * (`Math.Round(x, 2, MidpointRounding.AwayFromZero)` on a decimal). The
+     * product goes through 15 significant digits first so a binary value such
+     * as 1.00499999... rounds as the decimal 1.005 would.
+     */
+    static roundMoney(value: number): number;
     /**
      * Calculate all totals for an order
      */
@@ -399,6 +409,14 @@ declare class EfOrderBuilderComponent implements OnInit {
     backendErrors: _angular_core.InputSignal<{
         [key: string]: string[];
     }>;
+    /**
+     * Delivery amount (TTC) the host owns. It is the builder's only fee source:
+     * the rail, the bound order and `exportOrder()` all total it, so the saved
+     * total is the one shown. A host without a fee (B2B) leaves it at 0, and
+     * the bound order then carries no `shippingTotal` at all. A negative or
+     * non-numeric fee is treated as 0.
+     */
+    shippingTotal: _angular_core.InputSignalWithTransform<number, number>;
     /** Optional change-history entries; when non-empty the Historique rail card renders. */
     auditEntries: _angular_core.InputSignal<EfChangeHistoryEntry[]>;
     openCatalogue: _angular_core.OutputEmitterRef<void>;
@@ -506,11 +524,18 @@ declare class EfOrderBuilderComponent implements OnInit {
         grossTotal: number;
         discountTotal: number;
         tvaTotal: number;
+        shippingTotal: number;
         finalTotal: number;
     };
     exportOrder(): OrderEntity;
+    /**
+     * The bound order with its totals, the fee taken from the `shippingTotal`
+     * input. Without a fee the order carries no `shippingTotal`, so a B2B order
+     * stays exactly as it came in.
+     */
+    private withTotals;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfOrderBuilderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfOrderBuilderComponent, "ef-order-builder", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": true; "isSignal": true; }; "products": { "alias": "products"; "required": true; "isSignal": true; }; "customers": { "alias": "customers"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "countGroupLabels": { "alias": "countGroupLabels"; "required": false; "isSignal": true; }; "productKeyField": { "alias": "productKeyField"; "required": false; "isSignal": true; }; "backendErrors": { "alias": "backendErrors"; "required": false; "isSignal": true; }; "auditEntries": { "alias": "auditEntries"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; }, { "order": "orderChange"; "openCatalogue": "openCatalogue"; "orderChanged": "orderChanged"; "orderValidated": "orderValidated"; "productsAdded": "productsAdded"; "focusMode": "focusModeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfOrderBuilderComponent, "ef-order-builder", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": true; "isSignal": true; }; "products": { "alias": "products"; "required": true; "isSignal": true; }; "customers": { "alias": "customers"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "countGroupLabels": { "alias": "countGroupLabels"; "required": false; "isSignal": true; }; "productKeyField": { "alias": "productKeyField"; "required": false; "isSignal": true; }; "backendErrors": { "alias": "backendErrors"; "required": false; "isSignal": true; }; "shippingTotal": { "alias": "shippingTotal"; "required": false; "isSignal": true; }; "auditEntries": { "alias": "auditEntries"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; }, { "order": "orderChange"; "openCatalogue": "openCatalogue"; "orderChanged": "orderChanged"; "orderValidated": "orderValidated"; "productsAdded": "productsAdded"; "focusMode": "focusModeChange"; }, never, never, true, never>;
 }
 
 /**
@@ -569,194 +594,6 @@ declare class EfProductTypeaheadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductTypeaheadComponent, "ef-product-typeahead", never, { "products": { "alias": "products"; "required": true; "isSignal": true; }; "productKeyField": { "alias": "productKeyField"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showVariants": { "alias": "showVariants"; "required": false; "isSignal": true; }; }, { "productSelect": "productSelect"; }, never, never, true, never>;
 }
 
-interface CategoryItem {
-    code: string;
-    label: string;
-    description?: string | null;
-    isActive: boolean;
-    sortOrder: number;
-    metadata?: Record<string, unknown> | null;
-    children?: CategoryItem[];
-}
-interface CategoryGroup {
-    code: string;
-    label: string;
-    description?: string | null;
-    isActive: boolean;
-    sortOrder: number;
-    metadata?: Record<string, unknown> | null;
-    children?: CategoryItem[];
-}
-interface CategoryAssignment {
-    type: string;
-    code: string;
-}
-interface SelectedFilter {
-    type: string;
-    code: string;
-    label: string;
-}
-declare class EfProductCatalogueFilterComponent {
-    /**
-     * PrimeNG's Button reads `autofocus || buttonProps?.autofocus`, so a bare
-     * `false` collapses to `undefined` and its AutoFocus directive writes the
-     * attribute anyway. Passing the flag here too makes it resolve to `false`.
-     */
-    protected readonly noAutofocus: {
-        autofocus: boolean;
-    };
-    /** Category groups from reference_data (product_categories items with children) */
-    categoryGroups: _angular_core.InputSignal<CategoryGroup[]>;
-    /** Products to calculate counts */
-    products: _angular_core.InputSignal<{
-        categoryAssignments?: CategoryAssignment[];
-    }[]>;
-    /** Selected filters (two-way binding) */
-    selectedFilters: _angular_core.ModelSignal<SelectedFilter[]>;
-    /** Emitted when filters change */
-    filtersChanged: _angular_core.OutputEmitterRef<SelectedFilter[]>;
-    /** Search terms for each category group */
-    searchTerms: _angular_core.WritableSignal<Record<string, string>>;
-    /** Accordion panel values (expanded panels) */
-    expandedPanels: _angular_core.Signal<string[]>;
-    /** Get filtered children for a category group based on search */
-    getFilteredChildren(group: CategoryGroup): CategoryItem[];
-    /** Get product count for a specific category item */
-    getItemCount(groupCode: string, itemCode: string): number;
-    /** Check if a filter is selected */
-    isFilterSelected(groupCode: string, itemCode: string): boolean;
-    /** Toggle a filter selection */
-    toggleFilter(group: CategoryGroup, item: CategoryItem): void;
-    /** Remove a specific filter */
-    removeFilter(filter: SelectedFilter): void;
-    /** Clear all filters */
-    clearAllFilters(): void;
-    /** Update search term for a category group */
-    updateSearchTerm(groupCode: string, term: string): void;
-    /** Get color class from metadata if available */
-    getColorClass(item: CategoryItem): string | null;
-    /** Check if group should show search input (more than 5 items) */
-    shouldShowSearch(group: CategoryGroup): boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProductCatalogueFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductCatalogueFilterComponent, "ef-product-catalogue-filter", never, { "categoryGroups": { "alias": "categoryGroups"; "required": true; "isSignal": true; }; "products": { "alias": "products"; "required": true; "isSignal": true; }; "selectedFilters": { "alias": "selectedFilters"; "required": false; "isSignal": true; }; }, { "selectedFilters": "selectedFiltersChange"; "filtersChanged": "filtersChanged"; }, never, never, true, never>;
-}
-
-interface CatalogueProductVariant {
-    variantId: string;
-    title: string;
-    sku?: string | null;
-    price: number;
-    compareAtPrice?: number | null;
-    optionValues?: Record<string, string>;
-    isActive?: boolean;
-    countGroup?: string | null;
-    [key: string]: unknown;
-}
-interface CatalogueProduct {
-    id: number;
-    productCode: string;
-    name: string;
-    displayName: string;
-    unitPrice?: number | null;
-    packagingVolume?: number | null;
-    categoryAssignments?: CategoryAssignment[];
-    productType?: string | null;
-    variants?: CatalogueProductVariant[];
-    defaultVariantId?: string | null;
-    [key: string]: unknown;
-}
-declare class EfProductCatalogueComponent implements OnChanges {
-    private readonly locale;
-    private readonly currencyPipe;
-    /** Products to display */
-    products: _angular_core.InputSignal<CatalogueProduct[]>;
-    /** Category groups for filtering */
-    categoryGroups: _angular_core.InputSignal<CategoryGroup[]>;
-    /** Initial selected items (for editing existing orders) */
-    initialSelectedItems: _angular_core.InputSignal<{
-        productId?: unknown;
-        quantity: number;
-        variantId?: string | null;
-    }[]>;
-    /** Default filters to apply on init */
-    defaultFilters: _angular_core.InputSignal<SelectedFilter[]>;
-    /** Property name used as unique key for tracking products in the list */
-    trackByField: _angular_core.InputSignal<string>;
-    /** Currency code for price formatting */
-    currencyCode: _angular_core.InputSignal<string>;
-    /** Locale used for number/currency formatting and the quantity stepper */
-    localeCode: _angular_core.InputSignal<string>;
-    /**
-     * Custom product thumbnail template.
-     * Context: { $implicit: CatalogueProduct }
-     *
-     * @example
-     * <ef-product-catalogue [products]="products()">
-     *   <ng-template #productThumbnail let-product>
-     *     <my-custom-thumbnail [product]="product" />
-     *   </ng-template>
-     * </ef-product-catalogue>
-     */
-    productThumbnailTpl: _angular_core.Signal<TemplateRef<unknown>>;
-    sortMenu: Menu;
-    /** Emitted when products are validated */
-    productsValidated: _angular_core.OutputEmitterRef<{
-        product: CatalogueProduct;
-        quantity: number;
-        variantId?: string;
-    }[]>;
-    productSearch: _angular_core.WritableSignal<string>;
-    selectedFilters: _angular_core.WritableSignal<SelectedFilter[]>;
-    selectedSort: _angular_core.WritableSignal<string>;
-    selectedProducts: _angular_core.WritableSignal<{
-        product: CatalogueProduct;
-        quantity: number;
-        variantId?: string;
-    }[]>;
-    /** Tracks the currently selected variantId per product key */
-    selectedVariants: _angular_core.WritableSignal<Record<string, string>>;
-    filteredProducts: _angular_core.Signal<CatalogueProduct[]>;
-    sortOptions: {
-        label: string;
-        icon: string;
-        command: () => void;
-    }[];
-    onFiltersChanged(filters: SelectedFilter[]): void;
-    ngOnChanges(): void;
-    productKey(product: CatalogueProduct): unknown;
-    private initializeSelectedProducts;
-    private initializeDefaultFilters;
-    toggleSortMenu(event: Event): void;
-    /** Composite key for tracking product+variant selections */
-    private selectionKey;
-    /** Get the selected variantId for a product, or its defaultVariantId */
-    getSelectedVariantId(product: CatalogueProduct): string | undefined;
-    /** Set the selected variant for a product */
-    setSelectedVariant(product: CatalogueProduct, variantId: string): void;
-    /** Check if product is a VARIABLE product with variants */
-    isVariableProduct(product: CatalogueProduct): boolean;
-    /** Get active variants for a product */
-    getActiveVariants(product: CatalogueProduct): CatalogueProductVariant[];
-    /** Get total quantity for a product across all its variants */
-    getProductQuantity(product: CatalogueProduct): number;
-    /** Get quantity for a specific product+variant combination */
-    getVariantQuantity(product: CatalogueProduct, variantId: string): number;
-    addProduct(product: CatalogueProduct): void;
-    removeProduct(product: CatalogueProduct): void;
-    removeVariantSelection(product: CatalogueProduct, variantId: string): void;
-    updateProductQuantity(product: CatalogueProduct, quantity: number): void;
-    updateVariantQuantity(product: CatalogueProduct, variantId: string, quantity: number): void;
-    validateSelection(): void;
-    getPackagingLabel(product: CatalogueProduct): string;
-    getVariantTitle(product: CatalogueProduct, variantId: string): string;
-    trackKey(product: CatalogueProduct): unknown;
-    formatPrice(product: CatalogueProduct): string;
-    formatVariantPrice(variant: CatalogueProductVariant): string;
-    private formatCurrency;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProductCatalogueComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductCatalogueComponent, "ef-product-catalogue", never, { "products": { "alias": "products"; "required": false; "isSignal": true; }; "categoryGroups": { "alias": "categoryGroups"; "required": false; "isSignal": true; }; "initialSelectedItems": { "alias": "initialSelectedItems"; "required": false; "isSignal": true; }; "defaultFilters": { "alias": "defaultFilters"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "currencyCode": { "alias": "currencyCode"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; }, { "productsValidated": "productsValidated"; }, ["productThumbnailTpl"], never, true, never>;
-}
-
 /**
  * Dynamic action descriptor for `ef-dialog`. The dialog renders one
  * `<button class="btn …">` per entry, in array order (left → right);
@@ -952,6 +789,297 @@ declare class EfDialogComponent {
     static ngAcceptInputType_saveDisabled: unknown;
 }
 
+/** A product as the picker shows it. The caller maps its own DTO to this. */
+interface EfProductPickerItem {
+    id: string;
+    /** Internal reference, shown in a mono column. */
+    reference?: string;
+    title: string;
+    /** Public image url, displayed as given (it comes from the backend). */
+    thumbnailUrl?: string;
+    /** One muted line of context ("Femme - publie"), already translated. */
+    meta?: string;
+    /** Shown but not pickable, for a product that is already in. */
+    disabled?: boolean;
+}
+/** What the picker asks the caller's search function for. */
+interface EfProductPickerQuery {
+    text: string;
+    pageNumber: number;
+    pageSize: number;
+}
+
+/**
+ * Multi-select product picker: a dialog that searches the caller's catalogue
+ * page by page and hands back the ids the operator ticked. Data-agnostic: it
+ * knows nothing of collections or promotions, only a search function.
+ *
+ * Built from `ef-dialog` + `ef-smart-bar` + `ef-data-card` (select column,
+ * image column). The selection survives paging and new searches. The whole
+ * row is the toggle, 48px tall. On a phone (`EfViewportService`, <= 767px)
+ * the dialog is full screen and the table becomes a list whose row head is
+ * the toggle.
+ *
+ * `[(open)]` is two-way. The picker closes itself on X, Escape, Cancel and
+ * after a confirm, sets `open` back to false and emits `(closed)` each time.
+ * Each open starts over: empty selection, empty search, page one.
+ *
+ * Rows are toggle buttons (`ef-data-card` `rowPressed`): one tab stop each,
+ * Enter and Space toggle, `aria-pressed` says the state. The tick in the
+ * row is a picture of that state, not a second control. A `disabled` item is
+ * dimmed, `aria-disabled`, and cannot be picked.
+ *
+ * ```html
+ * <ef-product-picker
+ *   [(open)]="pickerOpen"
+ *   [search]="searchCandidates"
+ *   titleKey="collections_products_picker_title"
+ *   (confirm)="addProducts($event)"
+ * />
+ * ```
+ */
+declare class EfProductPickerComponent {
+    private readonly viewport;
+    private readonly destroyRef;
+    /** Two-way: `[(open)]="pickerOpen"`. The picker sets it back to false
+     *  on every close path, so the next open always opens. */
+    readonly open: _angular_core.ModelSignal<boolean>;
+    /** Called for every page and search. Map the caller's DTO to items. */
+    readonly search: _angular_core.InputSignal<(q: EfProductPickerQuery) => Observable<EfPage<EfProductPickerItem>>>;
+    readonly titleKey: _angular_core.InputSignal<string>;
+    readonly confirmLabelKey: _angular_core.InputSignal<string>;
+    readonly searchPlaceholderKey: _angular_core.InputSignal<string>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    /** The ticked ids, in the order they were ticked. */
+    readonly confirm: _angular_core.OutputEmitterRef<string[]>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    /** The list screen behind the dialog already owns the search shortcut. */
+    readonly searchShortcut: any;
+    protected readonly isMobile: _angular_core.Signal<boolean>;
+    private readonly selected;
+    readonly selectedIds: _angular_core.Signal<string[]>;
+    protected readonly selectedCount: _angular_core.Signal<number>;
+    protected readonly searchText: _angular_core.WritableSignal<string>;
+    protected readonly appliedText: _angular_core.WritableSignal<string>;
+    protected readonly pageNumber: _angular_core.WritableSignal<number>;
+    protected readonly rows: _angular_core.WritableSignal<readonly EfProductPickerItem[]>;
+    protected readonly totalCount: _angular_core.WritableSignal<number>;
+    protected readonly loading: _angular_core.WritableSignal<boolean>;
+    protected readonly errorMsg: _angular_core.WritableSignal<string>;
+    private readonly queries;
+    private lastQuery;
+    protected readonly pageSizeOptions: _angular_core.Signal<number[]>;
+    protected readonly dialogSize: _angular_core.Signal<"lg" | "full">;
+    protected readonly dialogClass: _angular_core.Signal<"ef-product-picker-dialog ef-product-picker-dialog--fullscreen" | "ef-product-picker-dialog">;
+    /** Desktop: a table. Phone: one composed cell, so the list row carries
+     *  the tick, the thumb, the reference and the title without an expander. */
+    protected readonly columns: _angular_core.Signal<EfDataCardColumn[]>;
+    protected readonly actions: _angular_core.Signal<EfDialogAction[]>;
+    constructor();
+    onSearch(text: string): void;
+    onClear(): void;
+    onPageChange(page: number): void;
+    retry(): void;
+    isSelected(id: string): boolean;
+    /** Row state for ef-data-card. Arrow functions: data-card calls them. */
+    protected readonly rowPressed: (row: EfProductPickerItem) => boolean;
+    protected readonly rowDisabled: (row: EfProductPickerItem) => boolean;
+    toggle(item: EfProductPickerItem | null | undefined): void;
+    onVisibleChange(visible: boolean): void;
+    private startOver;
+    private run;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProductPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductPickerComponent, "ef-product-picker", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": true; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "confirmLabelKey": { "alias": "confirmLabelKey"; "required": false; "isSignal": true; }; "searchPlaceholderKey": { "alias": "searchPlaceholderKey"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "confirm": "confirm"; "closed": "closed"; }, never, never, true, never>;
+}
+
+interface CategoryItem {
+    code: string;
+    label: string;
+    description?: string | null;
+    isActive: boolean;
+    sortOrder: number;
+    metadata?: Record<string, unknown> | null;
+    children?: CategoryItem[];
+}
+interface CategoryGroup {
+    code: string;
+    label: string;
+    description?: string | null;
+    isActive: boolean;
+    sortOrder: number;
+    metadata?: Record<string, unknown> | null;
+    children?: CategoryItem[];
+}
+interface CategoryAssignment {
+    type: string;
+    code: string;
+}
+interface SelectedFilter {
+    type: string;
+    code: string;
+    label: string;
+}
+declare class EfProductCatalogueFilterComponent {
+    /**
+     * PrimeNG's Button reads `autofocus || buttonProps?.autofocus`, so a bare
+     * `false` collapses to `undefined` and its AutoFocus directive writes the
+     * attribute anyway. Passing the flag here too makes it resolve to `false`.
+     */
+    protected readonly noAutofocus: {
+        autofocus: boolean;
+    };
+    /** Category groups from reference_data (product_categories items with children) */
+    categoryGroups: _angular_core.InputSignal<CategoryGroup[]>;
+    /** Products to calculate counts */
+    products: _angular_core.InputSignal<{
+        categoryAssignments?: CategoryAssignment[];
+    }[]>;
+    /** Selected filters (two-way binding) */
+    selectedFilters: _angular_core.ModelSignal<SelectedFilter[]>;
+    /** Emitted when filters change */
+    filtersChanged: _angular_core.OutputEmitterRef<SelectedFilter[]>;
+    /** Search terms for each category group */
+    searchTerms: _angular_core.WritableSignal<Record<string, string>>;
+    /** Accordion panel values (expanded panels) */
+    expandedPanels: _angular_core.Signal<string[]>;
+    /** Get filtered children for a category group based on search */
+    getFilteredChildren(group: CategoryGroup): CategoryItem[];
+    /** Get product count for a specific category item */
+    getItemCount(groupCode: string, itemCode: string): number;
+    /** Check if a filter is selected */
+    isFilterSelected(groupCode: string, itemCode: string): boolean;
+    /** Toggle a filter selection */
+    toggleFilter(group: CategoryGroup, item: CategoryItem): void;
+    /** Remove a specific filter */
+    removeFilter(filter: SelectedFilter): void;
+    /** Clear all filters */
+    clearAllFilters(): void;
+    /** Update search term for a category group */
+    updateSearchTerm(groupCode: string, term: string): void;
+    /** Get color class from metadata if available */
+    getColorClass(item: CategoryItem): string | null;
+    /** Check if group should show search input (more than 5 items) */
+    shouldShowSearch(group: CategoryGroup): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProductCatalogueFilterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductCatalogueFilterComponent, "ef-product-catalogue-filter", never, { "categoryGroups": { "alias": "categoryGroups"; "required": true; "isSignal": true; }; "products": { "alias": "products"; "required": true; "isSignal": true; }; "selectedFilters": { "alias": "selectedFilters"; "required": false; "isSignal": true; }; }, { "selectedFilters": "selectedFiltersChange"; "filtersChanged": "filtersChanged"; }, never, never, true, never>;
+}
+
+interface CatalogueProductVariant {
+    variantId: string;
+    title: string;
+    sku?: string | null;
+    price: number;
+    compareAtPrice?: number | null;
+    optionValues?: Record<string, string>;
+    isActive?: boolean;
+    countGroup?: string | null;
+    [key: string]: unknown;
+}
+interface CatalogueProduct {
+    id: number;
+    productCode: string;
+    name: string;
+    displayName: string;
+    unitPrice?: number | null;
+    packagingVolume?: number | null;
+    categoryAssignments?: CategoryAssignment[];
+    productType?: string | null;
+    variants?: CatalogueProductVariant[];
+    defaultVariantId?: string | null;
+    [key: string]: unknown;
+}
+declare class EfProductCatalogueComponent implements OnChanges {
+    private readonly locale;
+    private readonly currencyPipe;
+    /** Products to display */
+    products: _angular_core.InputSignal<CatalogueProduct[]>;
+    /** Category groups for filtering */
+    categoryGroups: _angular_core.InputSignal<CategoryGroup[]>;
+    /** Initial selected items (for editing existing orders) */
+    initialSelectedItems: _angular_core.InputSignal<{
+        productId?: unknown;
+        quantity: number;
+        variantId?: string | null;
+    }[]>;
+    /** Default filters to apply on init */
+    defaultFilters: _angular_core.InputSignal<SelectedFilter[]>;
+    /** Property name used as unique key for tracking products in the list */
+    trackByField: _angular_core.InputSignal<string>;
+    /** Currency code for price formatting */
+    currencyCode: _angular_core.InputSignal<string>;
+    /** Locale used for number/currency formatting and the quantity stepper */
+    localeCode: _angular_core.InputSignal<string>;
+    /**
+     * Custom product thumbnail template.
+     * Context: { $implicit: CatalogueProduct }
+     *
+     * @example
+     * <ef-product-catalogue [products]="products()">
+     *   <ng-template #productThumbnail let-product>
+     *     <my-custom-thumbnail [product]="product" />
+     *   </ng-template>
+     * </ef-product-catalogue>
+     */
+    productThumbnailTpl: _angular_core.Signal<TemplateRef<unknown>>;
+    sortMenu: Menu;
+    /** Emitted when products are validated */
+    productsValidated: _angular_core.OutputEmitterRef<{
+        product: CatalogueProduct;
+        quantity: number;
+        variantId?: string;
+    }[]>;
+    productSearch: _angular_core.WritableSignal<string>;
+    selectedFilters: _angular_core.WritableSignal<SelectedFilter[]>;
+    selectedSort: _angular_core.WritableSignal<string>;
+    selectedProducts: _angular_core.WritableSignal<{
+        product: CatalogueProduct;
+        quantity: number;
+        variantId?: string;
+    }[]>;
+    /** Tracks the currently selected variantId per product key */
+    selectedVariants: _angular_core.WritableSignal<Record<string, string>>;
+    filteredProducts: _angular_core.Signal<CatalogueProduct[]>;
+    sortOptions: {
+        label: string;
+        icon: string;
+        command: () => void;
+    }[];
+    onFiltersChanged(filters: SelectedFilter[]): void;
+    ngOnChanges(): void;
+    productKey(product: CatalogueProduct): unknown;
+    private initializeSelectedProducts;
+    private initializeDefaultFilters;
+    toggleSortMenu(event: Event): void;
+    /** Composite key for tracking product+variant selections */
+    private selectionKey;
+    /** Get the selected variantId for a product, or its defaultVariantId */
+    getSelectedVariantId(product: CatalogueProduct): string | undefined;
+    /** Set the selected variant for a product */
+    setSelectedVariant(product: CatalogueProduct, variantId: string): void;
+    /** Check if product is a VARIABLE product with variants */
+    isVariableProduct(product: CatalogueProduct): boolean;
+    /** Get active variants for a product */
+    getActiveVariants(product: CatalogueProduct): CatalogueProductVariant[];
+    /** Get total quantity for a product across all its variants */
+    getProductQuantity(product: CatalogueProduct): number;
+    /** Get quantity for a specific product+variant combination */
+    getVariantQuantity(product: CatalogueProduct, variantId: string): number;
+    addProduct(product: CatalogueProduct): void;
+    removeProduct(product: CatalogueProduct): void;
+    removeVariantSelection(product: CatalogueProduct, variantId: string): void;
+    updateProductQuantity(product: CatalogueProduct, quantity: number): void;
+    updateVariantQuantity(product: CatalogueProduct, variantId: string, quantity: number): void;
+    validateSelection(): void;
+    getPackagingLabel(product: CatalogueProduct): string;
+    getVariantTitle(product: CatalogueProduct, variantId: string): string;
+    trackKey(product: CatalogueProduct): unknown;
+    formatPrice(product: CatalogueProduct): string;
+    formatVariantPrice(variant: CatalogueProductVariant): string;
+    private formatCurrency;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProductCatalogueComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProductCatalogueComponent, "ef-product-catalogue", never, { "products": { "alias": "products"; "required": false; "isSignal": true; }; "categoryGroups": { "alias": "categoryGroups"; "required": false; "isSignal": true; }; "initialSelectedItems": { "alias": "initialSelectedItems"; "required": false; "isSignal": true; }; "defaultFilters": { "alias": "defaultFilters"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "currencyCode": { "alias": "currencyCode"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; }, { "productsValidated": "productsValidated"; }, ["productThumbnailTpl"], never, true, never>;
+}
+
 /**
  * The app-wide confirmation modal, wearing the same skin as `ef-dialog`.
  *
@@ -1233,11 +1361,18 @@ declare class EfFieldsetComponent {
     legend?: string;
     /** Translation key — takes priority over legend */
     legendKey?: string;
+    /**
+     * `framed` (default) is the bordered PrimeNG fieldset. `plain` drops the
+     * frame and padding and sets the legend as a section heading: use it inside
+     * an `ef-card`, so fields keep their full width at 390px. It stays a real
+     * fieldset/legend, and it is never toggleable.
+     */
+    variant: 'framed' | 'plain';
     toggleable: boolean;
     collapsed: boolean;
     styleClass?: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfFieldsetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfFieldsetComponent, "ef-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "legendKey": { "alias": "legendKey"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfFieldsetComponent, "ef-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "legendKey": { "alias": "legendKey"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_toggleable: unknown;
     static ngAcceptInputType_collapsed: unknown;
 }
@@ -1267,12 +1402,19 @@ type EfButtonSeverity = EfButtonPrimeNGSeverity | EfButtonComptoirSeverity;
  * `disabled`, `loading`, `pTooltip` (via `tooltipKey`), and emit the
  * same `clickEvent`.
  */
-declare class EfButtonComponent {
+declare class EfButtonComponent implements OnInit {
     /** Direct label text (not translated). */
     label?: string;
     /** Translation key — takes priority over `label`. */
     labelKey?: string;
     icon?: string;
+    /**
+     * Translation key for the button's accessible name (`aria-label`). Required
+     * in practice for an icon-only button: a tooltip is not read as the name.
+     * A button with a visible label does not need it. An icon-only button with
+     * neither a label nor this key logs a dev-mode warning.
+     */
+    ariaLabelKey?: string;
     /**
      * Which rendering surface to use. Default `'primeng'` keeps v1
      * consumers unchanged. V2 detail/list screens pass `'comptoir'`
@@ -1354,9 +1496,10 @@ declare class EfButtonComponent {
     get comptoirClass(): string;
     /** Inline danger tint for the `severity="danger"` Comptoir variant. */
     get comptoirInlineColor(): string | null;
+    ngOnInit(): void;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfButtonComponent, "ef-button", never, { "label": { "alias": "label"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "text": { "alias": "text"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "type": { "alias": "type"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipKey": { "alias": "tooltipKey"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfButtonComponent, "ef-button", never, { "label": { "alias": "label"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "text": { "alias": "text"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "type": { "alias": "type"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeSeverity": { "alias": "badgeSeverity"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipKey": { "alias": "tooltipKey"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_rounded: unknown;
     static ngAcceptInputType_outlined: unknown;
@@ -1514,6 +1657,15 @@ declare class EfBadgeComponent {
      * Badge label text
      */
     label: _angular_core.InputSignal<string>;
+    /**
+     * Translation key for the label; wins over `label`.
+     */
+    labelKey: _angular_core.InputSignal<string>;
+    /**
+     * Opt in to the pointer cursor and hover lift. Off by default so a
+     * read-only badge does not look like a button.
+     */
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Badge color (Tailwind color name)
      */
@@ -1555,7 +1707,7 @@ declare class EfBadgeComponent {
      */
     iconClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfBadgeComponent, "ef-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showDot": { "alias": "showDot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfBadgeComponent, "ef-badge", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showDot": { "alias": "showDot"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class EfToolbarComponent {
@@ -2649,6 +2801,52 @@ declare class EfFormGridComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfFormGridComponent, "ef-form-grid", never, {}, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Declarative row-action item consumed by `ef-row-actions`.
+ *
+ * The component renders a native Comptoir-styled popup (no PrimeNG
+ * Menu) so the design — kbd hint, danger tone, divider, ink-active
+ * trigger when open — matches the prototype 1:1.
+ *
+ * Use `command` for actions, `separator: true` for a divider line.
+ */
+interface EfRowAction {
+    /** Stable identifier for trackBy / tests. */
+    id?: string;
+    /** Translation key — preferred. */
+    labelKey?: string;
+    /** Direct label — used only when `labelKey` is empty. */
+    label?: string;
+    /** PrimeIcons class (e.g. `'pi pi-pencil'`). */
+    icon?: string;
+    /** Optional keyboard-shortcut hint shown right-aligned (e.g. `'↵'`, `'E'`, `'⌘D'`). */
+    kbd?: string;
+    /** Tone: `'danger'` styles destructive items in the cancelled palette. */
+    severity?: 'default' | 'danger';
+    /** Render a divider in this slot — all other fields ignored. */
+    separator?: boolean;
+    /** Disable without removing. The item stays focusable and is exposed
+     *  as `aria-disabled`, so a keyboard user can land on it and read why. */
+    disabled?: boolean;
+    /** Translation key saying why the item is disabled. Shown under the
+     *  label, as its tooltip, and as its `aria-describedby`. */
+    reasonKey?: string;
+    /**
+     * Hide the item explicitly. Combined with `permission` and any
+     * caller-supplied filter; defaults to `true` (visible).
+     */
+    visible?: boolean;
+    /**
+     * If set, the item is hidden unless the bound `ScreenContext`
+     * grants this permission, or every permission in the array (e.g.
+     * Duplicate needs `[Duplicate, Create]`, since a duplicate is saved
+     * through create). Items with no `permission` always show.
+     */
+    permission?: Permissions | ReadonlyArray<Permissions>;
+    /** Click handler. The container handles closing the popup. */
+    command?: () => void;
+}
+
 /**
  * Sticky detail-screen toolbar. Two slots and an optional declarative
  * action API:
@@ -2685,6 +2883,14 @@ declare class EfFormGridComponent {
  * </ef-detail-toolbar>
  * ```
  *
+ * Phone overflow: on the mobile tier, when the visible actions (custom and
+ * standard, Save included) outnumber `[overflowAfter]`, Save stays in view
+ * and every other action moves into a kebab menu (`ef-row-actions`, so it is
+ * a `role="menu"` with Escape, outside-click and RTL placement). The split
+ * happens after permission and `requiresWrite` filtering, so a hidden action
+ * is hidden in the menu too. The projected `[actions]` slot is not moved.
+ * Buttons are 48px on a coarse pointer (see `.detail-toolbar` in patterns).
+ *
  * Custom actions can declare `permission` and `visible` like
  * `EfRowAction`. With `[context]` bound, the toolbar filters them
  * against `ScreenContext.isGranted()` automatically.
@@ -2718,6 +2924,11 @@ declare class EfDetailToolbarComponent {
     /** i18n key for the Save button label. Screens typically pass
      *  `'common_create'` in create mode and `'common_save'` in edit. */
     readonly saveLabelKey: _angular_core.InputSignal<string>;
+    /** Most actions (Save included) kept inline on a phone; more than this
+     *  moves all but Save into the overflow menu. Desktop and tablet never
+     *  overflow. */
+    readonly overflowAfter: _angular_core.InputSignalWithTransform<number, string | number>;
+    private readonly viewport;
     /** Fired when a `customActions` button is clicked. The toast
      *  service or screen handler should consume `id`. The `command`
      *  callback on the action is also invoked. */
@@ -2738,6 +2949,10 @@ declare class EfDetailToolbarComponent {
     readonly canSave: _angular_core.Signal<boolean>;
     readonly hasStandardActions: _angular_core.Signal<boolean>;
     readonly hasCustomActions: _angular_core.Signal<boolean>;
+    /** The phone is showing the overflow menu instead of inline buttons. */
+    readonly overflowing: _angular_core.Signal<boolean>;
+    /** Everything but Save, as menu items, in toolbar order. */
+    readonly overflowItems: _angular_core.Signal<readonly EfRowAction[]>;
     /** Whether the `|` separator should render — both groups present. */
     readonly showSeparator: _angular_core.Signal<boolean>;
     onCustomClick(action: EfDetailToolbarAction): void;
@@ -2748,7 +2963,7 @@ declare class EfDetailToolbarComponent {
     /** Stable trackBy across renders. */
     trackByAction: (i: number, a: EfDetailToolbarAction) => unknown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfDetailToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDetailToolbarComponent, "ef-detail-toolbar", never, { "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "showPrintAction": { "alias": "showPrintAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; "showSaveAction": { "alias": "showSaveAction"; "required": false; "isSignal": true; }; "saving": { "alias": "saving"; "required": false; "isSignal": true; }; "saveLabelKey": { "alias": "saveLabelKey"; "required": false; "isSignal": true; }; }, { "customAction": "customAction"; "print": "print"; "duplicate": "duplicate"; "delete": "delete"; "save": "save"; }, never, ["*", "[actions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDetailToolbarComponent, "ef-detail-toolbar", never, { "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "showPrintAction": { "alias": "showPrintAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; "showSaveAction": { "alias": "showSaveAction"; "required": false; "isSignal": true; }; "saving": { "alias": "saving"; "required": false; "isSignal": true; }; "saveLabelKey": { "alias": "saveLabelKey"; "required": false; "isSignal": true; }; "overflowAfter": { "alias": "overflowAfter"; "required": false; "isSignal": true; }; }, { "customAction": "customAction"; "print": "print"; "duplicate": "duplicate"; "delete": "delete"; "save": "save"; }, never, ["*", "[actions]"], true, never>;
 }
 
 /**
@@ -3092,6 +3307,10 @@ declare class EfKpiCardComponent {
     readonly delta: _angular_core.InputSignal<string>;
     /** Delta tone — drives the arrow color. */
     readonly deltaTone: _angular_core.InputSignal<EfKpiDeltaTone>;
+    /** Translation key of a secondary line under the value (e.g. "of which delivery: 120 MAD"). */
+    readonly hintKey: _angular_core.InputSignal<string>;
+    /** Interpolation params for `hintKey`. */
+    readonly hintParams: _angular_core.InputSignal<Record<string, unknown>>;
     /** Raw series for the sparkline. */
     readonly spark: _angular_core.InputSignal<EfKpiSparkline>;
     /** Stroke color for the sparkline polyline. Defaults to the active
@@ -3103,7 +3322,7 @@ declare class EfKpiCardComponent {
      *  when the series is empty. */
     readonly sparkPoints: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfKpiCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfKpiCardComponent, "ef-kpi-card", never, { "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaTone": { "alias": "deltaTone"; "required": false; "isSignal": true; }; "spark": { "alias": "spark"; "required": false; "isSignal": true; }; "sparkColor": { "alias": "sparkColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfKpiCardComponent, "ef-kpi-card", never, { "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaTone": { "alias": "deltaTone"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "hintParams": { "alias": "hintParams"; "required": false; "isSignal": true; }; "spark": { "alias": "spark"; "required": false; "isSignal": true; }; "sparkColor": { "alias": "sparkColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type EfChartType = 'line' | 'bar' | 'donut';
@@ -3166,6 +3385,78 @@ declare class EfRankListComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfRankListComponent, "ef-rank-list", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type EfIdentityThumbSize = 'sm' | 'md';
+/**
+ * The square that stands for a record: a collection in its detail toolbar, a
+ * product in a picker row. Shows the record's image when it has one and two
+ * initials of its name when it does not (or when the image fails to load).
+ *
+ * Built on the `.thumb` pattern from `_patterns.scss`; the size is a host
+ * class (`sm` 32px, `md` 40px), never an inline style. The image is
+ * decorative (`alt=""`): the name always sits next to it.
+ *
+ * ```html
+ * <ef-identity-thumb [imageUrl]="imageUrl()" [name]="title()" size="sm" />
+ * ```
+ */
+declare class EfIdentityThumbComponent {
+    readonly imageUrl: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<EfIdentityThumbSize>;
+    /** Set when the image fails; reset whenever the url changes. */
+    protected readonly failed: _angular_core.WritableSignal<boolean>;
+    protected readonly showImage: _angular_core.Signal<boolean>;
+    /**
+     * First letter of the first two words, or the first two letters of a
+     * single word. `Array.from` splits by code point, so a letter outside the
+     * BMP is never cut in half.
+     */
+    protected readonly initials: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfIdentityThumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfIdentityThumbComponent, "ef-identity-thumb", never, { "imageUrl": { "alias": "imageUrl"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * What a search engine would show for a page: the title, the address and the
+ * description, cut where the engine cuts them (60 and 160 characters, the
+ * same figures the SEO counters advise). One preview for every SEO card.
+ *
+ * It depicts a search result, so it keeps its own light surface and the
+ * familiar link colours in both themes. The address is always left to right;
+ * the title and description follow the direction of their own text, so an
+ * Arabic page previews right to left inside an LTR or RTL app.
+ *
+ * ```html
+ * <ef-seo-preview
+ *     [pageTitle]="seoTitle() || title()"
+ *     [url]="'shop.example/collections/' + slug()"
+ *     [description]="seoDescription() || description()"
+ *     contentLang="fr" />
+ * ```
+ */
+declare class EfSeoPreviewComponent {
+    /** The page title. Named `pageTitle` so it does not become the host's tooltip. */
+    readonly pageTitle: _angular_core.InputSignal<string>;
+    /** The address as shown (no scheme needed), always rendered left to right. */
+    readonly url: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    /** i18n key of the small heading above the preview. */
+    readonly labelKey: _angular_core.InputSignal<string>;
+    /** Characters kept of the title; `null` shows it whole. */
+    readonly titleMaxLength: _angular_core.InputSignal<number>;
+    /** Characters kept of the description; `null` shows it whole. */
+    readonly descriptionMaxLength: _angular_core.InputSignal<number>;
+    /** Language of the previewed text (`fr`, `ar`, `en`), for screen readers and hyphenation. */
+    readonly contentLang: _angular_core.InputSignal<string>;
+    protected readonly labelId: string;
+    protected readonly shownTitle: _angular_core.Signal<string>;
+    protected readonly shownUrl: _angular_core.Signal<string>;
+    protected readonly shownDescription: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfSeoPreviewComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfSeoPreviewComponent, "ef-seo-preview", never, { "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "titleMaxLength": { "alias": "titleMaxLength"; "required": false; "isSignal": true; }; "descriptionMaxLength": { "alias": "descriptionMaxLength"; "required": false; "isSignal": true; }; "contentLang": { "alias": "contentLang"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 /**
  * Shared base for every Comptoir form control (`ef-input-text`,
  * `ef-textarea`, `ef-select`, `ef-input-number`, `ef-checkbox`, …).
@@ -3186,8 +3477,9 @@ declare class EfRankListComponent {
  * - **ARIA** — `ariaLabelKey` / `ariaLabel` for screen-reader-only
  *   labels; `effectiveAriaLabel` returns `null` when a visible
  *   label is rendered (which already serves as the ARIA name).
- *   `errorsId` provides a stable id for the error/hint container
- *   so subclasses can wire `aria-describedby`.
+ *   `errorsId` and `hintId` give the error container and the hint
+ *   stable ids, and `describedBy()` joins them into the value
+ *   subclasses bind to `aria-describedby`.
  * - **State** — `required` / `readonly` / `disabled` shared inputs,
  *   used directly in subclass templates and toggled by CVA's
  *   `setDisabledState` in subclasses.
@@ -3224,6 +3516,14 @@ declare abstract class AbstractEfFormControl {
     readonly labelKey: _angular_core.InputSignal<string>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly placeholderKey: _angular_core.InputSignal<string>;
+    /** Short help text shown under the control. Use `hintKey` for i18n. */
+    readonly hint: _angular_core.InputSignal<string>;
+    /** Translation key for the hint, preferred over `hint`. The hint is
+     *  linked to the control through `aria-describedby` (see
+     *  {@link describedBy}), so a screen reader reads it with the field.
+     *  Rendered by ef-input-text, ef-textarea, ef-inputnumber and ef-select;
+     *  the other controls inherit the input but do not render it yet. */
+    readonly hintKey: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly ariaLabelKey: _angular_core.InputSignal<string>;
     readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -3298,12 +3598,23 @@ declare abstract class AbstractEfFormControl {
      * accessible name and duplicate `aria-label` would override it.
      */
     get effectiveAriaLabel(): string | null;
-    /** Stable id for the error / hint container — wired through
+    /** Translated hint (or empty string). */
+    get effectiveHint(): string;
+    /** Stable id of the hint element, `<id>-hint`. */
+    get hintId(): string;
+    /**
+     * The control's `aria-describedby`: the hint id when a hint is shown,
+     * then the errors id when `showErrors` (the subclass knows when its
+     * error container renders), then any `extra` ids. `null` (no
+     * attribute) when there is nothing to point at.
+     */
+    describedBy(showErrors: boolean, ...extra: (string | null | undefined)[]): string | null;
+    /** Stable id for the error container, wired through
      *  `aria-describedby` on the input so screen readers announce
      *  the validation message together with the field name. */
     get errorsId(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractEfFormControl, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractEfFormControl, "ng-component", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractEfFormControl, "ng-component", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hintKey": { "alias": "hintKey"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class EfInputTextComponent extends AbstractEfFormControl implements ControlValueAccessor {
@@ -3321,7 +3632,7 @@ declare class EfInputTextComponent extends AbstractEfFormControl implements Cont
      * Rendering variant — same dual-mode pattern as `ef-button`.
      * - `'comptoir'` (default) — native `<input class="ef-input">` against
      *                           the Comptoir pattern styles. Renders at the
-     *                           canonical `--hit-base` (40px) control height.
+     *                           canonical `--hit-field` height (40px, 48px on touch).
      *                           Required for `prefix` / `suffix`.
      * - `'primeng'`            — wraps `<input pInputText>` (v1). Opt in when
      *                           you specifically need PrimeNG input behaviour.
@@ -3408,7 +3719,7 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
     group: boolean;
     optionGroupLabel: string;
     optionGroupChildren: string;
-    /** Control height. Default (undefined) = the canonical `--hit-base` (40px),
+    /** Control height. Default (undefined) = the canonical `--hit-field` (40px, 48px on touch),
      *  matching native inputs (ADR-009). `'small'` opts into the dense 32px
      *  variant for compact contexts (e.g. table-row editors). */
     size?: 'small' | 'large';
@@ -3469,8 +3780,8 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
      *                           the `.es` / `.es__panel` patterns (the custom
      *                           dropdown: filter, styled options, animated panel
      *                           — see `components.html` Section 04). Also pinned
-     *                           to the canonical `--hit-base` (40px) trigger
-     *                           height (`.es.p-select { min-height: --hit-base }`),
+     *                           to the canonical `--hit-field` (40px, 48px on touch) trigger
+     *                           height (`.es.p-select { min-height: --hit-field }`),
      *                           so it aligns with inputs/buttons in a row.
      * - `'comptoir'`           — lite native `<select class="ef-select-native">`.
      *                           No filter / panel / multi / templates; use it for
@@ -3505,11 +3816,28 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
     ngControl: NgControl | null;
     private readonly injector;
     ngOnInit(): void;
+    /**
+     * The text an unset select shows: the placeholder, or nothing. A blank or
+     * dash-only placeholder (a translation of " " or "—") counts as nothing, so
+     * the unset state can never read as "— —". The native variant used to wrap
+     * any truthy placeholder in dashes, which turned " " into exactly that.
+     */
+    get placeholderText(): string;
     /** Translated filter placeholder. Falls back to a generic key, then
      *  to "Search…" so it always renders something readable. */
     get effectiveFilterPlaceholder(): string;
     get effectiveEmptyMessage(): string;
     get effectiveEmptyFilterMessage(): string;
+    private _describedByPt?;
+    /**
+     * PrimeNG pass-through that puts `aria-describedby` (hint, then errors)
+     * on the element the `<label for>` points at: `p-select`'s
+     * `span[role=combobox]` (`label`) and `p-multiselect`'s hidden focus
+     * input (`hiddenInput`). Neither component has an input for it. Cached
+     * per id list so change detection does not hand PrimeNG a new object
+     * every pass.
+     */
+    get describedByPt(): Record<string, Record<string, string | null>>;
     /** Always include `.es` so the global Comptoir skin in
      *  `_patterns.scss` always finds a hook, regardless of what the
      *  consumer passes via `styleClass`. */
@@ -3643,6 +3971,11 @@ declare class EfCheckboxComponent extends AbstractEfFormControl implements Contr
  *   ariaLabelKey="sales_clients_toggle_active_aria"
  *   (checkedChange)="setActive(row, $event)" />
  * ```
+ *
+ * With a label, the host is a flex row: the switch keeps its size and a
+ * sentence-long label wraps beside it, not under it, at phone width.
+ * Screens no longer restyle `ef-toggleswitch` for this. Without a label
+ * (a table row's switch) the host keeps its inline box.
  */
 declare class EfToggleSwitchComponent extends AbstractEfFormControl implements ControlValueAccessor {
     /**
@@ -3746,38 +4079,6 @@ declare class EfDatepickerComponent implements ControlValueAccessor {
     static ngAcceptInputType_autofocus: unknown;
 }
 
-/**
- * Comptoir number input.
- *
- * Two render variants share the same API:
- * - `'comptoir'` (default) — native `<input type="text" inputmode="decimal">`
- *   styled against `.ef-input` / `.ef-input-group`. Lean, no locale
- *   formatting on display, but data entry accepts both `,` and `.` as
- *   the decimal separator (fr-MA users type commas) and ignores
- *   space group separators; pair with `suffix="MAD"` for unit display
- *   in dense grids (variants table, inventory adjustments, etc.).
- *   See ADR-009.
- * - `'primeng'`            — wraps `p-inputnumber`. Full locale-aware
- *   currency / decimal formatting, stepper buttons, prefix / suffix.
- *
- * Identity / label / placeholder / aria / required / readonly /
- * disabled are inherited from `AbstractEfFormControl`.
- *
- * ```html
- * <ef-inputnumber
- *   labelKey="catalog.price"
- *   variant="primeng"
- *   mode="currency" currency="MAD" locale="fr-MA"
- *   [(value)]="variant.price" />
- *
- * <ef-inputnumber
- *   labelKey="catalog.inventory"
- *   variant="comptoir"
- *   [showButtons]="true" buttonLayout="horizontal"
- *   [min]="0" [step]="1"
- *   [(value)]="variant.inventoryQuantity" />
- * ```
- */
 declare class EfInputNumberComponent extends AbstractEfFormControl implements ControlValueAccessor {
     inputNumber?: InputNumber;
     value?: Nullable<number>;
@@ -3804,7 +4105,7 @@ declare class EfInputNumberComponent extends AbstractEfFormControl implements Co
     step: number;
     allowEmpty: boolean;
     inputSize?: number;
-    /** Default (undefined) = canonical `--hit-base` (40px); `'small'` = dense 32px. */
+    /** PrimeNG variant only: `'small'` = dense 32px. The comptoir variant ignores it and is always `--hit-field` (40px, 48px on touch). */
     size?: 'small' | 'large';
     maxlength?: number;
     minlength?: number;
@@ -3827,7 +4128,7 @@ declare class EfInputNumberComponent extends AbstractEfFormControl implements Co
      * Render variant.
      * - `'comptoir'` (default) — native `<input type="text" inputmode="decimal">`
      *                           styled against `.ef-input` / `.ef-input-group`,
-     *                           at the canonical `--hit-base` (40px) height.
+     *                           at the canonical `--hit-field` height (40px, 48px on touch).
      *                           Accepts `,` and `.` as decimal separator.
      * - `'primeng'`            — wraps `p-inputnumber`. Opt in for PrimeNG's
      *                           formatted stepper behaviour.
@@ -3848,9 +4149,54 @@ declare class EfInputNumberComponent extends AbstractEfFormControl implements Co
     /** A number field is clearable when it holds any value (including 0). */
     protected get hasValue(): boolean;
     clearValue(): void;
+    /** True while the comptoir input has focus in currency mode. */
+    private focused;
+    /** What the user typed since focus, shown as is (never reformatted). */
+    private editText;
+    /** A change that did not come from typing (clear, stepper, form write)
+     *  replaces the edit text while focused, or the box would keep the old
+     *  amount and the next keystroke would append to it. Marks the view,
+     *  since a programmatic call (zoneless) would not. */
+    private syncEditText;
+    /** Comptoir currency formatting applies: `mode="currency"` and a currency code. */
+    get isCurrency(): boolean;
+    private get effectiveLocale();
+    /** Decimals: explicit inputs, else the currency's own (2 for MAD). */
+    private get fractionDigits();
+    /**
+     * The amount as text, in Latin digits and without bidi marks: grouped
+     * for display, ungrouped for editing (so the text always parses back
+     * through {@link parseComptoirValue}).
+     */
+    private formatAmount;
+    /**
+     * The currency addon: the locale's symbol and the side it goes on, or
+     * `null` outside currency mode or when an explicit prefix / suffix
+     * already shows the unit.
+     */
+    get currencyAddon(): {
+        symbol: string;
+        side: 'prefix' | 'suffix';
+    } | null;
+    /**
+     * Currency mode, before the generic parse: drops the currency's names (a
+     * pasted "1.234,50 MAD" or "1.234,50 د.م."), then, when the currency has
+     * at most 2 decimals, reads the locale's own group separator followed by
+     * groups of exactly 3 digits as grouping. "1.500" in a fr-MA or ar-MA MAD
+     * field is 1 500, not 1,50: a 3-digit tail cannot be a decimal there.
+     * Only the locale's group character counts, so a French "1,500" stays
+     * 1,5, and "0.500" or "12.50" stay decimals.
+     */
+    private stripCurrencyGrouping;
+    /** Id of the currency addon, referenced by the input's aria-describedby. */
+    get currencyId(): string;
+    /** Text bound to the comptoir input. */
+    get displayText(): string | number;
     private onChange;
     private onTouched;
     readonly ngControl: NgControl;
+    private readonly localeId;
+    private readonly cdr;
     constructor();
     get showRequired(): boolean;
     get serverErrors(): string[] | null;
@@ -3871,6 +4217,8 @@ declare class EfInputNumberComponent extends AbstractEfFormControl implements Co
      * dot before parsing, and spaces (JS `\s` covers NBSP / narrow-NBSP
      * group separators) are stripped. Both `23,50` and `23.50` parse to
      * 23.5; unparseable text yields `null` (existing empty semantics).
+     * Bidi marks (an Arabic formatted amount carries U+200F) are dropped,
+     * and when both `.` and `,` appear the last one is the decimal.
      */
     private parseComptoirValue;
     /**
@@ -4471,50 +4819,16 @@ type EfDataCardMobileLayout = 'row' | 'card';
  */
 declare const EF_DATA_CARD_MOBILE_LAYOUT: InjectionToken<EfDataCardMobileLayout>;
 
-/**
- * Declarative row-action item consumed by `ef-row-actions`.
- *
- * The component renders a native Comptoir-styled popup (no PrimeNG
- * Menu) so the design — kbd hint, danger tone, divider, ink-active
- * trigger when open — matches the prototype 1:1.
- *
- * Use `command` for actions, `separator: true` for a divider line.
- */
-interface EfRowAction {
-    /** Stable identifier for trackBy / tests. */
-    id?: string;
-    /** Translation key — preferred. */
-    labelKey?: string;
-    /** Direct label — used only when `labelKey` is empty. */
-    label?: string;
-    /** PrimeIcons class (e.g. `'pi pi-pencil'`). */
-    icon?: string;
-    /** Optional keyboard-shortcut hint shown right-aligned (e.g. `'↵'`, `'E'`, `'⌘D'`). */
-    kbd?: string;
-    /** Tone: `'danger'` styles destructive items in the cancelled palette. */
-    severity?: 'default' | 'danger';
-    /** Render a divider in this slot — all other fields ignored. */
-    separator?: boolean;
-    /** Disable without removing. */
-    disabled?: boolean;
-    /**
-     * Hide the item explicitly. Combined with `permission` and any
-     * caller-supplied filter; defaults to `true` (visible).
-     */
-    visible?: boolean;
-    /**
-     * If set, the item is hidden unless the bound `ScreenContext`
-     * grants this permission, or every permission in the array (e.g.
-     * Duplicate needs `[Duplicate, Create]`, since a duplicate is saved
-     * through create). Items with no `permission` always show.
-     */
-    permission?: Permissions | ReadonlyArray<Permissions>;
-    /** Click handler. The container handles closing the popup. */
-    command?: () => void;
-}
-
 /** Action identifier emitted by `ef-data-card`'s auto row-actions cell. */
 type EfDataCardRowAction = 'view' | 'edit' | 'duplicate' | 'delete';
+/** What `[rowActionState]` answers for one action on one row: `'hidden'`
+ *  leaves it out of the menu, `'disabled'` (or `{ state: 'disabled', reasonKey }`, which also says why, announced
+ *  and shown under the item) shows it greyed and inert, and
+ *  `null` / `undefined` leaves it as it is. */
+type EfDataCardRowActionState = 'hidden' | 'disabled' | {
+    state: 'disabled';
+    reasonKey?: string;
+} | null | undefined;
 /** Row height presets offered by the Density control. */
 type EfTableDensity = 'compact' | 'default' | 'comfortable';
 /**
@@ -4694,12 +5008,48 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
      * their native behaviour (toggle selection, run an action, …).
      */
     readonly rowDoubleClickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Turns an activatable row into a toggle button (APG button pattern):
+     * the row, already `role="button"` under `[rowDoubleClickable]`, gets
+     * `aria-pressed` from this function, on the desktop `<tr>` and on the
+     * phone row head alike. Enter and Space both activate. For a
+     * multi-select picker whose rows are the selection.
+     *
+     * `aria-pressed` rather than `aria-selected`: selection belongs to a
+     * grid or listbox, which own arrow-key focus management this table does
+     * not have, and `aria-selected` is not allowed on a button. Unset, no
+     * attribute is written.
+     */
+    readonly rowPressed: _angular_core.InputSignal<(row: TRow) => boolean>;
+    /**
+     * A row that is shown but cannot be activated (a product already in the
+     * collection): `.is-disabled` dims it, `aria-disabled` says so, and
+     * click, Enter and Space are ignored. It stays focusable, so a screen
+     * reader user can still find it and hear why nothing happens.
+     */
+    readonly rowDisabled: _angular_core.InputSignal<(row: TRow) => boolean>;
+    protected pressedAttr(row: TRow): 'true' | 'false' | null;
+    protected isRowDisabled(row: TRow): boolean;
     readonly hasActionsColumn: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly rowActionsContext: _angular_core.InputSignal<ScreenContext>;
     readonly showViewAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showEditAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showDuplicateAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showDeleteAction: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Per-row visibility of the built-in row actions, e.g. no Delete on a
+     * row that is not a draft:
+     *
+     * ```ts
+     * rowActionState = (action, row) =>
+     *   action === 'delete' && row.status !== 'draft' ? 'hidden' : null;
+     * ```
+     *
+     * Applied on top of the `show*Action` flags and the permission filter,
+     * on desktop rows and phone cards alike. A row whose actions are all
+     * hidden gets a disabled trigger. Unset, every row keeps every action.
+     */
+    readonly rowActionState: _angular_core.InputSignal<(action: EfDataCardRowAction, row: TRow) => EfDataCardRowActionState>;
     /** Render the Density control in the head row. */
     readonly showDensityControl: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Render the Columns picker in the head row. */
@@ -4739,9 +5089,9 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     readonly searchTerm: _angular_core.InputSignal<string>;
     /**
      * Stable key used to remember density and hidden columns for this
-     * table. Preferences are a per-viewer convenience, so they live in
-     * localStorage and are read defensively -- a private window or
-     * cleared site data simply falls back to the defaults.
+     * table, through `EF_PREFERENCE_STORE`. They are read defensively: a
+     * store that throws or holds nothing falls back to the defaults
+     * (`defaultDensity`, and each column's `defaultHidden`).
      */
     readonly tableKey: _angular_core.InputSignal<string>;
     readonly pageChange: _angular_core.OutputEmitterRef<number>;
@@ -4856,8 +5206,17 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     readonly fixedLayout: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Row density. Applied as a class on `.tbl-wrap`. */
     readonly density: _angular_core.WritableSignal<EfTableDensity>;
-    /** Column ids the viewer has hidden. */
-    readonly hiddenColumnIds: _angular_core.WritableSignal<readonly string[]>;
+    /**
+     * The viewer's own column choice: from the saved preferences, or from
+     * the Columns picker. `null` until there is one, so the columns'
+     * `defaultHidden` flags decide.
+     */
+    private readonly chosenHiddenColumnIds;
+    /** Columns hidden until the viewer says otherwise. Only ones the
+     *  picker lists, so a default can always be undone. */
+    private readonly defaultHiddenColumnIds;
+    /** Column ids hidden right now: the viewer's choice, else the defaults. */
+    readonly hiddenColumnIds: _angular_core.Signal<readonly string[]>;
     readonly densityOptions: ReadonlyArray<{
         value: EfTableDensity;
         labelKey: string;
@@ -4894,6 +5253,7 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     setDensity(value: EfTableDensity): void;
     isColumnHidden(id: string): boolean;
     toggleColumn(id: string): void;
+    /** "Show all columns": every column, the `defaultHidden` ones included. */
     resetColumns(): void;
     /** Close an open panel on an outside click or Escape. */
     onDocumentClick(event: MouseEvent): void;
@@ -4960,11 +5320,17 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
      * only missing half of the interaction.
      */
     onRowKeydown(row: TRow, event: Event): void;
+    /**
+     * Space activates a button as Enter does (APG). Only when the row itself
+     * has focus: Space on a checkbox or button inside the row is theirs.
+     * preventDefault keeps the page (or a dialog body) from scrolling.
+     */
+    onRowSpace(row: TRow, event: Event): void;
     onHeaderClick(col: EfDataCardColumn): void;
     trackByRow: (_: number, row: TRow) => unknown;
     trackByColumn: (_: number, col: EfDataCardColumn) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfDataCardComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDataCardComponent<any>, "ef-data-card", never, { "mobileLayout": { "alias": "mobileLayout"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "pageNumber": { "alias": "pageNumber"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalCount": { "alias": "totalCount"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "loadingKey": { "alias": "loadingKey"; "required": false; "isSignal": true; }; "rowDoubleClickable": { "alias": "rowDoubleClickable"; "required": false; "isSignal": true; }; "hasActionsColumn": { "alias": "hasActionsColumn"; "required": false; "isSignal": true; }; "rowActionsContext": { "alias": "rowActionsContext"; "required": false; "isSignal": true; }; "showViewAction": { "alias": "showViewAction"; "required": false; "isSignal": true; }; "showEditAction": { "alias": "showEditAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; "showDensityControl": { "alias": "showDensityControl"; "required": false; "isSignal": true; }; "showColumnPicker": { "alias": "showColumnPicker"; "required": false; "isSignal": true; }; "showExportControl": { "alias": "showExportControl"; "required": false; "isSignal": true; }; "exporting": { "alias": "exporting"; "required": false; "isSignal": true; }; "screenContext": { "alias": "screenContext"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "tableKey": { "alias": "tableKey"; "required": false; "isSignal": true; }; "defaultDensity": { "alias": "defaultDensity"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; "exportRequest": "exportRequest"; "clearSearch": "clearSearch"; "retry": "retry"; "rowReorder": "rowReorder"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state-mobile]", "[empty-state]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDataCardComponent<any>, "ef-data-card", never, { "mobileLayout": { "alias": "mobileLayout"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "trackByField": { "alias": "trackByField"; "required": false; "isSignal": true; }; "pageNumber": { "alias": "pageNumber"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalCount": { "alias": "totalCount"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePager": { "alias": "hidePager"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "errorMsg"; "required": false; "isSignal": true; }; "loadingKey": { "alias": "loadingKey"; "required": false; "isSignal": true; }; "rowDoubleClickable": { "alias": "rowDoubleClickable"; "required": false; "isSignal": true; }; "rowPressed": { "alias": "rowPressed"; "required": false; "isSignal": true; }; "rowDisabled": { "alias": "rowDisabled"; "required": false; "isSignal": true; }; "hasActionsColumn": { "alias": "hasActionsColumn"; "required": false; "isSignal": true; }; "rowActionsContext": { "alias": "rowActionsContext"; "required": false; "isSignal": true; }; "showViewAction": { "alias": "showViewAction"; "required": false; "isSignal": true; }; "showEditAction": { "alias": "showEditAction"; "required": false; "isSignal": true; }; "showDuplicateAction": { "alias": "showDuplicateAction"; "required": false; "isSignal": true; }; "showDeleteAction": { "alias": "showDeleteAction"; "required": false; "isSignal": true; }; "rowActionState": { "alias": "rowActionState"; "required": false; "isSignal": true; }; "showDensityControl": { "alias": "showDensityControl"; "required": false; "isSignal": true; }; "showColumnPicker": { "alias": "showColumnPicker"; "required": false; "isSignal": true; }; "showExportControl": { "alias": "showExportControl"; "required": false; "isSignal": true; }; "exporting": { "alias": "exporting"; "required": false; "isSignal": true; }; "screenContext": { "alias": "screenContext"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "tableKey": { "alias": "tableKey"; "required": false; "isSignal": true; }; "defaultDensity": { "alias": "defaultDensity"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; "exportRequest": "exportRequest"; "clearSearch": "clearSearch"; "retry": "retry"; "rowReorder": "rowReorder"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state-mobile]", "[empty-state]"], true, never>;
 }
 
 /**
@@ -5095,6 +5461,7 @@ declare class EfOverflowTooltipDirective {
 declare class EfRowActionsComponent {
     private readonly host;
     private readonly shortcuts;
+    private readonly injector;
     /** Distinguishes this instance's registrations from every other row's:
      *  each row on screen constructs its own component, and ids must not
      *  collide or one row's disposer (and its `when`) would clobber
@@ -5140,6 +5507,17 @@ declare class EfRowActionsComponent {
     private static openInstance;
     toggle(event: MouseEvent): void;
     runCommand(action: EfRowAction, event: MouseEvent): void;
+    /** Id of the visible reason a disabled item carries. */
+    reasonId(index: number): string;
+    /** ArrowDown on the closed trigger opens the menu (APG menu button). */
+    openFromKeyboard(event: Event): void;
+    /** Arrow Up/Down (wrapping), Home and End move between items; Escape
+     *  closes and hands focus back to the trigger. */
+    onMenuKeydown(event: KeyboardEvent): void;
+    private menuButtons;
+    private focusTrigger;
+    /** Once the menu is rendered, focus its first enabled item (or the first). */
+    private focusItem;
     close(): void;
     /** Gap between the trigger and the menu, plus a little breathing room
      *  against the viewport edge. Matches `top: calc(100% + 8px)`. */
@@ -5685,12 +6063,16 @@ declare class EfRadioComponent extends AbstractEfFormControl implements ControlV
  *   [rows]="4"
  *   [(value)]="description"
  * />
+ * <ef-textarea labelKey="store_pages_details_body_fr" mono [rows]="12" [(value)]="bodyFr" />
  * ```
  */
 declare class EfTextareaComponent extends AbstractEfFormControl implements ControlValueAccessor {
     rows: number;
     maxlength?: number;
     autofocus: boolean;
+    /** Monospace face for source text (an HTML body, a JSON snippet), where
+     *  tags and indentation must stay readable. */
+    mono: boolean;
     valueChangeEvent: EventEmitter<string>;
     /** Two-way-bindable as `[value]` (one-way) or
      *  `[(value)]="signal()"` (set + listen via `valueChangeEvent`). */
@@ -5712,8 +6094,64 @@ declare class EfTextareaComponent extends AbstractEfFormControl implements Contr
     handleInput(value: string): void;
     handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfTextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfTextareaComponent, "ef-textarea", never, { "rows": { "alias": "rows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfTextareaComponent, "ef-textarea", never, { "rows": { "alias": "rows"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "mono": { "alias": "mono"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
     static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_mono: unknown;
+}
+
+type EfFileRejectReason = 'size' | 'type';
+interface EfFileRejection {
+    file: File;
+    reason: EfFileRejectReason;
+}
+/**
+ * A button that opens the native file picker and emits the chosen `File`.
+ * It never talks to the network: the app uploads the emitted file through its
+ * NSwag client (`client.uploadLogo({ data: file, fileName: file.name })`).
+ *
+ * - The button is a real `<button>`, so Enter/Space work and a screen reader
+ *   announces it by its label (`labelKey`) or `ariaLabelKey` when icon-only.
+ *   The native input is hidden from the tab order and the accessibility tree.
+ * - `accept` is the usual `<input accept>` list (MIME types, `image/*`,
+ *   `.ext`); it is checked again on the chosen file, because the picker's
+ *   filter can be bypassed.
+ * - `maxSizeBytes` rejects larger files. A rejected file is not emitted;
+ *   `(fileRejected)` fires and a live region shows `sizeErrorKey` or
+ *   `typeErrorKey` (translated).
+ * - On a coarse pointer (touch phone, tablet, touch laptop) the painted button
+ *   is `--hit-touch` (48px), as `ef-pill-group` does.
+ *
+ * ```html
+ * <ef-file-upload labelKey="tenant_logo_upload" accept="image/png,image/jpeg"
+ *     [maxSizeBytes]="2097152" sizeErrorKey="file_too_large"
+ *     (fileSelected)="upload($event)" />
+ * ```
+ */
+declare class EfFileUploadComponent {
+    /** Visible label (translation key). Omit for an icon-only button and set `ariaLabelKey`. */
+    readonly labelKey: _angular_core.InputSignal<string>;
+    readonly ariaLabelKey: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly severity: _angular_core.InputSignal<"primary" | "danger" | "tenant" | "ghost">;
+    /** The `<input accept>` list: MIME types, `type/*` and `.ext`, comma separated. */
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly maxSizeBytes: _angular_core.InputSignal<number>;
+    /** Translation key shown when the file is over `maxSizeBytes`. */
+    readonly sizeErrorKey: _angular_core.InputSignal<string>;
+    /** Translation key shown when the file does not match `accept`. */
+    readonly typeErrorKey: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly fileSelected: _angular_core.OutputEmitterRef<File>;
+    readonly fileRejected: _angular_core.OutputEmitterRef<EfFileRejection>;
+    private readonly picker;
+    private readonly reason;
+    protected readonly errorKey: _angular_core.Signal<string>;
+    protected open(): void;
+    protected onChange(event: Event): void;
+    private check;
+    private matchesAccept;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfFileUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfFileUploadComponent, "ef-file-upload", never, { "labelKey": { "alias": "labelKey"; "required": false; "isSignal": true; }; "ariaLabelKey": { "alias": "ariaLabelKey"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSizeBytes": { "alias": "maxSizeBytes"; "required": false; "isSignal": true; }; "sizeErrorKey": { "alias": "sizeErrorKey"; "required": false; "isSignal": true; }; "typeErrorKey": { "alias": "typeErrorKey"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "fileSelected": "fileSelected"; "fileRejected": "fileRejected"; }, never, never, true, never>;
 }
 
 interface EfPresetItem<T = string> {
@@ -5797,6 +6235,8 @@ interface EfDatePreset {
  *  a `[start, end]` tuple for a range — so `ef-datepicker-advanced` is a
  *  drop-in replacement for the legacy `ef-datepicker` in forms. */
 type EfDateFieldValue = Date | [Date, Date] | null;
+/** What the form receives: a Date shape, or with `valueFormat="local-datetime"` wall-time strings. */
+type EfDateFieldOutput = EfDateFieldValue | string | [string, string];
 /**
  * Comptoir period selector for smart-bars — a pill trigger ("Date — 30
  * derniers jours v") that opens a popover with a preset list and an
@@ -5891,6 +6331,17 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
      * start-of-day) and the trigger renders `DD/MM/YYYY HH:mm`.
      */
     readonly showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Field mode only: the value shape the form sees.
+     * - `'date'` (default): a `Date` (or `[start, end]`).
+     * - `'local-datetime'`: wall time as a `yyyy-MM-ddTHH:mm` string (or a
+     *   pair), read and written from the date's local components, never
+     *   through UTC. For times that belong to another zone than the
+     *   browser's (a shop's opening time, an offer's start), where the
+     *   server converts and the browser must not. A string in any other
+     *   shape (seconds, `Z`, an offset) is ignored rather than guessed.
+     */
+    readonly valueFormat: _angular_core.InputSignal<"date" | "local-datetime">;
     /** Emitted whenever a preset or applied custom range changes. */
     readonly rangeChange: _angular_core.OutputEmitterRef<EfDateRange>;
     /** Forwarded when the popover opens / closes (mirrors ef-row-actions). */
@@ -5980,8 +6431,8 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
     get serverErrors(): string[] | null;
     /** Invalid + interacted — drives the red border on the field box. */
     get isInvalid(): boolean;
-    writeValue(value: Date | Date[] | string | number | null | undefined): void;
-    registerOnChange(fn: (value: EfDateFieldValue) => void): void;
+    writeValue(value: Date | Date[] | string | string[] | number | null | undefined): void;
+    registerOnChange(fn: (value: EfDateFieldOutput) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     protected get hasValue(): boolean;
@@ -5990,6 +6441,13 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
      *  Tolerates `null`, `[start, null]`, strings/epochs, and stray
      *  multi-element arrays (keeps the first two). */
     private coerceValue;
+    /** `local-datetime` in: `yyyy-MM-ddTHH:mm` built into a Date from its
+     *  parts (local time), never through `Date` string parsing. */
+    private coerceLocal;
+    private parseLocalDateTime;
+    /** `local-datetime` out: the Date's local components, zero-padded. */
+    private formatLocalDateTime;
+    private toOutput;
     private toDate;
     /** Commit a field-mode value: update internal state, notify the form,
      *  and close the popover. `single` → `Date`, `range` → `[start, end]`. */
@@ -6076,7 +6534,7 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
     }) => number;
     trackByDow: (_: number, label: string) => string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfDatepickerAdvancedComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDatepickerAdvancedComponent, "ef-datepicker-advanced", never, { "triggerLabelKey": { "alias": "triggerLabelKey"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "activePreset": { "alias": "activePreset"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "end": { "alias": "end"; "required": false; "isSignal": true; }; "allowCustomRange": { "alias": "allowCustomRange"; "required": false; "isSignal": true; }; "allowAllTime": { "alias": "allowAllTime"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; }, { "rangeChange": "rangeChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDatepickerAdvancedComponent, "ef-datepicker-advanced", never, { "triggerLabelKey": { "alias": "triggerLabelKey"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "presets": { "alias": "presets"; "required": false; "isSignal": true; }; "activePreset": { "alias": "activePreset"; "required": false; "isSignal": true; }; "start": { "alias": "start"; "required": false; "isSignal": true; }; "end": { "alias": "end"; "required": false; "isSignal": true; }; "allowCustomRange": { "alias": "allowCustomRange"; "required": false; "isSignal": true; }; "allowAllTime": { "alias": "allowAllTime"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; }, { "rangeChange": "rangeChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 /**
@@ -6275,5 +6733,5 @@ declare class EfEmailMetricsCardComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfEmailMetricsCardComponent, "ef-email-metrics-card", never, { "metrics": { "alias": "metrics"; "required": false; "isSignal": true; }; "recentEvents": { "alias": "recentEvents"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "rangeChange": "rangeChange"; }, never, never, true, never>;
 }
 
-export { EF_BADGE_BG_COLORS, EF_BADGE_BG_LIGHT_COLORS, EF_BADGE_BORDER_COLORS, EF_BADGE_DEFAULTS, EF_BADGE_TEXT_COLORS, EF_CHART_PALETTE, EF_DATATABLE_ACTIONS_DEFAULTS, EF_DATATABLE_COLUMN_DEFAULTS, EF_DATATABLE_DEFAULTS, EF_DATA_CARD_MOBILE_LAYOUT, EF_STATUS_COLORS, EF_STATUS_COLOR_ALIASES, EfAboutDialogComponent, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, EfChangePasswordComponent, EfChartComponent, EfCheckboxComponent, EfClearButtonComponent, EfColumnHeaderTemplateDirective, EfColumnTemplateDirective, EfCompactPipe, EfConfirmDialogComponent, EfCurrencyPipe, EfDataCardComponent, EfDatatableActionBarComponent, EfDatatableComponent, EfDatepickerAdvancedComponent, EfDatepickerComponent, EfDetailToolbarComponent, EfDialogComponent, EfEmailMetricsCardComponent, EfEmptyStateComponent, EfFabComponent, EfFieldsetComponent, EfFilterDrawerComponent, EfFilterPillComponent, EfFormGridComponent, EfInputNumberComponent, EfInputTextComponent, EfKpiCardComponent, EfLabelComponent, EfModuleRailComponent, EfModuleSideComponent, EfMultiSelectComponent, EfOrderBuilderComponent, EfOrderSummaryComponent, EfOverflowTooltipDirective, EfPagerComponent, EfPasswordComponent, EfPdfPreviewComponent, EfPillGroupComponent, EfPresetPillComponent, EfPriceDisplayComponent, EfProductCatalogueComponent, EfProductCatalogueFilterComponent, EfProductTypeaheadComponent, EfProfileChipComponent, EfProfileMenuComponent, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRadioComponent, EfRankListComponent, EfReadOnlyDirective, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, EfSessionIdleDialogComponent, EfShortcutsDialogComponent, EfSkeletonComponent, EfSmartBarComponent, EfStatsComponent, EfStatusChipComponent, EfTabPanelDirective, EfTabsComponent, EfTextareaComponent, EfThemeConfiguratorComponent, EfThemeToggleComponent, EfTimelineComponent, EfToastRegionComponent, EfToggleSwitchComponent, EfToolbarComponent, EfTooltipDirective, EfTotalsComponent, OrderEntityHelper, OrderLineItemHelper, TruncatePipe, buildChartConfig, getColumnAlignment, mergeColumnDefaults, resolveEfStatusColor };
-export type { CatalogueProduct, CatalogueProductVariant, CategoryAssignment, CategoryGroup, CategoryItem, DatatableSearchEntity, DocumentConfig, EfAboutServer, EfBadgeColor, EfBadgeConfig, EfBadgeSize, EfBadgeVariant, EfButtonComptoirSeverity, EfButtonPrimeNGSeverity, EfButtonSeverity, EfChangeHistoryEntry, EfChangeHistoryFieldChange, EfChangePasswordSubmit, EfChartSeries, EfChartType, EfDataCardMobileLayout, EfDataCardRowAction, EfDatatableActions, EfDatatableColumn, EfDatatableColumnAlign, EfDatatableColumnType, EfDatatableConfig, EfDateFieldValue, EfDatePreset, EfDialogAction, EfDialogSeverity, EfDialogSize, EfFabPosition, EfKpiDeltaTone, EfKpiSparkline, EfPillItem, EfPresetItem, EfProfileMenuItem, EfRankRow, EfRowAction, EfSkeletonVariant, EfStatsRow, EfStatusColor, EfStatusReferenceItem, EfTabItem, EfTabsModule, EfTabsVariant, EfTimelineItem, EfTimelineState, EfToastRegionPosition, EfTotalsGrand, EfTotalsRow, HighlightSegment, OrderChangeInfo, OrderEntity, OrderLineItem, OrderProductsSummary, OrderSummaryItem, ProductCountGroup, ProductCountGroupLabel, ProductTypeaheadRow, ProductTypeaheadSelection, ProductWithCountGroup, SelectedFilter, ValidationResult };
+export { EF_BADGE_BG_COLORS, EF_BADGE_BG_LIGHT_COLORS, EF_BADGE_BORDER_COLORS, EF_BADGE_DEFAULTS, EF_BADGE_TEXT_COLORS, EF_CHART_PALETTE, EF_DATATABLE_ACTIONS_DEFAULTS, EF_DATATABLE_COLUMN_DEFAULTS, EF_DATATABLE_DEFAULTS, EF_DATA_CARD_MOBILE_LAYOUT, EF_STATUS_COLORS, EF_STATUS_COLOR_ALIASES, EfAboutDialogComponent, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, EfChangePasswordComponent, EfChartComponent, EfCheckboxComponent, EfClearButtonComponent, EfColumnHeaderTemplateDirective, EfColumnTemplateDirective, EfCompactPipe, EfConfirmDialogComponent, EfCurrencyPipe, EfDataCardComponent, EfDatatableActionBarComponent, EfDatatableComponent, EfDatepickerAdvancedComponent, EfDatepickerComponent, EfDetailToolbarComponent, EfDialogComponent, EfEmailMetricsCardComponent, EfEmptyStateComponent, EfFabComponent, EfFieldsetComponent, EfFileUploadComponent, EfFilterDrawerComponent, EfFilterPillComponent, EfFormGridComponent, EfIdentityThumbComponent, EfInputNumberComponent, EfInputTextComponent, EfKpiCardComponent, EfLabelComponent, EfModuleRailComponent, EfModuleSideComponent, EfMultiSelectComponent, EfOrderBuilderComponent, EfOrderSummaryComponent, EfOverflowTooltipDirective, EfPagerComponent, EfPasswordComponent, EfPdfPreviewComponent, EfPillGroupComponent, EfPresetPillComponent, EfPriceDisplayComponent, EfProductCatalogueComponent, EfProductCatalogueFilterComponent, EfProductPickerComponent, EfProductTypeaheadComponent, EfProfileChipComponent, EfProfileMenuComponent, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRadioComponent, EfRankListComponent, EfReadOnlyDirective, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfSeoPreviewComponent, EfServerErrorsDirective, EfSessionIdleDialogComponent, EfShortcutsDialogComponent, EfSkeletonComponent, EfSmartBarComponent, EfStatsComponent, EfStatusChipComponent, EfTabPanelDirective, EfTabsComponent, EfTextareaComponent, EfThemeConfiguratorComponent, EfThemeToggleComponent, EfTimelineComponent, EfToastRegionComponent, EfToggleSwitchComponent, EfToolbarComponent, EfTooltipDirective, EfTotalsComponent, OrderEntityHelper, OrderLineItemHelper, TruncatePipe, buildChartConfig, getColumnAlignment, mergeColumnDefaults, resolveEfStatusColor };
+export type { CatalogueProduct, CatalogueProductVariant, CategoryAssignment, CategoryGroup, CategoryItem, DatatableSearchEntity, DocumentConfig, EfAboutServer, EfBadgeColor, EfBadgeConfig, EfBadgeSize, EfBadgeVariant, EfButtonComptoirSeverity, EfButtonPrimeNGSeverity, EfButtonSeverity, EfChangeHistoryEntry, EfChangeHistoryFieldChange, EfChangePasswordSubmit, EfChartSeries, EfChartType, EfDataCardMobileLayout, EfDataCardRowAction, EfDataCardRowActionState, EfDatatableActions, EfDatatableColumn, EfDatatableColumnAlign, EfDatatableColumnType, EfDatatableConfig, EfDateFieldOutput, EfDateFieldValue, EfDatePreset, EfDialogAction, EfDialogSeverity, EfDialogSize, EfFabPosition, EfFileRejectReason, EfFileRejection, EfIdentityThumbSize, EfKpiDeltaTone, EfKpiSparkline, EfPillItem, EfPresetItem, EfProductPickerItem, EfProductPickerQuery, EfProfileMenuItem, EfRankRow, EfRowAction, EfSkeletonVariant, EfStatsRow, EfStatusColor, EfStatusReferenceItem, EfTabItem, EfTabsModule, EfTabsVariant, EfTimelineItem, EfTimelineState, EfToastRegionPosition, EfTotalsGrand, EfTotalsRow, HighlightSegment, OrderChangeInfo, OrderEntity, OrderLineItem, OrderProductsSummary, OrderSummaryItem, ProductCountGroup, ProductCountGroupLabel, ProductTypeaheadRow, ProductTypeaheadSelection, ProductWithCountGroup, SelectedFilter, ValidationResult };