@elasticias/ui 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elasticias/ui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/styles/_patterns.scss

@@ -368,13 +368,26 @@
 
 .smart-bar {
   display: grid;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) auto;
   gap: var(--s-3);
   align-items: stretch;
   background: transparent;
   padding: 6px 8px 6px 12px;
 }
 
+/* On a phone the search and its buttons cannot share a line: the input
+   collapses to nothing or the buttons push the row off-screen. */
+@media (max-width: 767px) {
+  .smart-bar {
+    grid-template-columns: minmax(0, 1fr);
+    padding: 8px;
+  }
+
+  .smart-bar .actions {
+    justify-content: flex-end;
+  }
+}
+
 .smart-bar .search {
   position: relative;
   display: flex;
@@ -694,6 +707,22 @@
   position: relative;
 }
 
+/* ──────────── ROUTED SCREEN HOSTS ───────────────────────────────
+   Screens are single-column grids by convention, and a grid item's
+   default min-width is auto — so the screen's column sized itself to
+   its widest child (a filter bar, a table) and every sibling stretched
+   to match, which on a phone meant a 726px page inside a 390px window.
+
+   This lives in the global sheet rather than ef-app-main's own styles:
+   the screen is projected content, so a component-scoped rule there
+   never matches it. A screen that genuinely wants its own columns
+   declares them in its component styles, which win on specificity. */
+
+.ef-app-main__content > * {
+  min-width: 0;
+  grid-template-columns: minmax(0, 1fr);
+}
+
 /* ──────────── RESULTS BAR + TABLE WRAPPER ──────────────────────── */
 
 .tbl-wrap {
@@ -1039,6 +1068,7 @@
   flex-wrap: wrap;
 }
 
+
 .detail-toolbar .ref {
   font-family: 'JetBrains Mono', ui-monospace, monospace;
   font-size: 14px;
@@ -1120,6 +1150,11 @@
 .card-body {
   padding: 16px;
   display: grid;
+  /* minmax(0, 1fr): a grid item's default min-width is auto, so a wide child
+     — a table, a nested data card — sized this column and pushed the card
+     past its own container. Same trap as the content area and the screen
+     host; this is the third place it bites. */
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--s-3);
 }
 
@@ -1160,8 +1195,8 @@
   grid-column: span 12;
 }
 
-@media (max-width: 720px) {
-  .form-grid > [class^='col-'] {
+@media (max-width: 767px) {
+  .form-grid > [class*='col-'] {
     grid-column: span 12;
   }
 }
@@ -2691,6 +2726,11 @@
 .card-body {
   padding: 16px;
   display: grid;
+  /* minmax(0, 1fr): a grid item's default min-width is auto, so a wide child
+     — a table, a nested data card — sized this column and pushed the card
+     past its own container. Same trap as the content area and the screen
+     host; this is the third place it bites. */
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--s-3);
 }
 
@@ -2733,8 +2773,8 @@
   grid-column: span 12;
 }
 
-@media (max-width: 720px) {
-  .ef-form-grid > [class^='col-'] {
+@media (max-width: 767px) {
+  .ef-form-grid > [class*='col-'] {
     grid-column: span 12;
   }
 }
@@ -4304,3 +4344,19 @@ input.ef-input[type='number'] {
     transform: rotate(360deg);
   }
 }
+
+/* ──────────── SMALL-SCREEN OVERRIDES ────────────────────────────
+   Last in the file on purpose: a media query adds no specificity, so a
+   rule declared later in the sheet beats it regardless of viewport.
+   Anything that overrides a base rule for small screens belongs here. */
+
+/* The detail toolbar is full-bleed — it cancels the content gutter with a
+   negative margin. That gutter is 16px on a phone, not 24px, so the bleed
+   has to match or the band hangs 16px off the right edge. */
+@media (max-width: 767px) {
+  .detail-toolbar {
+    top: calc(-1 * var(--s-4));
+    margin: calc(-1 * var(--s-4)) calc(-1 * var(--s-4)) 0;
+    padding: 10px var(--s-4);
+  }
+}

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, AfterViewInit } from '@angular/core';
+import { PipeTransform, OnInit, OnChanges, TemplateRef, EventEmitter, AfterContentInit, OnDestroy, SimpleChanges, InjectionToken, AfterViewInit } from '@angular/core';
 import { Menu } from 'primeng/menu';
 import * as _elasticias_core from '@elasticias/core';
 import { EfModule, EfModuleId, EfNavSection, EfNavItem, 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, EfDateRange, EfDatePresetKey } from '@elasticias/screens';
-export { EfDataCardColumn, EfDataCardColumnAlign, EfDataCardColumnType, EfDataCardSort, EfDataCardSortDirection, EfDatePresetKey, EfDateRange, EfDetailToolbarAction, EfSearchToolbarAction } 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';
@@ -966,8 +966,16 @@ declare class EfBuildStampComponent {
     readonly owner: _angular_core.InputSignal<string>;
     protected readonly info: _elasticias_core.EfBuildInfo;
     protected readonly year: number;
-    /** Commit and branch always identify a build; a version only appears when
-     *  the app actually maintains one, so an unversioned app shows no `v`. */
+    /**
+     * A released build is known by its version; an unreleased one has no
+     * version to be known by, so it shows what actually identifies it.
+     *
+     * That is not a cosmetic split. Only production is cut from a tag, so
+     * only production has a number a person can repeat back to you. On
+     * develop and staging the honest answer is where it came from and when.
+     */
+    protected readonly label: _angular_core.Signal<string>;
+    /** The rest of the identity, for when the label is only a version. */
     protected readonly detail: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfBuildStampComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfBuildStampComponent, "ef-build-stamp", never, { "owner": { "alias": "owner"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1362,13 +1370,24 @@ declare class EfToolbarComponent {
  */
 declare class EfAppShellComponent {
     private readonly vp;
+    private readonly perms;
+    private readonly active;
+    private readonly router;
     /** Show the 3px module-color stripe at the top of the content area. */
     stripe: boolean;
     readonly viewport: _angular_core.Signal<_elasticias_core.EfViewport>;
     readonly isMobile: _angular_core.Signal<boolean>;
     readonly showSide: _angular_core.Signal<boolean>;
+    readonly activeId: _angular_core.Signal<_elasticias_core.EfModuleId>;
+    readonly switcherOpen: _angular_core.WritableSignal<boolean>;
+    /** Five tabs is what fits a phone; the rest live in the sheet. */
+    readonly tabs: _angular_core.Signal<EfModule[]>;
+    readonly allVisible: _angular_core.Signal<readonly EfModule[]>;
+    openSwitcher(): void;
+    onSwitcherChange(open: boolean): void;
+    onSelect(module: EfModule): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfAppShellComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfAppShellComponent, "ef-app-shell", never, { "stripe": { "alias": "stripe"; "required": false; }; }, {}, never, ["[breadcrumb]", "[search]", "[actions]", "[fab]", "*", "[logo]", "[side-header-meta]", "[side-footer]", "[breadcrumb]", "[actions]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfAppShellComponent, "ef-app-shell", never, { "stripe": { "alias": "stripe"; "required": false; }; }, {}, never, ["[logo]", "[side-header-meta]", "[side-footer]", "[breadcrumb]", "[search]", "[actions]", "*", "[fab]"], true, never>;
 }
 
 /**
@@ -3902,6 +3921,31 @@ declare class EfDatatableActionBarComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfDatatableActionBarComponent, "ef-datatable-actionbar", never, { "context": { "alias": "context"; "required": false; }; "state": { "alias": "state"; "required": false; }; "duplicateButton": { "alias": "duplicateButton"; "required": false; }; "editButton": { "alias": "editButton"; "required": false; }; "deleteButton": { "alias": "deleteButton"; "required": false; }; }, { "duplicate": "duplicate"; "edit": "edit"; "delete": "delete"; }, never, never, true, never>;
 }
 
+/**
+ * How `ef-data-card` presents a row once the table becomes a list.
+ *
+ * - `row`  — a dense two-line row: the primary field, a muted secondary line,
+ *            a status badge and the actions menu. Roughly eight to a screen,
+ *            which is what a list of thousands needs.
+ * - `card` — one card per record, every field on its own labelled line.
+ *            Easier to read a single record, at about a record and a half
+ *            per screen.
+ *
+ * Both expand to the same labelled detail; they differ only in the collapsed
+ * state.
+ */
+type EfDataCardMobileLayout = 'row' | 'card';
+/**
+ * App-wide default, so screens don't drift apart. Provide it once at the
+ * application root; a screen that genuinely needs the other shape overrides
+ * it with `[mobileLayout]`.
+ *
+ * ```ts
+ * { provide: EF_DATA_CARD_MOBILE_LAYOUT, useValue: 'card' }
+ * ```
+ */
+declare const EF_DATA_CARD_MOBILE_LAYOUT: InjectionToken<EfDataCardMobileLayout>;
+
 /**
  * Declarative row-action item consumed by `ef-row-actions`.
  *
@@ -3982,6 +4026,63 @@ type EfTableDensity = 'compact' | 'default' | 'comfortable';
  * ```
  */
 declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
+    private readonly viewport;
+    private readonly configuredMobileLayout;
+    readonly isMobile: _angular_core.Signal<boolean>;
+    /** Per-screen override of the app-wide default. */
+    readonly mobileLayout: _angular_core.InputSignal<EfDataCardMobileLayout>;
+    protected readonly effectiveMobileLayout: _angular_core.Signal<EfDataCardMobileLayout>;
+    /** Rows currently showing their detail, keyed the same way as trackByRow. */
+    private readonly expandedRows;
+    protected isExpanded(row: unknown, index: number): boolean;
+    /**
+     * The row head is the expander, but the actions menu lives inside it.
+     * Filtering here rather than stopping propagation on a wrapper keeps the
+     * wrapper a plain span — a click handler on one would need a keyboard
+     * equivalent and a tabindex to be usable, which a decorative box should
+     * not have.
+     */
+    protected onRowHeadActivate(row: unknown, index: number, event: Event): void;
+    protected toggleExpanded(row: unknown, index: number): void;
+    private rowKey;
+    /**
+     * Columns that carry data on mobile, in role order. Structural columns
+     * (select, actions) are handled by the row chrome, not as fields.
+     */
+    private readonly mobileColumns;
+    /**
+     * The role a column plays on mobile. An explicit `mobile` wins; otherwise
+     * it is derived so every existing screen gets a sensible list without
+     * touching its column definitions: the first text-ish column is what you
+     * scan for, a status chip is a badge, money and dates sit on the muted
+     * line, and the rest waits behind the expander.
+     */
+    protected roleOf(col: {
+        id: string;
+        mobile?: string;
+        type?: string;
+    }): string;
+    private readonly derivedPrimaryId;
+    protected readonly primaryColumn: _angular_core.Signal<EfDataCardColumn>;
+    protected readonly statusColumn: _angular_core.Signal<EfDataCardColumn>;
+    protected readonly secondaryColumns: _angular_core.Signal<EfDataCardColumn[]>;
+    /**
+     * Fields shown once a row opens. The primary column is excluded: the
+     * header already carries it, and repeating it is the first thing you
+     * notice. Status is excluded for the same reason.
+     */
+    protected readonly detailColumns: _angular_core.Signal<EfDataCardColumn[]>;
+    /** How many fields a card shows before "view more". */
+    private static readonly CARD_PREVIEW_FIELDS;
+    /** Fields a collapsed card shows. A row shows none until it opens. */
+    protected readonly cardPreviewColumns: _angular_core.Signal<EfDataCardColumn[]>;
+    protected readonly hasDetail: _angular_core.Signal<boolean>;
+    /** Only worth a toggle when opening actually reveals something. */
+    protected readonly hasMoreThanPreview: _angular_core.Signal<boolean>;
+    /** Fields visible for a row right now, given layout and open state. */
+    protected visibleDetail(row: unknown, index: number): ReadonlyArray<{
+        id: string;
+    }>;
     private readonly refDataService;
     readonly columns: _angular_core.InputSignal<readonly EfDataCardColumn[]>;
     readonly rows: _angular_core.InputSignal<readonly TRow[]>;
@@ -4105,7 +4206,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, { "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; }; "tableKey": { "alias": "tableKey"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[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; }; "tableKey": { "alias": "tableKey"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "sortChange": "sortChange"; "rowDoubleClick": "rowDoubleClick"; "rowAction": "rowAction"; }, ["bodyTemplates", "headerTemplates"], ["[tbl-head-info]", "[tbl-head-actions]", "[empty-state-mobile]", "[empty-state]"], true, never>;
 }
 
 /**
@@ -5119,5 +5220,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_STATUS_COLORS, EF_STATUS_COLOR_ALIASES, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, 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, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRankListComponent, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, 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, EfBadgeColor, EfBadgeConfig, EfBadgeSize, EfBadgeVariant, EfButtonComptoirSeverity, EfButtonPrimeNGSeverity, EfButtonSeverity, EfChangeHistoryEntry, EfChangeHistoryFieldChange, EfChartSeries, EfChartType, EfDataCardRowAction, EfDatatableActions, EfDatatableColumn, EfDatatableColumnAlign, EfDatatableColumnType, EfDatatableConfig, EfDateFieldValue, EfDatePreset, EfDialogAction, EfDialogSeverity, EfDialogSize, EfFabPosition, EfKpiDeltaTone, EfKpiSparkline, EfPillItem, EfPresetItem, 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, EfActivationFilterComponent, EfAppMainComponent, EfAppShellComponent, EfAppShellMobileComponent, EfAppTopComponent, EfBadgeComponent, EfBlockUiComponent, EfBlockableDivComponent, EfBottomSheetComponent, EfBuildStampComponent, EfBulkBarComponent, EfButtonComponent, EfButtonGroupComponent, EfCardComponent, EfChangeHistoryComponent, 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, EfPulseComponent, EfQuantitySelectorComponent, EfQuantityStepperComponent, EfRankListComponent, EfRowActionsComponent, EfSearchToolbarComponent, EfSelectButtonComponent, EfSelectComponent, EfServerErrorsDirective, 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, EfBadgeColor, EfBadgeConfig, EfBadgeSize, EfBadgeVariant, EfButtonComptoirSeverity, EfButtonPrimeNGSeverity, EfButtonSeverity, EfChangeHistoryEntry, EfChangeHistoryFieldChange, EfChartSeries, EfChartType, EfDataCardMobileLayout, EfDataCardRowAction, EfDatatableActions, EfDatatableColumn, EfDatatableColumnAlign, EfDatatableColumnType, EfDatatableConfig, EfDateFieldValue, EfDatePreset, EfDialogAction, EfDialogSeverity, EfDialogSize, EfFabPosition, EfKpiDeltaTone, EfKpiSparkline, EfPillItem, EfPresetItem, 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 };