@a.nemreen/dga-ui 0.3.3 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "DGA Angular UI library — standalone forms, overlays, navigation, and portal shell with RTL-first Tailwind styling",
   "license": "MIT",
   "author": {

package/types/a.nemreen-dga-ui.d.ts

@@ -1132,13 +1132,22 @@ declare class DgaTooltip {
     readonly hideDelay: _angular_core.InputSignal<number>;
     /** Auto-dismiss after open on touch / click toggle. `0` disables. */
     readonly dismissMs: _angular_core.InputSignal<number>;
+    /**
+     * Render the tip in `document.body` with fixed coordinates so it is not clipped
+     * by overflow containers (nav rails, sidebars).
+     */
+    readonly portaled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly open: _angular_core.WritableSignal<boolean>;
+    readonly portaledStyle: _angular_core.WritableSignal<Record<string, string>>;
     readonly tipId: string;
+    private readonly tipEl;
+    private readonly injector;
     private showTimer;
     private hideTimer;
     private dismissTimer;
     private touchPinned;
     constructor();
+    private readonly onResize;
     /** Capture-phase so overflow containers also dismiss the tip. */
     private readonly onScrollCapture;
     onDocPointer(event: PointerEvent): void;
@@ -1153,6 +1162,7 @@ declare class DgaTooltip {
     hideSoon(): void;
     show(): void;
     hide(): void;
+    private syncPortaledTip;
     toggle(): void;
     private toggleTouch;
     private scheduleDismiss;
@@ -1162,7 +1172,7 @@ declare class DgaTooltip {
     private clearDismiss;
     private clearTimers;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaTooltip, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTooltip, "dga-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "dismissMs": { "alias": "dismissMs"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaTooltip, "dga-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "dismissMs": { "alias": "dismissMs"; "required": false; "isSignal": true; }; "portaled": { "alias": "portaled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface DgaMenuItem {
@@ -2303,6 +2313,10 @@ declare class DgaDualNav {
     readonly closePanelLabel: _angular_core.InputSignal<string>;
     readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
     readonly activeSection: _angular_core.Signal<DgaDualNavSection>;
+    /** Tooltips open away from the secondary panel (outer rail edge). */
+    readonly railTooltipPlacement: _angular_core.Signal<"start" | "bottom">;
+    /** Hide rail tooltips while the secondary panel is open (labels already visible). */
+    railTooltipDisabled(): boolean;
     constructor();
     selectSection(id: string): void;
     onSelect(item: DgaSideNavItem): void;
@@ -3581,6 +3595,8 @@ declare class DgaChart {
     readonly dots: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Overrides the `--dga-chart-color-1..6` token cycle. */
     readonly colors: _angular_core.InputSignal<string[]>;
+    /** Label for the value row in pie/donut tooltips. Default: `'القيمة'`. */
+    readonly tooltipValueLabel: _angular_core.InputSignal<string>;
     readonly height: _angular_core.InputSignal<number>;
     readonly label: _angular_core.InputSignal<string>;
     /** Fixed drawing width; scales via CSS `w-full`. */
@@ -3656,12 +3672,11 @@ declare class DgaChart {
     categoryAriaLabel(index: number): string;
     readonly categoryTooltip: _angular_core.Signal<DgaChartTooltip | null>;
     readonly sliceTooltip: _angular_core.Signal<DgaChartTooltip | null>;
-    tooltipWidth(tip: DgaChartTooltip): number;
-    tooltipHeight(tip: DgaChartTooltip): number;
-    tooltipX(tip: DgaChartTooltip): number;
-    tooltipY(tip: DgaChartTooltip): number;
+    formatValue(value: number): string;
+    pieTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
+    plotTooltipStyle(tip: DgaChartTooltip): Record<string, string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaChart, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaChart, "dga-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaChart, "dga-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "datasets": { "alias": "datasets"; "required": false; "isSignal": true; }; "legend": { "alias": "legend"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "grid": { "alias": "grid"; "required": false; "isSignal": true; }; "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; "smooth": { "alias": "smooth"; "required": false; "isSignal": true; }; "area": { "alias": "area"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "tooltipValueLabel": { "alias": "tooltipValueLabel"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface DgaSaudiCity {