@elasticias/ui 1.0.40 → 1.0.42

package/package.json

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

package/styles/_comptoir.scss

@@ -45,6 +45,24 @@
   --m-finance:   #0d6e6a;
   --m-admin:     #0f1115;
 
+  /* ── Crescilio brand colours ─────────────────────────────────────
+     These are the Crescilio brand colours: one per product, plus a
+     critical tone reserved for the system. The Crescilio Brand
+     Guidelines will be shared later, when the logo is ready; until
+     then these values are the reference.
+     Each colour comes as a pair named for the ground it sits on: the
+     plain name is for use on ink (dark grounds), `-paper` for use on
+     paper (light grounds). They are fixed values, not theme-switched,
+     so they are not restated under `.p-dark`. */
+  --cr-spring:         #00D19A;  /* Crescilio ERP, on ink   */
+  --cr-spring-paper:   #007A5A;  /* Crescilio ERP, on paper */
+  --cr-sun:            #FFCE3B;  /* Crescilio POS, on ink   */
+  --cr-sun-paper:      #A87800;  /* Crescilio POS, on paper */
+  --cr-violet:         #7C5CFF;  /* Crescilio Store, on ink   */
+  --cr-violet-paper:   #5B3FE0;  /* Crescilio Store, on paper */
+  --cr-critical:       #FF5C35;  /* Coral, critical, system only, on ink   */
+  --cr-critical-paper: #C2381A;  /* Coral, critical, system only, on paper */
+
   /* ── Status pairs (chips only) ───────────────────────────────── */
   --st-pending-fg:    #b34a00;  --st-pending-bg:    #fff1e0;
   --st-processing-fg: #1356a8;  --st-processing-bg: #e0ecfc;

package/styles/_patterns.scss

@@ -841,7 +841,10 @@
 }
 
 .tbl tbody td {
-  padding: 14px 18px;
+  /* Published so a control inside the cell can size a touch slop that
+     stays inside its own row (see the toggle switch, pointer: coarse). */
+  --tbl-cell-pad-block: 14px;
+  padding: var(--tbl-cell-pad-block) 18px;
   border-bottom: 1px solid var(--rule-soft, rgba(15, 17, 21, 0.05));
   vertical-align: middle;
 }
@@ -4571,6 +4574,28 @@ input.ef-input[type='number'] {
     /* (48 - 40) / 2 outward on every side */
     inset: calc((var(--hit-touch) - var(--hit-base)) / -2);
   }
+
+  /* The switch draws at its theme size (Aura: 40x24) and its click
+     target is PrimeNG's invisible input, sized to exactly that box. In a
+     list row a tap that lands just outside it did nothing, because the
+     row wrapper stops propagation. Grow the invisible input towards
+     48x48 around the switch; the visual does not change. The switch
+     root is position: relative with no overflow clip, and a tap on the
+     overhang still reaches PrimeNG's host click handler.
+
+     Vertically, the overhang never exceeds the cell's own block padding
+     (`--tbl-cell-pad-block`, set by the table and its density presets).
+     A compact row is about 33px, so a full 12px overhang reached into the
+     next row and a tap on one client's switch toggled its neighbour's.
+     Outside a table the variable is unset and the full slop applies. */
+  ef-toggleswitch .p-toggleswitch-input {
+    --ef-switch-slop-block: calc((var(--hit-touch) - var(--p-toggleswitch-height, 1.5rem)) / 2);
+    --ef-switch-slop-inline: calc((var(--hit-touch) - var(--p-toggleswitch-width, 2.5rem)) / 2);
+    inset-block: calc(-1 * min(var(--ef-switch-slop-block), var(--tbl-cell-pad-block, var(--ef-switch-slop-block))));
+    inset-inline: calc(-1 * var(--ef-switch-slop-inline));
+    width: auto;
+    height: auto;
+  }
 }
 
 

package/types/elasticias-ui.d.ts

@@ -2,7 +2,7 @@ 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';
+export { EfBoundedDateRange, 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';
@@ -1600,6 +1600,7 @@ declare class EfAppShellComponent {
     readonly viewport: _angular_core.Signal<_elasticias_core.EfViewport>;
     readonly isMobile: _angular_core.Signal<boolean>;
     readonly showSide: _angular_core.Signal<boolean>;
+    private readonly prefs;
     readonly sideCollapsed: _angular_core.WritableSignal<boolean>;
     /** Shown in the toggle's tooltip: the button is far from the content, the shortcut is not. */
     readonly shortcutHint: string;
@@ -4487,6 +4488,7 @@ type EfTableDensity = 'compact' | 'default' | 'comfortable';
  */
 declare class EfDataCardComponent<TRow = any> implements AfterContentInit {
     private readonly viewport;
+    private readonly prefs;
     private readonly configuredMobileLayout;
     readonly isMobile: _angular_core.Signal<boolean>;
     /** Per-screen override of the app-wide default. */
@@ -5692,7 +5694,9 @@ type EfDateFieldValue = Date | [Date, Date] | null;
  * Built-in presets (computed from `today` at open time):
  * `today`, `this_week`, `this_month`, `last_30_days`, `last_90_days`,
  * `this_quarter`, `this_year`. Override with `[presets]="customList"`
- * if you need a different set.
+ * if you need a different set. `all_time` (no bounds, emitted as null
+ * start and end) is also recognised, and offered first in the default
+ * list with `allowAllTime`.
  */
 declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implements ControlValueAccessor, AfterViewInit {
     private readonly host;
@@ -5739,6 +5743,15 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
     readonly end: _angular_core.InputSignal<Date>;
     /** Show a `'Personnalisé…'` row that opens the calendar view. */
     readonly allowCustomRange: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Offer an `all_time` row ("Toute la période") at the top of the
+     * default preset list. Picking it emits `start: null, end: null`.
+     * Off by default because a report screen needs a bounded period;
+     * list screens whose search treats null dates as "no filter" turn
+     * it on so the user can get back to the unfiltered list. Ignored
+     * when `[presets]` is supplied.
+     */
+    readonly allowAllTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Component behaviour: smart-bar filter vs. form field. */
     readonly mode: _angular_core.InputSignal<"filter" | "field">;
     /** Field mode only — pick a single date or a `[start, end]` range. */
@@ -5915,6 +5928,7 @@ declare class EfDatepickerAdvancedComponent extends AbstractEfFormControl implem
     /** Assemble an EfDateRange — exposes `labelKey` (for the trigger
      *  to render via `| translate`) and a literal `label` fallback. */
     private buildRange;
+    private static readonly BUILT_IN_KEYS;
     private builtInRange;
     private builtInHint;
     /** 6 weeks × 7 days. Each cell carries its date + flags. */
@@ -5938,7 +5952,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; }; "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; }; }, { "rangeChange": "rangeChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 /**