@elasticias/ui 1.0.21 → 1.0.23

package/types/elasticias-ui.d.ts

@@ -1,12 +1,12 @@
 import * as _angular_core from '@angular/core';
 import { PipeTransform, OnInit, OnChanges, TemplateRef, EventEmitter, 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 { EfDataCardColumn, EfDataCardColumnAlign, EfDataCardColumnMobileRole, EfDataCardColumnType, EfDataCardSort, EfDataCardSortDirection, EfDatePresetKey, EfDateRange, EfDetailToolbarAction, EfSearchToolbarAction } from '@elasticias/screens';
 import { Menu } from 'primeng/menu';
 import * as _elasticias_core from '@elasticias/core';
 import { EfBuildPackage, EfModule, EfNavSection, EfNavItem, EfModuleId, EfToast, EfToastAction, EfThemeConfigService } from '@elasticias/core';
 import * as i1 from 'primeng/tooltip';
-import * as _elasticias_screens from '@elasticias/screens';
-import { ScreenContext, EfDetailToolbarAction, EfSearchToolbarAction, EfDataCardColumn, EfDataCardSort, EfDataCardExportRequest, EfDateRange, EfDatePresetKey } from '@elasticias/screens';
-export { EfDataCardColumn, EfDataCardColumnAlign, EfDataCardColumnMobileRole, EfDataCardColumnType, EfDataCardSort, EfDataCardSortDirection, EfDatePresetKey, EfDateRange, EfDetailToolbarAction, EfSearchToolbarAction } from '@elasticias/screens';
 import { BlockableUI } from 'primeng/api';
 import { SafeResourceUrl } from '@angular/platform-browser';
 import { ChartConfiguration } from 'chart.js';
@@ -53,6 +53,14 @@ declare class EfPriceDisplayComponent {
 }
 
 declare class EfQuantitySelectorComponent {
+    /**
+     * 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;
+    };
     readonly quantity: _angular_core.InputSignal<number>;
     readonly quantityChange: _angular_core.OutputEmitterRef<number>;
     increment(): void;
@@ -435,8 +443,18 @@ declare class EfOrderBuilderComponent implements OnInit {
         id: OrderLineItem["id"];
         field: EditableLineField;
     }>;
-    /** Number of table columns, used for the empty-state colspan. */
-    colCount: _angular_core.Signal<number>;
+    /**
+     * Columns for the lines table.
+     *
+     * Only the article column is elastic: it carries no width and so absorbs
+     * whatever the fixed columns leave. Every other column holds a number whose
+     * magnitude is known in advance, so a fixed track keeps the decimal points
+     * aligned down the table instead of letting the longest product description
+     * shift them. The `mobile` roles decide what `ef-data-card` shows on a
+     * phone before the row is expanded, which is why the article leads and the
+     * subtotal reads as the row's status.
+     */
+    readonly lineColumns: _angular_core.Signal<EfDataCardColumn[]>;
     isEditingCell(item: OrderLineItem, field: EditableLineField): boolean;
     startEditCell(item: OrderLineItem, field: EditableLineField): void;
     stopEditCell(): void;
@@ -448,6 +466,17 @@ declare class EfOrderBuilderComponent implements OnInit {
     recapColumns: _angular_core.Signal<OrderSummaryItem[][]>;
     constructor();
     ngOnInit(): void;
+    /**
+     * Move a line to a new position.
+     *
+     * The order of an order's lines is data the operator owns — it is the order
+     * the picker walks the shelves in and the order the printed document reads
+     * in — so it is reordered by hand rather than derived from a sort.
+     */
+    reorderLine(ev: {
+        from: number;
+        to: number;
+    }): void;
     removeOrderLine(id: string | number | undefined): void;
     onFieldChange(item: OrderLineItem): void;
     calculateSubtotal(item: OrderLineItem): number;
@@ -571,6 +600,14 @@ interface SelectedFilter {
     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 */
@@ -1220,6 +1257,28 @@ declare class EfButtonComponent {
      *  long-press once the label is hidden by responsive CSS. */
     tooltipKey?: string;
     tooltipPosition: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Take focus on load. Bound explicitly rather than left unset: PrimeNG's
+     * AutoFocus directive tests `autofocus === false`, and the control declares
+     * it with no initialiser, so an unbound instance arrives as `undefined`,
+     * misses that check and has a real `autofocus` attribute written onto it.
+     * Every such control on a page then becomes an autofocus candidate, and the
+     * browser scrolls its container to whichever one it picks on load.
+     */
+    set autofocus(v: boolean);
+    get autofocus(): boolean;
+    private _autofocus;
+    /**
+     * PrimeNG's Button resolves its focus flag as
+     * `autofocus || buttonProps?.autofocus`. Passing `false` alone is therefore
+     * not enough: `false || undefined` is `undefined`, which misses the
+     * AutoFocus directive's `=== false` test and writes the attribute anyway.
+     * Supplying the flag through `buttonProps` as well makes the expression
+     * resolve to a real `false`.
+     */
+    protected pnButtonProps: {
+        autofocus: boolean;
+    };
     /** Resolved tooltip translation key — `tooltipKey` if provided,
      *  otherwise `labelKey`. Lets responsive icon-only buttons reuse
      *  their label as the tooltip without restating it at every call
@@ -1237,13 +1296,14 @@ declare class EfButtonComponent {
     get comptoirInlineColor(): string | null;
     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; }; }, { "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; }; "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;
     static ngAcceptInputType_raised: unknown;
     static ngAcceptInputType_text: unknown;
     static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_autofocus: unknown;
 }
 
 declare class EfButtonGroupComponent {
@@ -2460,8 +2520,10 @@ declare class EfCardComponent {
 }
 
 /**
- * 12-column form-grid primitive. Children use `.col-2/3/4/6/8/9/12`
- * to claim spans; on viewports < 720px every span collapses to 12.
+ * 12-column form-grid primitive. Children use `.col-1` through
+ * `.col-12` to claim spans; at 767px and below (the shell's own
+ * mobile breakpoint) every span collapses to the full 12, so a
+ * field never carries a per-breakpoint span of its own.
  *
  * ```html
  * <ef-form-grid>
@@ -3248,6 +3310,19 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
     filterPlaceholderKey?: string;
     /** Auto-focus the filter input when the panel opens (default: true). */
     autofocusFilter: boolean;
+    /**
+     * Take focus on load. Off by default, and bound explicitly rather than left
+     * unset, which matters more than it looks: PrimeNG's AutoFocus directive
+     * decides with `if (this.autofocus === false)`, and `Select` declares
+     * `autofocus` with no initialiser. An unbound control therefore arrives as
+     * `undefined`, misses that strict check, and gets a real `autofocus="true"`
+     * attribute written onto its label. Every select on a page became an
+     * autofocus candidate, so on load the browser focused one of them and
+     * scrolled its container to it — which is why a dashboard opened partway
+     * down the page. Binding `false` puts the directive back on its intended
+     * branch and removes the attribute.
+     */
+    autofocus: boolean;
     editable: boolean;
     loading: boolean;
     /** Virtual-scroll for long lists (>100 items). Pair with
@@ -3350,13 +3425,14 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
     handleNativeSelectChange(rawValue: string): void;
     private applyFilters;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfSelectComponent, "ef-select", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "group": { "alias": "group"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterPlaceholderKey": { "alias": "filterPlaceholderKey"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "multiDisplay": { "alias": "multiDisplay"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyMessageKey": { "alias": "emptyMessageKey"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyFilterMessageKey": { "alias": "emptyFilterMessageKey"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "filterByKeys": { "alias": "filterByKeys"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selectionChangeEvent": "selectionChangeEvent"; "filterChangeEvent": "filterChangeEvent"; "panelShowEvent": "panelShowEvent"; "panelHideEvent": "panelHideEvent"; }, ["itemTemplate", "selectedItemTemplate", "groupTemplate", "headerTemplate", "footerTemplate", "emptyTemplate", "emptyFilterTemplate", "filterTemplate", "loaderTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfSelectComponent, "ef-select", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "group": { "alias": "group"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "filterPlaceholderKey": { "alias": "filterPlaceholderKey"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "editable": { "alias": "editable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "multiDisplay": { "alias": "multiDisplay"; "required": false; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyMessageKey": { "alias": "emptyMessageKey"; "required": false; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; }; "emptyFilterMessageKey": { "alias": "emptyFilterMessageKey"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "panelStyleClass": { "alias": "panelStyleClass"; "required": false; }; "filterByKeys": { "alias": "filterByKeys"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selectionChangeEvent": "selectionChangeEvent"; "filterChangeEvent": "filterChangeEvent"; "panelShowEvent": "panelShowEvent"; "panelHideEvent": "panelHideEvent"; }, ["itemTemplate", "selectedItemTemplate", "groupTemplate", "headerTemplate", "footerTemplate", "emptyTemplate", "emptyFilterTemplate", "filterTemplate", "loaderTemplate"], never, true, never>;
     static ngAcceptInputType_group: unknown;
     static ngAcceptInputType_fluid: unknown;
     static ngAcceptInputType_inline: unknown;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_filter: unknown;
     static ngAcceptInputType_autofocusFilter: unknown;
+    static ngAcceptInputType_autofocus: unknown;
     static ngAcceptInputType_editable: unknown;
     static ngAcceptInputType_loading: unknown;
     static ngAcceptInputType_virtualScroll: unknown;
@@ -3439,6 +3515,14 @@ declare class EfCheckboxComponent extends AbstractEfFormControl implements Contr
  * ```
  */
 declare class EfToggleSwitchComponent extends AbstractEfFormControl implements ControlValueAccessor {
+    /**
+     * Take focus on load. Bound explicitly rather than left unset: PrimeNG's
+     * AutoFocus directive tests `autofocus === false`, and the control declares
+     * it with no initialiser, so an unbound instance arrives as `undefined`,
+     * misses that check and gets a real `autofocus` attribute written onto it.
+     * A table of these then puts one autofocus candidate per row on the page.
+     */
+    autofocus: boolean;
     /** Two-way bindable `[(checked)]` — boolean only. */
     checked: boolean;
     checkedChange: EventEmitter<boolean>;
@@ -3454,7 +3538,8 @@ declare class EfToggleSwitchComponent extends AbstractEfFormControl implements C
         checked: boolean;
     }): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfToggleSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfToggleSwitchComponent, "ef-toggleswitch", never, { "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfToggleSwitchComponent, "ef-toggleswitch", never, { "autofocus": { "alias": "autofocus"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ngAcceptInputType_autofocus: unknown;
 }
 
 /**
@@ -3487,6 +3572,15 @@ declare class EfDatepickerComponent implements ControlValueAccessor {
     showButtonBar: boolean;
     minDate?: Date;
     maxDate?: Date;
+    /**
+     * Take focus on load. Bound explicitly rather than left unset: PrimeNG's
+     * AutoFocus directive tests `autofocus === false`, and the control declares
+     * it with no initialiser, so an unbound instance arrives as `undefined`,
+     * misses that check and has a real `autofocus` attribute written onto it.
+     * Every such control on a page then becomes an autofocus candidate, and the
+     * browser scrolls its container to whichever one it picks on load.
+     */
+    autofocus: boolean;
     get isInline(): boolean;
     dateSelectEvent: EventEmitter<any>;
     value: any;
@@ -3507,7 +3601,7 @@ declare class EfDatepickerComponent implements ControlValueAccessor {
     handleChange(value: any): void;
     handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDatepickerComponent, "ef-datepicker", never, { "label": { "alias": "label"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; "size": { "alias": "size"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "dateSelectEvent": "dateSelectEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDatepickerComponent, "ef-datepicker", never, { "label": { "alias": "label"; "required": false; }; "labelKey": { "alias": "labelKey"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; "size": { "alias": "size"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "iconDisplay": { "alias": "iconDisplay"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "showTime": { "alias": "showTime"; "required": false; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "dateSelectEvent": "dateSelectEvent"; }, never, never, true, never>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_fluid: unknown;
     static ngAcceptInputType_inline: unknown;
@@ -3515,6 +3609,7 @@ declare class EfDatepickerComponent implements ControlValueAccessor {
     static ngAcceptInputType_showIcon: unknown;
     static ngAcceptInputType_showTime: unknown;
     static ngAcceptInputType_showButtonBar: unknown;
+    static ngAcceptInputType_autofocus: unknown;
 }
 
 /**
@@ -3675,6 +3770,15 @@ declare class EfPasswordComponent extends AbstractEfFormControl implements Contr
     toggleMask: boolean;
     feedback: boolean;
     autocomplete?: string;
+    /**
+     * Take focus on load. Bound explicitly rather than left unset: PrimeNG's
+     * AutoFocus directive tests `autofocus === false`, and the control declares
+     * it with no initialiser, so an unbound instance arrives as `undefined`,
+     * misses that check and has a real `autofocus` attribute written onto it.
+     * Every such control on a page then becomes an autofocus candidate, and the
+     * browser scrolls its container to whichever one it picks on load.
+     */
+    autofocus: boolean;
     get isInline(): boolean;
     valueChangeEvent: EventEmitter<string>;
     value: string;
@@ -3695,11 +3799,12 @@ declare class EfPasswordComponent extends AbstractEfFormControl implements Contr
     handleChange(value: string): void;
     handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfPasswordComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfPasswordComponent, "ef-password", never, { "size": { "alias": "size"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, { "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfPasswordComponent, "ef-password", never, { "size": { "alias": "size"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "toggleMask": { "alias": "toggleMask"; "required": false; }; "feedback": { "alias": "feedback"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "valueChangeEvent": "valueChangeEvent"; }, never, never, true, never>;
     static ngAcceptInputType_fluid: unknown;
     static ngAcceptInputType_inline: unknown;
     static ngAcceptInputType_toggleMask: unknown;
     static ngAcceptInputType_feedback: unknown;
+    static ngAcceptInputType_autofocus: unknown;
 }
 
 declare class EfMultiSelectComponent extends AbstractEfFormControl implements ControlValueAccessor, OnChanges {
@@ -4496,6 +4601,40 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     numberFormat(col: EfDataCardColumn): string;
     /** Which tools panel is open, if any. */
     readonly openTool: _angular_core.WritableSignal<"density" | "columns">;
+    /**
+     * Density this table starts at.
+     *
+     * A viewer's own choice, restored from storage via `tableKey`, still wins;
+     * this only moves the starting point for a table whose rows are meant to be
+     * scanned in bulk (an order's lines, say) rather than read one at a time.
+     */
+    readonly defaultDensity: _angular_core.InputSignal<EfTableDensity>;
+    /**
+     * Let the viewer drag rows into a new order. Off by default: reordering
+     * only means something where the row order is itself data the user owns
+     * (an order's lines), not on a list whose order comes from a sort.
+     *
+     * Adds a leading handle column; the row is only draggable by that handle,
+     * so selecting text in a cell still works.
+     */
+    readonly reorderable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The moved row's original and new index, once the drag settles. */
+    readonly rowReorder: _angular_core.OutputEmitterRef<{
+        from: number;
+        to: number;
+    }>;
+    /** Index being dragged, and the index it would land on. */
+    readonly dragFrom: _angular_core.WritableSignal<number>;
+    readonly dragTo: _angular_core.WritableSignal<number>;
+    onDragPointerDown(index: number, ev: PointerEvent): void;
+    onDragPointerMove(ev: PointerEvent): void;
+    onDragPointerUp(): void;
+    /**
+     * Keyboard equivalent of the drag. A handle that only answers to a pointer
+     * puts the row order out of reach of anyone not using a mouse, so the same
+     * move is on the arrow keys while the handle has focus.
+     */
+    onDragKeydown(index: number, ev: KeyboardEvent): void;
     /** Row density. Applied as a class on `.tbl-wrap`. */
     readonly density: _angular_core.WritableSignal<EfTableDensity>;
     /** Column ids the viewer has hidden. */
@@ -4568,7 +4707,7 @@ declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     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; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; "exportRequest": "exportRequest"; "clearSearch": "clearSearch"; }, ["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; }; "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; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; "exportRequest": "exportRequest"; "clearSearch": "clearSearch"; "rowReorder": "rowReorder"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state-mobile]", "[empty-state]"], true, never>;
 }
 
 /**
@@ -4611,6 +4750,42 @@ declare class EfColumnHeaderTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EfColumnHeaderTemplateDirective, "[efColumnHeaderTemplate]", never, { "columnId": { "alias": "efColumnHeaderTemplate"; "required": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Feeds a cell's full text to the `ef-tooltip` sitting on the same element,
+ * but only when that text is actually clipped.
+ *
+ * A column wide enough for the longest product description would starve every
+ * other column, so the description ellipsises. The operator is then left with
+ * a row they cannot read and nothing telling them the rest exists. This gives
+ * it back on hover, through the same comptoir-skinned tooltip the rest of the
+ * product uses rather than the browser's unstyled `title` bubble.
+ *
+ * The directive is always attached; what varies is whether it has anything to
+ * say. A cell whose text fits gets its tooltip disabled, so hovering a number
+ * that is fully visible does not pop a bubble repeating it.
+ *
+ * Measuring happens on `mouseenter`/`focusin` rather than from a ResizeObserver
+ * per cell: a 150-line table is a thousand observers for information nobody
+ * needs until a pointer is over one of them, and the tooltip's own show delay
+ * leaves ample time to measure.
+ *
+ * Truncation can happen on the cell or on an element inside it (the order
+ * builder ellipsises an inner `.nm` span, not the `td`), so both are checked.
+ */
+declare class EfOverflowTooltipDirective {
+    private readonly host;
+    /** Provided by the `efTooltip` host directive on the same element. */
+    private readonly tooltip;
+    /** 1px of slack: sub-pixel layout rounding otherwise reads as clipped. */
+    private static readonly SLACK;
+    protected sync(): void;
+    /** The cell itself, or the first descendant whose text is cut off. */
+    private findClipped;
+    private isClipped;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfOverflowTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EfOverflowTooltipDirective, "[efOverflowTooltip]", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * Row-actions dropdown — V2 successor to `ef-datatable-actionbar`.
  *
@@ -5648,6 +5823,14 @@ type RangeKey = '7d' | '30d' | '90d';
  * />
  */
 declare class EfEmailMetricsCardComponent {
+    /**
+     * 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;
+    };
     metrics: _angular_core.InputSignal<EmailMetrics>;
     recentEvents: _angular_core.InputSignal<EmailEventRecord[]>;
     loading: _angular_core.InputSignal<boolean>;
@@ -5677,5 +5860,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, EfPagerComponent, EfPasswordComponent, EfPdfPreviewComponent, EfPillGroupComponent, EfPresetPillComponent, EfPriceDisplayComponent, EfProductCatalogueComponent, EfProductCatalogueFilterComponent, EfProductTypeaheadComponent, EfProfileChipComponent, EfProfileMenuComponent, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRankListComponent, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, EfShortcutsDialogComponent, EfSkeletonComponent, EfSmartBarComponent, EfStatsComponent, EfStatusChipComponent, EfTabPanelDirective, EfTabsComponent, EfTextareaComponent, EfThemeConfiguratorComponent, EfThemeToggleComponent, EfTimelineComponent, EfToastRegionComponent, EfToggleSwitchComponent, EfToolbarComponent, EfTooltipDirective, EfTotalsComponent, OrderEntityHelper, OrderLineItemHelper, TruncatePipe, buildChartConfig, getColumnAlignment, mergeColumnDefaults, resolveEfStatusColor };
+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, EfRankListComponent, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, 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 };