@raintonic/formaui 0.9.0 → 0.9.3

package/llms-full.txt

@@ -358,6 +358,12 @@ A container for grouping related content with an optional header and actions slo
 |------|------|---------|----------|
 | align | 'start' \| 'center' \| 'end' | 'end' | no |
 
+#### FuiCardActionsDirective
+
+- **Selector**: `[fuiCardActions]`
+
+No public inputs or outputs.
+
 #### FuiCardHeaderComponent
 
 - **Selector**: `fui-card-header`
@@ -369,6 +375,12 @@ A container for grouping related content with an optional header and actions slo
 | title | string | - | no |
 | subtitle | string | - | no |
 
+#### FuiCardHeaderDirective
+
+- **Selector**: `[fuiCardHeader]`
+
+No public inputs or outputs.
+
 ---
 
 ## checkbox
@@ -514,6 +526,7 @@ A feature-rich data grid for tabular data: column configuration, sticky columns,
 | sortChange | { field: string; direction: 'ASC' \| 'DESC' } \| null |
 | filtersChange | ColumnFilter[] |
 | rowDblClick | T |
+| rowClick | T |
 
 ### Usage
 
@@ -536,7 +549,7 @@ rows: User[] = [ /* ... */ ];
 ```
 
 ```html
-<!-- Full: sort, filters, double-click handler, custom trackBy -->
+<!-- Full: sort, filters, click + double-click handlers, custom trackBy -->
 <fui-advanced-data-table
   [config]="tableConfig"
   [data]="rows()"
@@ -544,9 +557,13 @@ rows: User[] = [ /* ... */ ];
   [filters]="activeFilters()"
   [trackBy]="trackById"
   [enableRowHighlight]="true"
+  [enableDblClick]="true"
+  [rowClickable]="true"
   (sortChange)="currentSort.set($event)"
   (filtersChange)="activeFilters.set($event)"
-  (rowDblClick)="openDetails($event)" />
+  (rowClick)="selectRow($event)"
+  (rowDblClick)="openDetails($event)"
+/>
 ```
 
 ```typescript
@@ -560,6 +577,7 @@ trackById = (_: number, row: User) => row.id;
 - **Integration:** Pass `config: AdvancedDataTableConfig` (required) and `data: T[]`. Column types drive cell rendering — `'label'` columns render a `fui-badge` using the per-column `labels` config.
 - **Sticky columns:** `stickyColumnStart: true` on consecutive leading columns pins them at the start; `stickyColumnEnd: true` on consecutive trailing columns pins them at the end. The first non-sticky column breaks the streak.
 - **Sort/filter:** State is fully controlled — the component emits `sortChange` and `filtersChange` but does not mutate `data`. Apply sort and filter server-side or client-side in the parent.
+- **Row clicks:** `rowClick` emits the row on single-click, `rowDblClick` on double-click. By default `rowClick` fires **instantly** (no lag). Set `enableDblClick: true` when the table also handles double-clicks — single clicks are then debounced ~250ms so a double-click resolves to `rowDblClick` only, without also firing `rowClick`. Set `rowClickable: true` to show a pointer cursor on single-click tables (`enableRowHighlight` already implies the cursor).
 - **Row selection:** Enable via `config.areRowsSelectable: true`. Selected indices are tracked internally; use `enableRowHighlight` separately for click-to-highlight without selection checkboxes.
 - Performance: pass a stable `[trackBy]` for large datasets — the default tracks by index, which invalidates rows when the array is reordered.
 
@@ -747,17 +765,31 @@ A panel that slides in from an edge of the screen to present complementary conte
   <nav>...</nav>
 </fui-drawer>
 <button fuiButton (click)="drawer.toggle()">Toggle</button>
+
+<!-- Custom title markup in the header -->
+<fui-drawer [opened]="isOpen" title="Details">
+  <span fuiDrawerTitle>Custom <em>title</em> markup</span>
+  <p>Drawer body content goes here.</p>
+</fui-drawer>
 ```
 
 ### Notes
 
 - **Accessibility:** Renders as `role="dialog"` and sets `aria-modal="true"` while open. The visible `title` is exposed as `aria-label` unless `ariaLabel`/`ariaLabelledBy` are provided. Implements a focus trap (Tab/Shift+Tab cycle within the panel), focuses the first tabbable element on open, and restores focus to the previously focused element on close.
 - **Open state:** `opened` is an input with matching `openedChange` output (two-way `[(opened)]`). The component also exposes imperative `open()`, `close()`, and `toggle()` methods, and emits `closed` when dismissed.
-- **Content projection:** Default `<ng-content>` fills the body; project a footer via the `drawerFooter` attribute. The header (title + close button) renders automatically when `title` or `showCloseButton` is set.
+- **Content projection:** Default `<ng-content>` fills the body; project a footer via the `drawerFooter` attribute, and custom title markup via the `fuiDrawerTitle` attribute. The header (title + close button) renders automatically when `title`, `showCloseButton`, or a projected `fuiDrawerTitle` is present. A projected `fuiDrawerTitle` visually replaces the string `title`; keep the `title` input set so it still provides the accessible name.
 - **Dismissal:** `closeOnBackdropClick` (default `true`) closes on backdrop click and `closeOnEsc` (default `true`) closes on Escape. `hasBackdrop` toggles the backdrop element.
 - **Sizing:** `size` accepts named tokens `sm` (320px), `md` (480px, default), `lg` (640px), `full` (100%), or any custom CSS length string applied along the drawer's main axis.
 - **i18n:** The close button label comes from `FuiDrawerIntl.closeAriaLabel` ("Close drawer"), overridable via the injectable intl service.
 
+### Sub-components
+
+#### FuiDrawerTitle
+
+- **Selector**: `[fuiDrawerTitle]`
+
+No public inputs or outputs.
+
 ---
 
 ## dropdown-menu
@@ -1493,7 +1525,7 @@ No public inputs or outputs.
 
 ## side-panel
 
-A slide-in side panel overlay with optional backdrop, focus trapping, and keyboard dismiss. Renders from the right edge of the viewport with configurable width and top offset.
+A slide-in side panel overlay with optional backdrop, focus trapping, and keyboard dismiss. Renders from the right edge of the viewport with configurable width and top offset. A projected `fuiSidePanelTitle` element visually replaces the string `title` in the header; the `title` input still provides the accessible name via `aria-label`.
 
 - **Import**: `import { FuiSidePanelComponent } from 'formaui/components/side-panel'`
 - **Selector**: `fui-side-panel`
@@ -1511,6 +1543,14 @@ A slide-in side panel overlay with optional backdrop, focus trapping, and keyboa
 |------|------|
 | closed | void |
 
+### Sub-components
+
+#### FuiSidePanelTitle
+
+- **Selector**: `[fuiSidePanelTitle]`
+
+No public inputs or outputs.
+
 ---
 
 ## sidebar-nav-menu
@@ -1908,6 +1948,13 @@ A selection control that renders as a row of connected toggle buttons. Like radi
     List
   </fui-toggle-item>
 </fui-toggle-group>
+
+<!-- Dynamic items from a backend list via @for -->
+<fui-toggle-group [formControl]="materialType" aria-label="Tipologia">
+  @for (type of materialTypes; track type.id) {
+  <fui-toggle-item [value]="type.id">{{ type.label }}</fui-toggle-item>
+  }
+</fui-toggle-group>
 ```
 
 ### Notes
@@ -1915,6 +1962,7 @@ A selection control that renders as a row of connected toggle buttons. Like radi
 - **Accessibility:** The group uses `role="radiogroup"` with each item using `role="radio"` + `aria-checked`. This matches the single-selection semantics: screen readers announce items as "1 of N" and the selection-follows-focus navigation is correct for a radio pattern. Keyboard navigation: Arrow Left/Right, Home, End, Enter, and Space. Only the selected item (or first if none) is in the tab order (roving tabindex). Provide `aria-label` or `aria-labelledby` on the group for context.
 - **Integration:** `fui-toggle-group` is the `ControlValueAccessor` — bind `formControl`, `formControlName`, or `ngModel` on the **group**, not on individual items. `name` is auto-generated if omitted and propagated to child items.
 - **Value type:** `value` on each item is typed `unknown` — use any primitive or object. Comparison is strict `===`.
+- **Dynamic items:** Items can be generated with `@for` from a dynamic/async list. `value` is an optional input (not `input.required`) so items whose `[value]` binding is applied after creation do not throw `NG0950` ("Input 'value' is required but no value is available yet"). Always provide `[value]` — an item left without a value never matches the group selection.
 - **Single selection only:** Exactly one item is selected at a time. Cannot deselect all — the current value always stays selected (like radio).
 - Emits `change: FuiToggleGroupChange` (`{ source, value }`) on the group.
 
@@ -1928,10 +1976,10 @@ A selection control that renders as a row of connected toggle buttons. Like radi
 
 | Name | Type | Default | Required |
 |------|------|---------|----------|
+| value | unknown | - | no |
 | disabled | boolean | false | no |
 | aria-label | string \| null | null | no |
 | aria-labelledby | string \| null | null | no |
-| value | unknown | - | yes |
 
 ---
 
@@ -1976,6 +2024,7 @@ A contextual label attached to any element. Shows on hover, focus, click, or man
 | content | string | - | yes |
 | position | TooltipPosition | - | yes |
 | size | TooltipSize | - | yes |
+| textAlign | TooltipTextAlign | - | yes |
 | maxWidth | string | - | yes |
 | arrow | boolean | - | yes |
 | tooltipId | string | - | yes |
@@ -1994,25 +2043,19 @@ A contextual label attached to any element. Shows on hover, focus, click, or man
   fuiTooltip="Permanently removes the item"
   fuiTooltipPosition="top-end"
   fuiTooltipSize="lg"
-  [fuiTooltipShowDelay]="300">
+  [fuiTooltipShowDelay]="300"
+>
   Delete
 </button>
 
+<!-- Text alignment (left | center | right) -->
+<button fuiButton fuiTooltip="Centered multi-line tooltip text" fuiTooltipTextAlign="center">Info</button>
+
 <!-- Click trigger -->
-<span
-  fuiTooltip="Copied!"
-  fuiTooltipTrigger="click"
-  fuiTooltipPosition="bottom">
-  Click to copy
-</span>
+<span fuiTooltip="Copied!" fuiTooltipTrigger="click" fuiTooltipPosition="bottom"> Click to copy </span>
 
 <!-- Manual control via a boolean input -->
-<div
-  fuiTooltip="Saved"
-  fuiTooltipTrigger="manual"
-  [fuiTooltipShow]="justSaved()">
-  Save button
-</div>
+<div fuiTooltip="Saved" fuiTooltipTrigger="manual" [fuiTooltipShow]="justSaved()">Save button</div>
 ```
 
 ### Notes
@@ -2021,6 +2064,7 @@ A contextual label attached to any element. Shows on hover, focus, click, or man
 - **Integration:** Pure attribute directive — no wrapper or parent required. Renders a `FuiTooltipComponent` via the CDK overlay, so it breaks out of clipping ancestors (`overflow: hidden`, transforms, etc.).
 - **Triggers:** `hover` (default, includes focus), `focus`, `click` (toggle), `manual` (bind `[fuiTooltipShow]`). Hover over the tooltip itself keeps it open while pointer is inside.
 - **Positions:** 12 variants — `top`, `top-start`, `top-end`, `bottom`, `bottom-start`, `bottom-end`, `left`, `left-start`, `left-end`, `right`, `right-start`, `right-end`. The overlay auto-flips if the preferred position overflows the viewport.
+- **Text alignment:** `fuiTooltipTextAlign` — `left` (default), `center`, or `right`. Most visible on multi-line content.
 - Delays: `fuiTooltipShowDelay` defaults to 500ms; `fuiTooltipHideDelay` to 0. Set to 0/small values for snappier hover.
 
 ### Sub-components
@@ -2035,6 +2079,7 @@ A contextual label attached to any element. Shows on hover, focus, click, or man
 |------|------|---------|----------|
 | fuiTooltipPosition | TooltipPosition | 'top' | no |
 | fuiTooltipSize | TooltipSize | 'md' | no |
+| fuiTooltipTextAlign | TooltipTextAlign | 'left' | no |
 | fuiTooltipTrigger | TooltipTrigger | 'hover' | no |
 | fuiTooltipShowDelay | number | 500 | no |
 | fuiTooltipHideDelay | number | 0 | no |
@@ -2583,7 +2628,7 @@ nodes: FuiTreeTableNode<FileRow>[] = [
 | --fui-primary-100 | #B3A4E9 |
 | --fui-primary-110 | #C2B5EF |
 | --fui-primary-bg | var(--fui-primary-60) |
-| --fui-primary-muted | var(--fui-primary-10) |
+| --fui-primary-muted | var(--fui-primary-20) |
 | --fui-primary-bg-hover | var(--fui-primary-70) |
 | --fui-primary-bg-pressed | var(--fui-primary-80) |
 | --fui-primary-bg-disabled | var(--fui-primary-30) |
@@ -3354,18 +3399,18 @@ nodes: FuiTreeTableNode<FileRow>[] = [
 | --fui-fill-success | var(--fui-success-60) |
 | --fui-fill-warning | var(--fui-warning-60) |
 | --fui-fill-info | var(--fui-info-60) |
-| --fui-fill-error-hover | var(--fui-error-110) |
-| --fui-fill-success-hover | var(--fui-success-110) |
-| --fui-fill-warning-hover | var(--fui-warning-110) |
-| --fui-fill-info-hover | var(--fui-info-110) |
+| --fui-fill-error-hover | var(--fui-error-70) |
+| --fui-fill-success-hover | var(--fui-success-70) |
+| --fui-fill-warning-hover | var(--fui-warning-70) |
+| --fui-fill-info-hover | var(--fui-info-70) |
 | --fui-fill-error | var(--fui-error-60) |
 | --fui-fill-success | var(--fui-success-60) |
 | --fui-fill-warning | var(--fui-warning-60) |
 | --fui-fill-info | var(--fui-info-60) |
-| --fui-fill-error-hover | var(--fui-error-110) |
-| --fui-fill-success-hover | var(--fui-success-110) |
-| --fui-fill-warning-hover | var(--fui-warning-110) |
-| --fui-fill-info-hover | var(--fui-info-110) |
+| --fui-fill-error-hover | var(--fui-error-70) |
+| --fui-fill-success-hover | var(--fui-success-70) |
+| --fui-fill-warning-hover | var(--fui-warning-70) |
+| --fui-fill-info-hover | var(--fui-info-70) |
 
 ### State
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raintonic/formaui",
-  "version": "0.9.0",
+  "version": "0.9.3",
   "description": "A modern Angular UI component library with theming support",
   "license": "MIT",
   "keywords": [

package/styles/generated/_tokens.scss

@@ -474,10 +474,10 @@
   --fui-fill-success: var(--fui-success-60);
   --fui-fill-warning: var(--fui-warning-60);
   --fui-fill-info: var(--fui-info-60);
-  --fui-fill-error-hover: var(--fui-error-110);
-  --fui-fill-success-hover: var(--fui-success-110);
-  --fui-fill-warning-hover: var(--fui-warning-110);
-  --fui-fill-info-hover: var(--fui-info-110);
+  --fui-fill-error-hover: var(--fui-error-70);
+  --fui-fill-success-hover: var(--fui-success-70);
+  --fui-fill-warning-hover: var(--fui-warning-70);
+  --fui-fill-info-hover: var(--fui-info-70);
   --fui-primary-bg: var(--fui-primary-60);
   --fui-primary-muted: var(--fui-primary-10);
   --fui-primary-bg-hover: var(--fui-primary-70);
@@ -865,12 +865,12 @@
   --fui-fill-success: var(--fui-success-60);
   --fui-fill-warning: var(--fui-warning-60);
   --fui-fill-info: var(--fui-info-60);
-  --fui-fill-error-hover: var(--fui-error-110);
-  --fui-fill-success-hover: var(--fui-success-110);
-  --fui-fill-warning-hover: var(--fui-warning-110);
-  --fui-fill-info-hover: var(--fui-info-110);
+  --fui-fill-error-hover: var(--fui-error-70);
+  --fui-fill-success-hover: var(--fui-success-70);
+  --fui-fill-warning-hover: var(--fui-warning-70);
+  --fui-fill-info-hover: var(--fui-info-70);
   --fui-primary-bg: var(--fui-primary-60);
-  --fui-primary-muted: var(--fui-primary-10);
+  --fui-primary-muted: var(--fui-primary-20);
   --fui-primary-bg-hover: var(--fui-primary-70);
   --fui-primary-bg-pressed: var(--fui-primary-80);
   --fui-primary-bg-disabled: var(--fui-primary-30);

package/styles/partials/components/_dialog.scss

@@ -8,6 +8,7 @@
 // Component tokens with fallbacks
 :root {
   --fui-dialog-backdrop-color: rgba(0, 0, 0, 0.3);
+  --fui-dialog-container-padding: var(--fui-spacing-9);
   --fui-dialog-title-padding: var(--fui-spacing-9) var(--fui-spacing-9) 0;
   --fui-dialog-title-font-size: var(--fui-text-xl);
   --fui-dialog-title-font-weight: var(--fui-weight-medium);
@@ -53,6 +54,29 @@
   }
 }
 
+.fui-dialog-panel.fui-dialog-container--flush {
+  --fui-dialog-container-padding: 0;
+}
+
+// The dialog container now owns the outer padding (--fui-dialog-container-padding).
+// The optional .fui-dialog-title / -content / -actions utility classes carry
+// their own edge padding for use in a flush container, so inside a padded
+// (non-flush) container the two would stack into double padding. Drop the
+// utility classes' edge padding here, keeping only the inter-section gaps.
+.fui-dialog-panel:not(.fui-dialog-container--flush) {
+  .fui-dialog-title {
+    padding: 0 0 var(--fui-spacing-9);
+  }
+
+  .fui-dialog-content {
+    padding: 0;
+  }
+
+  .fui-dialog-actions {
+    padding: var(--fui-spacing-4) 0 0;
+  }
+}
+
 // Dialog container host
 .fui-dialog-container-host {
   display: block;

package/styles/styles.css

@@ -474,10 +474,10 @@
   --fui-fill-success: var(--fui-success-60);
   --fui-fill-warning: var(--fui-warning-60);
   --fui-fill-info: var(--fui-info-60);
-  --fui-fill-error-hover: var(--fui-error-110);
-  --fui-fill-success-hover: var(--fui-success-110);
-  --fui-fill-warning-hover: var(--fui-warning-110);
-  --fui-fill-info-hover: var(--fui-info-110);
+  --fui-fill-error-hover: var(--fui-error-70);
+  --fui-fill-success-hover: var(--fui-success-70);
+  --fui-fill-warning-hover: var(--fui-warning-70);
+  --fui-fill-info-hover: var(--fui-info-70);
   --fui-primary-bg: var(--fui-primary-60);
   --fui-primary-muted: var(--fui-primary-10);
   --fui-primary-bg-hover: var(--fui-primary-70);
@@ -866,12 +866,12 @@
   --fui-fill-success: var(--fui-success-60);
   --fui-fill-warning: var(--fui-warning-60);
   --fui-fill-info: var(--fui-info-60);
-  --fui-fill-error-hover: var(--fui-error-110);
-  --fui-fill-success-hover: var(--fui-success-110);
-  --fui-fill-warning-hover: var(--fui-warning-110);
-  --fui-fill-info-hover: var(--fui-info-110);
+  --fui-fill-error-hover: var(--fui-error-70);
+  --fui-fill-success-hover: var(--fui-success-70);
+  --fui-fill-warning-hover: var(--fui-warning-70);
+  --fui-fill-info-hover: var(--fui-info-70);
   --fui-primary-bg: var(--fui-primary-60);
-  --fui-primary-muted: var(--fui-primary-10);
+  --fui-primary-muted: var(--fui-primary-20);
   --fui-primary-bg-hover: var(--fui-primary-70);
   --fui-primary-bg-pressed: var(--fui-primary-80);
   --fui-primary-bg-disabled: var(--fui-primary-30);
@@ -7447,6 +7447,7 @@
 */
 :root {
   --fui-dialog-backdrop-color: rgba(0, 0, 0, 0.3);
+  --fui-dialog-container-padding: var(--fui-spacing-9);
   --fui-dialog-title-padding: var(--fui-spacing-9) var(--fui-spacing-9) 0;
   --fui-dialog-title-font-size: var(--fui-text-xl);
   --fui-dialog-title-font-weight: var(--fui-weight-medium);
@@ -7484,6 +7485,20 @@
   animation: fui-dialog-panel-exit var(--fui-duration-base) var(--fui-ease-in) forwards;
 }
 
+.fui-dialog-panel.fui-dialog-container--flush {
+  --fui-dialog-container-padding: 0;
+}
+
+.fui-dialog-panel:not(.fui-dialog-container--flush) .fui-dialog-title {
+  padding: 0 0 var(--fui-spacing-9);
+}
+.fui-dialog-panel:not(.fui-dialog-container--flush) .fui-dialog-content {
+  padding: 0;
+}
+.fui-dialog-panel:not(.fui-dialog-container--flush) .fui-dialog-actions {
+  padding: var(--fui-spacing-4) 0 0;
+}
+
 .fui-dialog-container-host {
   display: block;
   width: 100%;

package/types/raintonic-formaui-components-card.d.ts

@@ -69,6 +69,48 @@ declare class FuiCardActionsComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<FuiCardActionsComponent, "fui-card-actions", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "paddingless": { "alias": "paddingless"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * # FuiCardHeader Directive
+ *
+ * Marker directive for projecting a custom element into the card header region
+ * without using the {@link FuiCardHeaderComponent}. Apply it to any element to
+ * have `<fui-card>` treat it as header content.
+ *
+ * ## Usage
+ * ```html
+ * <fui-card>
+ *   <div fuiCardHeader>My full-width header</div>
+ *   <p>Content</p>
+ * </fui-card>
+ * ```
+ */
+declare class FuiCardHeaderDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FuiCardHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FuiCardHeaderDirective, "[fuiCardHeader]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * # FuiCardActions Directive
+ *
+ * Marker directive for projecting a custom element into the card actions region
+ * without using the {@link FuiCardActionsComponent}. Apply it to any element to
+ * have `<fui-card>` treat it as actions content.
+ *
+ * ## Usage
+ * ```html
+ * <fui-card>
+ *   <p>Content</p>
+ *   <div fuiCardActions>
+ *     <button fuiButton>OK</button>
+ *   </div>
+ * </fui-card>
+ * ```
+ */
+declare class FuiCardActionsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FuiCardActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FuiCardActionsDirective, "[fuiCardActions]", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * Available card variants following Carbon Design System patterns
  */
@@ -173,6 +215,8 @@ declare class FuiCardComponent implements AfterContentInit {
     readonly liftState: Signal<'idle' | 'lifted'>;
     headerCmp?: FuiCardHeaderComponent;
     actionsCmp?: FuiCardActionsComponent;
+    headerDir?: FuiCardHeaderDirective;
+    actionsDir?: FuiCardActionsDirective;
     headerId: string;
     readonly computedClasses: Signal<string>;
     onMouseEnter(): void;
@@ -183,9 +227,9 @@ declare class FuiCardComponent implements AfterContentInit {
     get hasHeader(): boolean;
     get hasActions(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FuiCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FuiCardComponent, "fui-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["headerCmp", "actionsCmp"], ["fui-card-header, [rtCardHeader]", "*", "fui-card-actions, [rtCardActions]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FuiCardComponent, "fui-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["headerCmp", "actionsCmp", "headerDir", "actionsDir"], ["fui-card-header, [fuiCardHeader]", "*", "fui-card-actions, [fuiCardActions]"], true, never>;
 }
 
-export { FuiCardActionsComponent, FuiCardComponent, FuiCardHeaderComponent };
+export { FuiCardActionsComponent, FuiCardActionsDirective, FuiCardComponent, FuiCardHeaderComponent, FuiCardHeaderDirective };
 export type { FuiCardPadding, FuiCardVariant };
 //# sourceMappingURL=raintonic-formaui-components-card.d.ts.map

package/types/raintonic-formaui-components-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-card.d.ts","sources":["../../../lib/components/card/card-header.component.ts","../../../lib/components/card/card-actions.component.ts","../../../lib/components/card/card.component.ts"],"mappings":";;;AAEA;;;;;;;;;;;;;AAaG;AACH,cASa,sBAAsB;AACjC;;AAEG;;AAGH;;AAEG;oBACa,WAAW;AAE3B;;AAEG;uBACgB,WAAW;yCAdnB,sBAAsB;2CAAtB,sBAAsB;AAelC;;ACtCD;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,cAYa,uBAAuB;AAClC;;;AAGG;oBACa,WAAW;AAE3B;;;AAGG;AACH,0BAAsB,WAAW;yCAXtB,uBAAuB;2CAAvB,uBAAuB;AAYnC;;AC9BD;;AAEG;AACG,KAAM,cAAc;AAE1B;;AAEG;AACG,KAAM,cAAc;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEG;AACH,cAiBa,gBAAiB,YAAW,gBAAgB;AACvD;;;AAGG;AACH,sBAAkB,WAAW,CAAC,cAAc;AAE5C;;;AAGG;AACH,sBAAkB,WAAW,CAAC,cAAc;AAE5C;;;AAGG;AACH,wBAAoB,WAAW;AAE/B;;;AAGG;AACH,uBAAmB,WAAW;AAG9B,sBAAkB,cAAc;wBACZ,MAAM;gBAKwB,sBAAsB;iBACpB,uBAAuB;AAE3E;AAGA,8BAA0B,MAAM;AAmBhC;AAOA;AAKA,qBAAiB,aAAa;AAQ9B,mBAAe,UAAU;AAOzB;;;yCApFW,gBAAgB;2CAAhB,gBAAgB;AAiG5B;;;;","names":[]}
+{"version":3,"file":"raintonic-formaui-components-card.d.ts","sources":["../../../lib/components/card/card-header.component.ts","../../../lib/components/card/card-actions.component.ts","../../../lib/components/card/card-header.directive.ts","../../../lib/components/card/card-actions.directive.ts","../../../lib/components/card/card.component.ts"],"mappings":";;;AAEA;;;;;;;;;;;;;AAaG;AACH,cASa,sBAAsB;AACjC;;AAEG;;AAGH;;AAEG;oBACa,WAAW;AAE3B;;AAEG;uBACgB,WAAW;yCAdnB,sBAAsB;2CAAtB,sBAAsB;AAelC;;ACtCD;;;;;;;;;;;;;;;;;;;;;AAqBG;AACH,cAYa,uBAAuB;AAClC;;;AAGG;oBACa,WAAW;AAE3B;;;AAGG;AACH,0BAAsB,WAAW;yCAXtB,uBAAuB;2CAAvB,uBAAuB;AAYnC;;AC9CD;;;;;;;;;;;;;;AAcG;AACH,cAOa,sBAAsB;yCAAtB,sBAAsB;2CAAtB,sBAAsB;AAAG;;ACtBtC;;;;;;;;;;;;;;;;AAgBG;AACH,cAOa,uBAAuB;yCAAvB,uBAAuB;2CAAvB,uBAAuB;AAAG;;ACNvC;;AAEG;AACG,KAAM,cAAc;AAE1B;;AAEG;AACG,KAAM,cAAc;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEG;AACH,cAiBa,gBAAiB,YAAW,gBAAgB;AACvD;;;AAGG;AACH,sBAAkB,WAAW,CAAC,cAAc;AAE5C;;;AAGG;AACH,sBAAkB,WAAW,CAAC,cAAc;AAE5C;;;AAGG;AACH,wBAAoB,WAAW;AAE/B;;;AAGG;AACH,uBAAmB,WAAW;AAG9B,sBAAkB,cAAc;wBACZ,MAAM;gBAKwB,sBAAsB;iBACpB,uBAAuB;gBACzB,sBAAsB;iBACpB,uBAAuB;AAE3E;AAGA,8BAA0B,MAAM;AAmBhC;AAOA;AAKA,qBAAiB,aAAa;AAQ9B,mBAAe,UAAU;AAOzB;;;yCAtFW,gBAAgB;2CAAhB,gBAAgB;AAmG5B;;;;","names":[]}

package/types/raintonic-formaui-components-data-table.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy } from '@angular/core';
-import { FuiIntlBase } from '@raintonic/formaui/core';
+import { FuiBadgeVariant, FuiBadgeSize } from '@raintonic/formaui/components/badge';
 import { FuiDropdownMenuComponent } from '@raintonic/formaui/components/dropdown-menu';
+import { FuiIntlBase } from '@raintonic/formaui/core';
 
 declare class FuiDataTableIntl extends FuiIntlBase {
     tableAriaLabel: string;
@@ -30,8 +31,10 @@ declare class FuiDataTableIntl extends FuiIntlBase {
 interface AdvancedDataTableLabelConfig {
     value: string;
     label: string;
-    color: string;
+    variant?: FuiBadgeVariant;
+    color?: string;
     icon?: string;
+    size?: FuiBadgeSize;
 }
 /**
  * Supported column data types for advanced data table.
@@ -166,6 +169,8 @@ interface FilterOperatorOption {
  * @output sortChange - Emits when the user changes sort direction on a column.
  * @output filtersChange - Emits when filters are applied or cleared.
  * @output rowDblClick - Emits the row data object on double-click.
+ * @output rowClick - Emits the row data object on single-click (debounced so a
+ *   double-click does not also emit a single click).
  *
  * @example
  * <fui-advanced-data-table
@@ -174,6 +179,7 @@ interface FilterOperatorOption {
  *   [sort]="currentSort"
  *   (sortChange)="onSort($event)"
  *   (filtersChange)="onFilter($event)"
+ *   (rowClick)="onRowSelect($event)"
  *   (rowDblClick)="onRowOpen($event)">
  * </fui-advanced-data-table>
  */
@@ -200,6 +206,20 @@ declare class FuiAdvancedDataTableComponent<T = Record<string, unknown>> impleme
      * Enable click-to-highlight feature for rows
      */
     readonly enableRowHighlight: _angular_core.InputSignal<boolean>;
+    /**
+     * Enable double-click handling (`rowDblClick`). When true, single clicks are
+     * debounced by ROW_CLICK_DELAY so a double-click resolves to `rowDblClick`
+     * only. When false (default) single clicks fire instantly — no lag — because
+     * there is no double-click to disambiguate from.
+     */
+    readonly enableDblClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks rows as clickable for single-click actions (e.g. open detail). Purely
+     * a visual affordance: shows a pointer cursor. `rowClick` is emitted
+     * regardless; this only controls the cursor. Highlight-enabled rows already
+     * show the pointer.
+     */
+    readonly rowClickable: _angular_core.InputSignal<boolean>;
     /**
      * Wraps the table in a bordered, rounded container — alternative to the
      * default full-width index look. Default false.
@@ -268,6 +288,15 @@ declare class FuiAdvancedDataTableComponent<T = Record<string, unknown>> impleme
      * Row dblClick event
      */
     readonly rowDblClick: _angular_core.OutputEmitterRef<T>;
+    /**
+     * Row single-click event. Debounced by ROW_CLICK_DELAY so a double-click does
+     * NOT also emit a single click (the pending emit is cancelled by rowDblClick).
+     */
+    readonly rowClick: _angular_core.OutputEmitterRef<T>;
+    /** Delay (ms) used to disambiguate a single click from a double click. */
+    private static readonly ROW_CLICK_DELAY;
+    /** Pending single-click emit; cancelled when a double-click follows. */
+    private rowClickTimer;
     /**
      * Internal state for selected row indices
      */
@@ -369,6 +398,24 @@ declare class FuiAdvancedDataTableComponent<T = Record<string, unknown>> impleme
      * Check if a row is selected
      */
     isRowSelected(index: number): boolean;
+    /**
+     * Handle a row single click.
+     *
+     * When `enableDblClick` is false (default) the highlight toggle and `rowClick`
+     * emit fire immediately — instant response, no lag.
+     *
+     * When `enableDblClick` is true, both are debounced by ROW_CLICK_DELAY so a
+     * double-click resolves cleanly to `rowDblClick` only — `onRowDblClick`
+     * cancels the pending timer. Toggling on the raw click would otherwise fire
+     * twice per double-click (two native `click` events precede `dblclick`),
+     * flipping the highlight back to its original state.
+     */
+    onRowClick(index: number, row: T): void;
+    /**
+     * Handle a row double click. Cancels any pending single-click emit before
+     * emitting `rowDblClick`.
+     */
+    onRowDblClick(row: T): void;
     /**
      * Toggle row highlight (only if enableRowHighlight is true)
      */
@@ -437,7 +484,7 @@ declare class FuiAdvancedDataTableComponent<T = Record<string, unknown>> impleme
      */
     requiresInput(type: AdvancedDataTableColumnType): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiAdvancedDataTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiAdvancedDataTableComponent<any>, "fui-advanced-data-table", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "enableRowHighlight": { "alias": "enableRowHighlight"; "required": false; "isSignal": true; }; "boxed": { "alias": "boxed"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "tableAriaLabel": { "alias": "tableAriaLabel"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "filtersChange": "filtersChange"; "rowDblClick": "rowDblClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiAdvancedDataTableComponent<any>, "fui-advanced-data-table", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "enableRowHighlight": { "alias": "enableRowHighlight"; "required": false; "isSignal": true; }; "enableDblClick": { "alias": "enableDblClick"; "required": false; "isSignal": true; }; "rowClickable": { "alias": "rowClickable"; "required": false; "isSignal": true; }; "boxed": { "alias": "boxed"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "tableAriaLabel": { "alias": "tableAriaLabel"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; "filtersChange": "filtersChange"; "rowDblClick": "rowDblClick"; "rowClick": "rowClick"; }, never, never, true, never>;
 }
 
 export { FilterOperator, FuiAdvancedDataTableComponent, FuiDataTableIntl };

package/types/raintonic-formaui-components-data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-data-table.d.ts","sources":["../../../lib/components/data-table/data-table.intl.ts","../../../lib/components/data-table/advanced-data-table.component.ts"],"mappings":"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","names":[]}
+{"version":3,"file":"raintonic-formaui-components-data-table.d.ts","sources":["../../../lib/components/data-table/data-table.intl.ts","../../../lib/components/data-table/advanced-data-table.component.ts"],"mappings":"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","names":[]}

package/types/raintonic-formaui-components-drawer.d.ts

@@ -37,6 +37,8 @@ declare class FuiDrawerComponent {
     private _lastInputValue;
     private _previouslyFocusedElement;
     readonly drawerPanel: Signal<ElementRef<HTMLElement> | undefined>;
+    private readonly _projectedTitle;
+    readonly _hasProjectedTitle: Signal<boolean>;
     readonly _sizeValue: Signal<string>;
     readonly _isHorizontal: Signal<boolean>;
     constructor();
@@ -49,9 +51,25 @@ declare class FuiDrawerComponent {
     private _focusFirstTabbable;
     private _getAllFocusableElements;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiDrawerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiDrawerComponent, "fui-drawer", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; "closed": "closed"; }, never, ["*", "[drawerFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FuiDrawerComponent, "fui-drawer", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "openedChange": "openedChange"; "closed": "closed"; }, ["_projectedTitle"], ["[fuiDrawerTitle]", "*", "[drawerFooter]"], true, never>;
 }
 
-export { DRAWER_SIZES, FuiDrawerComponent, FuiDrawerIntl };
+/**
+ * Marker directive for projecting custom markup into the drawer header title
+ * area. Apply the `fuiDrawerTitle` attribute to the element you want rendered
+ * as the title. When present, it visually replaces the string `title`, which
+ * still provides the drawer's accessible name.
+ *
+ * @example
+ * <fui-drawer title="Details">
+ *   <span fuiDrawerTitle>Custom <em>title</em> markup</span>
+ * </fui-drawer>
+ */
+declare class FuiDrawerTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FuiDrawerTitle, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FuiDrawerTitle, "[fuiDrawerTitle]", never, {}, {}, never, never, true, never>;
+}
+
+export { DRAWER_SIZES, FuiDrawerComponent, FuiDrawerIntl, FuiDrawerTitle };
 export type { DrawerMode, DrawerPosition, DrawerSize };
 //# sourceMappingURL=raintonic-formaui-components-drawer.d.ts.map

package/types/raintonic-formaui-components-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"raintonic-formaui-components-drawer.d.ts","sources":["../../../lib/components/drawer/drawer.types.ts","../../../lib/components/drawer/drawer.intl.ts","../../../lib/components/drawer/drawer.component.ts"],"mappings":";;;;AAAM,KAAM,cAAc;KACd,UAAU;AAChB,KAAM,UAAU;AAEtB,cAAa,YAAY,EAAE,MAAM,CAAC,UAAU;;ACD5C,cACa,aAAc,SAAQ,WAAW;AAC5C;oDADW,aAAa;wDAAb,aAAa;AAEzB;;ACkBD,cAuBa,kBAAkB;AAC7B;mBACa,aAAA;AACb;uBAGiB,aAAA,CAAA,WAAA,CAAA,cAAA;mBACJ,aAAA,CAAA,WAAA,CAAA,UAAA;mBACA,aAAA,CAAA,WAAA;qBACE,aAAA,CAAA,wBAAA;0BACK,aAAA,CAAA,wBAAA;mCACS,aAAA,CAAA,wBAAA;yBACV,aAAA,CAAA,wBAAA;oBACL,aAAA,CAAA,WAAA;8BACU,aAAA,CAAA,wBAAA;;wBAGN,aAAA,CAAA,WAAA;;6BAGK,aAAA,CAAA,WAAA;2BAGF,aAAA,CAAA,gBAAA;qBACN,aAAA,CAAA,gBAAA;AAGf,sBAAkB,cAAc;AAChC,yBAAqB,cAAc;;;AASnC,0BAAsB,MAAM,CAAC,UAAU,CAAC,WAAW;AAGnD,yBAAqB,MAAM;AAK3B,4BAAwB,MAAM;;AAuB9B,qBAAiB,aAAa;AAkC9B;AAOA;AAQA;AAQA;AAUA;AAUA;AAcA;oDA/JW,kBAAkB;sDAAlB,kBAAkB;AA+K9B;;;;","names":[]}
+{"version":3,"file":"raintonic-formaui-components-drawer.d.ts","sources":["../../../lib/components/drawer/drawer.types.ts","../../../lib/components/drawer/drawer.intl.ts","../../../lib/components/drawer/drawer.component.ts","../../../lib/components/drawer/drawer-title.directive.ts"],"mappings":";;;;AAAM,KAAM,cAAc;KACd,UAAU;AAChB,KAAM,UAAU;AAEtB,cAAa,YAAY,EAAE,MAAM,CAAC,UAAU;;ACD5C,cACa,aAAc,SAAQ,WAAW;AAC5C;oDADW,aAAa;wDAAb,aAAa;AAEzB;;ACoBD,cAuBa,kBAAkB;AAC7B;mBACa,aAAA;AACb;uBAGiB,aAAA,CAAA,WAAA,CAAA,cAAA;mBACJ,aAAA,CAAA,WAAA,CAAA,UAAA;mBACA,aAAA,CAAA,WAAA;qBACE,aAAA,CAAA,wBAAA;0BACK,aAAA,CAAA,wBAAA;mCACS,aAAA,CAAA,wBAAA;yBACV,aAAA,CAAA,wBAAA;oBACL,aAAA,CAAA,WAAA;8BACU,aAAA,CAAA,wBAAA;;wBAGN,aAAA,CAAA,WAAA;;6BAGK,aAAA,CAAA,WAAA;2BAGF,aAAA,CAAA,gBAAA;qBACN,aAAA,CAAA,gBAAA;AAGf,sBAAkB,cAAc;AAChC,yBAAqB,cAAc;;;AASnC,0BAAsB,MAAM,CAAC,UAAU,CAAC,WAAW;AAGnD;AACA,iCAA6B,MAAM;AAGnC,yBAAqB,MAAM;AAK3B,4BAAwB,MAAM;;AAyB9B,qBAAiB,aAAa;AAkC9B;AAOA;AAQA;AAQA;AAUA;AAUA;AAcA;oDArKW,kBAAkB;sDAAlB,kBAAkB;AAqL9B;;ACpOD;;;;;;;;;;AAUG;AACH,cAOa,cAAc;oDAAd,cAAc;sDAAd,cAAc;AAAG;;;;","names":[]}