@ascentgl/ads-ui 22.1.0 → 22.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "22.1.0",
+  "version": "22.7.0",
   "peerDependencies": {
     "@angular/animations": ">=22.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -2249,6 +2249,12 @@ interface AdsMenuDropDownItem {
     icon?: adsIcon;
     /** Whether the item is disabled (skipped during keyboard navigation and not selectable) */
     disabled?: boolean;
+    /**
+     * When true, a horizontal divider is rendered directly above this item (unless it is the
+     * first item). Use to visually group actions — e.g. separating a "Set as default" action
+     * from the rest of the menu. Purely presentational; does not affect keyboard navigation.
+     */
+    separatorBefore?: boolean;
 }
 
 declare class AdsMenuDropDownComponent implements AfterViewInit {
@@ -3327,11 +3333,18 @@ type AdsNavItemV2 = {
     href?: string;
     subItems?: AdsNavSubItemV2[];
     showDividerAfterItem?: boolean;
+    /** Force the item highlighted regardless of the router (for click-driven, non-route items). */
+    active?: boolean;
 };
 type AdsNavSubItemV2 = {
     label: string;
     icon?: adsIcon;
-    href: string;
+    /** Optional: omit for click-driven items that are not routes (emit `itemSelect` instead). */
+    href?: string;
+    /** Caller context carried through `itemSelect` (e.g. a tab index). */
+    id?: string;
+    /** Force the item highlighted regardless of the router (for click-driven, non-route items). */
+    active?: boolean;
 };
 
 declare class AdsSideNavBarV2Component implements OnInit, OnDestroy {
@@ -3347,6 +3360,8 @@ declare class AdsSideNavBarV2Component implements OnInit, OnDestroy {
     collapsed: i0.InputSignal<boolean | undefined>;
     /** Emits when collapsed state changes */
     collapsedChange: i0.OutputEmitterRef<boolean>;
+    /** Emits when a click-driven sub-item (one without an `href`) is selected. */
+    itemSelect: i0.OutputEmitterRef<AdsNavSubItemV2>;
     /** @ignore */
     isMobile: i0.WritableSignal<boolean>;
     /** @ignore */
@@ -3365,16 +3380,18 @@ declare class AdsSideNavBarV2Component implements OnInit, OnDestroy {
     toggleCollapsed(): void;
     /** @ignore */
     onNavItemClick(): void;
+    /** @ignore Click handler for sub-items; emits `itemSelect` for non-route (hrefless) items. */
+    onSubItemClick(item: AdsNavSubItemV2): void;
     /** @ignore */
     private checkMobile;
     /** @ignore */
     hasActiveLink(item: AdsNavItemV2): boolean;
-    /** @ignore */
+    /** @ignore Explicit `active` flag wins; falls back to a router match when `href` is set. */
     hasActiveSubLink(item: AdsNavSubItemV2): boolean;
     /** @ignore */
     private isActive;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSideNavBarV2Component, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarV2Component, "ads-side-nav-bar-v2", never, { "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsSideNavBarV2Component, "ads-side-nav-bar-v2", never, { "navItems": { "alias": "navItems"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; "itemSelect": "itemSelect"; }, never, never, true, never>;
 }
 
 type MainMenuItem = {
@@ -3857,6 +3874,12 @@ interface Tab {
     disabled?: boolean;
     template?: TemplateRef<unknown>;
     headerTemplate?: TemplateRef<unknown>;
+    /** CSS class applied to the tab's header element (mat-tab `labelClass`). */
+    labelClass?: string;
+    /** Context object passed to `headerTemplate` and `template` so one template can render per-tab data. */
+    templateContext?: unknown;
+    /** When `true`, the tab content renders lazily via `matTabContent` (only while the tab is active). */
+    lazy?: boolean;
 }
 declare class AdsTabsComponent implements AfterViewInit {
     tabGroup: i0.Signal<MatTabGroup>;
@@ -3868,6 +3891,10 @@ declare class AdsTabsComponent implements AfterViewInit {
     activeColor: Colors | undefined;
     /** When `true`, the border-bottom on inactive (non-active, non-disabled) tabs is hidden. Defaults to `false`. */
     hideInactiveBorder: boolean;
+    /** When `false`, tab headers size to their content instead of stretching to fill the width. Defaults to `true`. */
+    stretchTabs: boolean;
+    /** Tab change animation duration forwarded to `mat-tab-group` (e.g. `'500ms'`). When `undefined`, Material's default is used. */
+    animationDuration: string | number | undefined;
     selectedIndexChange: EventEmitter<number>;
     tabChange: EventEmitter<{
         index: number;
@@ -3877,7 +3904,7 @@ declare class AdsTabsComponent implements AfterViewInit {
     get _activeColorVar(): string | null;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTabsComponent, "ads-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "tabWidth": { "alias": "tabWidth"; "required": false; }; "activeColor": { "alias": "activeColor"; "required": false; }; "hideInactiveBorder": { "alias": "hideInactiveBorder"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsTabsComponent, "ads-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "tabWidth": { "alias": "tabWidth"; "required": false; }; "activeColor": { "alias": "activeColor"; "required": false; }; "hideInactiveBorder": { "alias": "hideInactiveBorder"; "required": false; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "tabChange": "tabChange"; }, never, never, true, never>;
 }
 
 declare enum CountryCode {