@elasticias/ui 1.0.35 → 1.0.37

package/package.json

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

package/types/elasticias-ui.d.ts

@@ -1577,7 +1577,9 @@ declare class EfToolbarComponent {
  * - `EfPermissionService` (via the rail / mobile tabs) for visible modules
  * - `EfActiveModuleService` for the active module accent
  *
- * **Desktop / tablet:** rail (64px) + side (240px) + (top + main).
+ * **Desktop / tablet:** rail (64px) + side (240px) + (top + main). The
+ * side folds away from a toggle at the leading edge of the top bar (or
+ * mod+B); the rail never does.
  * **Mobile:** delegates to `<ef-app-shell-mobile>` — top bar + scrollable
  * body + 5-tab bottom bar + FAB slot.
  *
@@ -1598,6 +1600,9 @@ declare class EfAppShellComponent {
     readonly viewport: _angular_core.Signal<_elasticias_core.EfViewport>;
     readonly isMobile: _angular_core.Signal<boolean>;
     readonly showSide: _angular_core.Signal<boolean>;
+    readonly sideCollapsed: _angular_core.WritableSignal<boolean>;
+    toggleSide(): void;
+    constructor();
     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. */
@@ -2081,12 +2086,15 @@ declare class EfProfileChipComponent {
     tone: 'tenant' | 'neutral';
     /** Render as a non-interactive container (no hover/focus, no click). */
     readonly: boolean;
+    /** Avatar only, no name or role: for a trigger that sits in a toolbar. */
+    compact: boolean;
     readonly clickEvent: EventEmitter<Event>;
     get computedInitial(): string;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfProfileChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProfileChipComponent, "ef-profile-chip", never, { "name": { "alias": "name"; "required": false; }; "role": { "alias": "role"; "required": false; }; "roleKey": { "alias": "roleKey"; "required": false; }; "initial": { "alias": "initial"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfProfileChipComponent, "ef-profile-chip", never, { "name": { "alias": "name"; "required": false; }; "role": { "alias": "role"; "required": false; }; "roleKey": { "alias": "roleKey"; "required": false; }; "initial": { "alias": "initial"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
     static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_compact: unknown;
 }
 
 /**
@@ -2156,7 +2164,9 @@ declare class EfProfileMenuComponent {
     readonly initial: _angular_core.InputSignal<string>;
     readonly tone: _angular_core.InputSignal<"tenant" | "neutral">;
     readonly items: _angular_core.InputSignal<readonly EfProfileMenuItem[]>;
-    readonly variant: _angular_core.InputSignal<"chip" | "list">;
+    /** `avatar` is the chip without its text, for the top bar while the
+     *  side panel (and the full chip in its footer) is folded away. */
+    readonly variant: _angular_core.InputSignal<"chip" | "avatar" | "list">;
     readonly itemSelected: _angular_core.OutputEmitterRef<EfProfileMenuItem>;
     /** Id of the one expanded group, or null. One at a time: a menu that
      *  grows in two directions at once stops being scannable. */
@@ -3468,6 +3478,14 @@ declare class EfSelectComponent extends AbstractEfFormControl implements Control
  * value when ticked, `null` when unticked) — the latter pairs with
  * a parent NgModel array for multi-select scenarios.
  *
+ * Two layouts, set by `inline`:
+ * - `inline` (default) — box with its label to the right, for
+ *   standalone toggles and dense lists.
+ * - `[inline]="false"` — field layout: the label sits above, like
+ *   `ef-select` / `ef-input-text`, and the box is centred in a
+ *   `--hit-base` row so it lines up with the inputs beside it in a
+ *   form grid.
+ *
  * ```html
  * <ef-checkbox
  *   labelKey="catalog.is_active"
@@ -3489,6 +3507,12 @@ declare class EfCheckboxComponent extends AbstractEfFormControl implements Contr
      *                           styled against `.ef-checkbox-native`.
      */
     variant: 'primeng' | 'comptoir';
+    /** Label beside the box (default). `false` stacks the label above,
+     *  matching the other form fields in a grid row. */
+    inline: boolean;
+    get isStacked(): boolean;
+    /** Whether the label renders beside the box (inline layout only). */
+    get hasLabel(): boolean;
     /** Two-way bindable `[(checked)]`. */
     checked: any;
     checkedChange: EventEmitter<any>;
@@ -3508,8 +3532,9 @@ declare class EfCheckboxComponent extends AbstractEfFormControl implements Contr
     /** Handler for the native checkbox change event (Comptoir variant). */
     handleNativeChange(rawChecked: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfCheckboxComponent, "ef-checkbox", never, { "value": { "alias": "value"; "required": false; }; "binary": { "alias": "binary"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfCheckboxComponent, "ef-checkbox", never, { "value": { "alias": "value"; "required": false; }; "binary": { "alias": "binary"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
     static ngAcceptInputType_binary: unknown;
+    static ngAcceptInputType_inline: unknown;
 }
 
 /**
@@ -5400,6 +5425,74 @@ declare class EfChangePasswordComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfChangePasswordComponent, "ef-change-password", never, { "requireCurrent": { "alias": "requireCurrent"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; }, never, never, true, never>;
 }
 
+/**
+ * Comptoir radio group — one `p-radiobutton` per option, single value.
+ *
+ * Options follow the `ef-select` shape (`options` / `optionLabel` /
+ * `optionValue`, change via `selectionChangeEvent`), so a short select
+ * can become a radio group by swapping the tag.
+ *
+ * Two layouts, set by `inline`, matching `ef-checkbox`:
+ * - `inline` (default) — group label and options on one line.
+ * - `[inline]="false"` — field layout: the label sits above, like
+ *   `ef-select` / `ef-input-text`, and the options sit in a
+ *   `--hit-base` row so they line up with the inputs beside them in a
+ *   form grid.
+ *
+ * Options wrap when the row runs out of width, so a long list never
+ * widens the page on a phone.
+ *
+ * ```html
+ * <ef-radio
+ *   name="clientType"
+ *   labelKey="sales_clients_col_type"
+ *   [inline]="false"
+ *   [options]="context.ref.get('client_type')()"
+ *   optionLabel="label"
+ *   optionValue="code"
+ *   [value]="clientType()"
+ *   (selectionChangeEvent)="patchEntity({ clientType: $event })" />
+ * ```
+ */
+declare class EfRadioComponent extends AbstractEfFormControl implements ControlValueAccessor {
+    options: any[];
+    /** Property shown as the option's text. */
+    optionLabel: string;
+    /** Property used as the value. Unset → the whole option object. */
+    optionValue?: string;
+    /** Property that disables a single option when truthy. */
+    optionDisabled?: string;
+    /** Group label beside the options (default). `false` stacks it above,
+     *  matching the other form fields in a grid row. */
+    inline: boolean;
+    get isStacked(): boolean;
+    value: any;
+    selectionChangeEvent: EventEmitter<any>;
+    private onChange;
+    private onTouched;
+    readonly ngControl: NgControl;
+    constructor();
+    get hasLabel(): boolean;
+    /** Shared `name` so the browser treats the options as one group. */
+    get groupName(): string;
+    get labelId(): string;
+    get showRequired(): boolean;
+    get serverErrors(): string[] | null;
+    get isInvalid(): boolean;
+    optionValueOf(opt: any): any;
+    optionLabelOf(opt: any): string;
+    isOptionDisabled(opt: any): boolean;
+    optionId(index: number): string;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleChange(next: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EfRadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EfRadioComponent, "ef-radio", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selectionChangeEvent": "selectionChangeEvent"; }, never, never, true, never>;
+    static ngAcceptInputType_inline: unknown;
+}
+
 /**
  * Native Comptoir textarea — no PrimeNG wrapper. Pairs with the
  * `.ef-textarea` rule in `@elasticias/ui/styles/patterns` (focus
@@ -5995,5 +6088,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, 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, EfRadioComponent, 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 };