@a.nemreen/dga-ui 0.2.6 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a.nemreen/dga-ui",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "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

@@ -809,7 +809,7 @@ declare class DgaDatePickerComponent implements ControlValueAccessor {
     readonly viewParts: _angular_core.WritableSignal<DgaCalendarParts>;
     readonly draftStart: _angular_core.WritableSignal<Date | null>;
     readonly draftEnd: _angular_core.WritableSignal<Date | null>;
-    readonly rangePickPhase: _angular_core.WritableSignal<"end" | "start">;
+    readonly rangePickPhase: _angular_core.WritableSignal<"start" | "end">;
     readonly typedValue: _angular_core.WritableSignal<string | null>;
     readonly effectiveStatus: _angular_core.Signal<DgaFormStatus>;
     readonly panelMode: _angular_core.Signal<DgaDatePickerMode>;
@@ -1721,7 +1721,7 @@ declare class DgaShare {
     readonly shareTitle: _angular_core.InputSignal<string>;
     readonly triggerLabel: _angular_core.InputSignal<string>;
     readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly buttonVariant: _angular_core.InputSignal<"subtle" | "outline" | "ghost">;
+    readonly buttonVariant: _angular_core.InputSignal<"outline" | "subtle" | "ghost">;
     readonly buttonSize: _angular_core.InputSignal<"sm" | "md">;
     readonly shared: _angular_core.OutputEmitterRef<string>;
     readonly linkCopied: _angular_core.OutputEmitterRef<void>;
@@ -2277,8 +2277,8 @@ interface DgaSideNavGroup {
 }
 /**
  * Side navigation with optional groups and nested children.
- * Below `lg`: horizontal scroll rail (top-level only).
- * From `lg`: vertical sidebar (optional collapse to icons).
+ * `layout="auto"` (default): horizontal scroll rail below `lg`, vertical sidebar from `lg`.
+ * `layout="vertical"`: always vertical (drawers / overlays).
  */
 declare class DgaSideNav {
     /** Flat item list (backward compatible). Ignored when `groups` is set. */
@@ -2287,6 +2287,10 @@ declare class DgaSideNav {
     readonly groups: _angular_core.InputSignal<DgaSideNavGroup[]>;
     readonly active: _angular_core.ModelSignal<string>;
     readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
+     */
+    readonly layout: _angular_core.InputSignal<"auto" | "vertical">;
     readonly label: _angular_core.InputSignal<string>;
     readonly toggleLabel: _angular_core.InputSignal<string>;
     readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
@@ -2305,7 +2309,7 @@ declare class DgaSideNav {
     private childIsActive;
     private toggleExpanded;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaSideNav, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaSideNav, "dga-side-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; "isSignal": true; }; "narrow": { "alias": "narrow"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "select": "select"; "narrow": "narrowChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaSideNav, "dga-side-nav", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "toggleLabel": { "alias": "toggleLabel"; "required": false; "isSignal": true; }; "narrow": { "alias": "narrow"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "select": "select"; "narrow": "narrowChange"; }, never, never, true, never>;
 }
 
 /** Category block inside a dual-nav secondary panel. */
@@ -2332,6 +2336,10 @@ declare class DgaDualNav {
     readonly active: _angular_core.ModelSignal<string>;
     readonly activeSectionId: _angular_core.ModelSignal<string>;
     readonly panelOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * `rail` = desktop dual columns; `stack` = section chips + panel below (drawers / mobile).
+     */
+    readonly layout: _angular_core.InputSignal<"rail" | "stack">;
     readonly railLabel: _angular_core.InputSignal<string>;
     readonly panelEyebrow: _angular_core.InputSignal<string>;
     readonly closePanelLabel: _angular_core.InputSignal<string>;
@@ -2342,7 +2350,7 @@ declare class DgaDualNav {
     onSelect(item: DgaSideNavItem): void;
     linkClasses(item: DgaSideNavItem, nested?: boolean): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaDualNav, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaDualNav, "dga-dual-nav", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; "railLabel": { "alias": "railLabel"; "required": false; "isSignal": true; }; "panelEyebrow": { "alias": "panelEyebrow"; "required": false; "isSignal": true; }; "closePanelLabel": { "alias": "closePanelLabel"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "activeSectionId": "activeSectionIdChange"; "panelOpen": "panelOpenChange"; "select": "select"; }, never, ["[dgaDualNavBrand]", "[dgaDualNavRailFoot]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaDualNav, "dga-dual-nav", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "activeSectionId": { "alias": "activeSectionId"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "railLabel": { "alias": "railLabel"; "required": false; "isSignal": true; }; "panelEyebrow": { "alias": "panelEyebrow"; "required": false; "isSignal": true; }; "closePanelLabel": { "alias": "closePanelLabel"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "activeSectionId": "activeSectionIdChange"; "panelOpen": "panelOpenChange"; "select": "select"; }, never, ["[dgaDualNavBrand]", "[dgaDualNavRailFoot]"], true, never>;
 }
 
 type DgaNavRailPosition = 'static' | 'start' | 'end' | 'left' | 'right';
@@ -2382,9 +2390,9 @@ declare class DgaNavRail {
     readonly smoothScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly select: _angular_core.OutputEmitterRef<DgaNavRailItem>;
     readonly expandChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly edgeAttr: _angular_core.Signal<"end" | "start" | "left" | "right" | null>;
+    readonly edgeAttr: _angular_core.Signal<"start" | "end" | "right" | "left" | null>;
     readonly offsetCss: _angular_core.Signal<string>;
-    readonly tooltipPlacement: _angular_core.Signal<"end" | "start">;
+    readonly tooltipPlacement: _angular_core.Signal<"start" | "end">;
     readonly iconSize: _angular_core.Signal<"sm" | "md" | "lg">;
     readonly expandIcon: _angular_core.Signal<"chevronLeft" | "chevronRight">;
     readonly listGapClass: _angular_core.Signal<"gap-xs" | "gap-sm" | "gap-md">;