@a.nemreen/dga-ui 0.2.7 → 0.2.9

package/package.json

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

@@ -1038,7 +1038,7 @@ declare class DgaToast implements OnDestroy {
     private timer;
     readonly classes: _angular_core.Signal<string>;
     readonly iconName: _angular_core.Signal<DgaIconName>;
-    readonly iconTone: _angular_core.Signal<"warning" | "error" | "success" | "muted" | "current">;
+    readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
     constructor();
     ngOnDestroy(): void;
     dismiss(): void;
@@ -1337,7 +1337,7 @@ declare class DgaAlert {
     readonly titleClasses: _angular_core.Signal<string>;
     readonly descriptionClasses: _angular_core.Signal<string>;
     readonly iconName: _angular_core.Signal<DgaIconName>;
-    readonly iconTone: _angular_core.Signal<"warning" | "error" | "success" | "muted" | "current">;
+    readonly iconTone: _angular_core.Signal<"success" | "warning" | "error" | "muted" | "current">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAlert, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAlert, "dga-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, ["*", "[dgaAlertActions]"], true, never>;
 }
@@ -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<"outline" | "subtle" | "ghost">;
+    readonly buttonVariant: _angular_core.InputSignal<"subtle" | "outline" | "ghost">;
     readonly buttonSize: _angular_core.InputSignal<"sm" | "md">;
     readonly shared: _angular_core.OutputEmitterRef<string>;
     readonly linkCopied: _angular_core.OutputEmitterRef<void>;
@@ -2113,11 +2113,13 @@ interface DgaBreadcrumbItem {
 }
 type DgaBreadcrumbSeparator = 'chevron' | 'slash';
 declare class DgaBreadcrumb {
+    private readonly baseHref;
     readonly items: _angular_core.InputSignal<DgaBreadcrumbItem[]>;
     readonly label: _angular_core.InputSignal<string>;
     readonly separator: _angular_core.InputSignal<DgaBreadcrumbSeparator>;
     /** Emits the clicked item for non-last links. Navigation via `href` is not prevented. */
     readonly itemClick: _angular_core.OutputEmitterRef<DgaBreadcrumbItem>;
+    appHref(href: string | undefined | null): string;
     onItemClick(item: DgaBreadcrumbItem): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaBreadcrumb, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaBreadcrumb, "dga-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
@@ -2233,7 +2235,9 @@ declare class DgaStepper {
     readonly label: _angular_core.InputSignal<string>;
     stepStatus(index: number): DgaStepStatus;
     stepButtonClasses(index: number): string;
+    labelClasses(index: number): string;
     indicatorClasses(index: number): string;
+    railTone(index: number): string;
     go(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaStepper, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaStepper, "dga-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
@@ -2290,7 +2294,7 @@ declare class DgaSideNav {
     /**
      * `auto` = horizontal chips below lg; `vertical` = always sidebar (use in drawers).
      */
-    readonly layout: _angular_core.InputSignal<"auto" | "vertical">;
+    readonly layout: _angular_core.InputSignal<"vertical" | "auto">;
     readonly label: _angular_core.InputSignal<string>;
     readonly toggleLabel: _angular_core.InputSignal<string>;
     readonly select: _angular_core.OutputEmitterRef<DgaSideNavItem>;
@@ -2822,6 +2826,7 @@ interface DgaHeaderUserConfig {
 }
 declare class DgaHeader {
     private readonly host;
+    private readonly baseHref;
     private closeTimer;
     private dropdownSyncFrame;
     private lastDropdownStyleKey;
@@ -2912,6 +2917,8 @@ declare class DgaHeader {
     readonly loginPanelId = "dga-header-login-panel";
     readonly userPanelId = "dga-header-user-panel";
     readonly isPortal: _angular_core.Signal<boolean>;
+    /** Resolve root-relative hrefs against the app base (`/dga/` on cPanel). */
+    appHref(href: string | undefined | null): string;
     readonly searchConfig: _angular_core.Signal<DgaHeaderSearchConfig | null>;
     readonly searchActionId: _angular_core.Signal<string>;
     readonly notificationsConfig: _angular_core.Signal<DgaHeaderNotificationsConfig | null>;
@@ -3107,6 +3114,7 @@ interface DgaFooterLogo {
     external?: boolean;
 }
 declare class DgaFooter {
+    private readonly baseHref;
     readonly brand: _angular_core.InputSignal<string>;
     readonly title: _angular_core.InputSignal<string>;
     readonly links: _angular_core.InputSignal<DgaFooterLink[]>;
@@ -3123,6 +3131,7 @@ declare class DgaFooter {
     readonly appearance: _angular_core.InputSignal<DgaFooterAppearance>;
     readonly navLabel: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    appHref(href: string | undefined | null): string;
     readonly showBottom: _angular_core.Signal<boolean>;
     readonly hostClass: _angular_core.Signal<string>;
     readonly headingClass: _angular_core.Signal<string>;
@@ -3325,19 +3334,22 @@ declare class DgaAnnouncementBar {
     readonly persistKey: _angular_core.InputSignal<string>;
     readonly dismissedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
+    /** Fired when the action control has no `actionHref` (button / chip / link-as-button). */
+    readonly action: _angular_core.OutputEmitterRef<void>;
     readonly dismissed: _angular_core.WritableSignal<boolean>;
     constructor();
     readonly iconTone: _angular_core.Signal<DgaIconTone>;
     readonly iconShellClasses: _angular_core.Signal<string>;
     readonly barClasses: _angular_core.Signal<string>;
     dismiss(): void;
+    onAction(): void;
     show(): void;
     private storageKey;
     private storage;
     private readPersisted;
     private writePersisted;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DgaAnnouncementBar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAnnouncementBar, "dga-announcement-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionHref": { "alias": "actionHref"; "required": false; "isSignal": true; }; "actionExternal": { "alias": "actionExternal"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "initiallyDismissed": { "alias": "initiallyDismissed"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "persistKey": { "alias": "persistKey"; "required": false; "isSignal": true; }; }, { "dismissedChange": "dismissedChange"; "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DgaAnnouncementBar, "dga-announcement-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "actionVariant": { "alias": "actionVariant"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "actionHref": { "alias": "actionHref"; "required": false; "isSignal": true; }; "actionExternal": { "alias": "actionExternal"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "accent": { "alias": "accent"; "required": false; "isSignal": true; }; "initiallyDismissed": { "alias": "initiallyDismissed"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "persistKey": { "alias": "persistKey"; "required": false; "isSignal": true; }; }, { "dismissedChange": "dismissedChange"; "closed": "closed"; "action": "action"; }, never, ["*"], true, never>;
 }
 
 /**