@neuravision/ng-construct 0.3.6 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neuravision/ng-construct",
-  "version": "0.3.6",
+  "version": "0.4.0",
   "description": "Angular components for the Construct Design System",
   "keywords": [
     "angular",

package/types/neuravision-ng-construct.d.ts

@@ -979,6 +979,49 @@ declare class AfTabsComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfTabsComponent, "af-tabs", never, { "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["panels"], ["*"], true, never>;
 }
 
+interface AfNavTab {
+    /** Unique identifier for the tab. */
+    id: string;
+    /** Display label. */
+    label: string;
+    /** Angular Router link for navigation. */
+    routerLink: string | string[];
+    /** Disables the tab. */
+    disabled?: boolean;
+}
+type AfNavTabsVariant = 'default' | 'pill';
+type AfNavTabsSize = 'sm' | 'md' | 'lg';
+/**
+ * Router-based tab navigation component.
+ *
+ * Uses the `ct-tabs` CSS classes from the Construct Design System but renders
+ * `<a routerLink>` elements for navigation. Active state is determined
+ * automatically via `routerLinkActive`.
+ *
+ * For content-panel tabs (show/hide content without routing), use `<af-tabs>` instead.
+ *
+ * @example
+ * <af-nav-tabs
+ *   [tabs]="[
+ *     { id: 'my', label: 'My Documents', routerLink: '/documents/my' },
+ *     { id: 'all', label: 'All Documents', routerLink: '/documents/all' }
+ *   ]">
+ * </af-nav-tabs>
+ */
+declare class AfNavTabsComponent {
+    /** Tab items to render. */
+    tabs: _angular_core.InputSignal<AfNavTab[]>;
+    /** Visual variant. `'pill'` renders pill-shaped tabs with background. */
+    variant: _angular_core.InputSignal<AfNavTabsVariant>;
+    /** Size variant. */
+    size: _angular_core.InputSignal<AfNavTabsSize>;
+    /** Accessible label for the tab navigation. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    containerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AfNavTabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AfNavTabsComponent, "af-nav-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 interface AfDropdownItem {
     label: string;
     value: unknown;
@@ -1080,13 +1123,24 @@ declare class AfPaginationComponent {
 
 interface AfBreadcrumb {
     label: string;
+    /** Angular Router link for SPA navigation (preferred for internal routes). */
+    routerLink?: string | string[];
+    /** Plain HTML href for external links. Causes a full page reload. */
     url?: string;
 }
 /**
- * Breadcrumbs navigation component
+ * Breadcrumbs navigation component with Angular Router support.
+ *
+ * Items with `routerLink` navigate via the Angular Router (no page reload).
+ * Items with `url` render a plain `<a href>` (for external links).
+ * The last item is always rendered as static text (current page).
  *
  * @example
- * <af-breadcrumbs [items]="breadcrumbs"></af-breadcrumbs>
+ * <af-breadcrumbs [items]="[
+ *   { label: 'Home', routerLink: '/' },
+ *   { label: 'Documents', routerLink: '/documents' },
+ *   { label: 'My Documents' }
+ * ]"></af-breadcrumbs>
  */
 declare class AfBreadcrumbsComponent {
     /** Breadcrumb items */
@@ -2390,5 +2444,5 @@ declare class AfFormatLabelPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<AfFormatLabelPipe, "afFormatLabel", true>;
 }
 
-export { AfAccordionComponent, AfAccordionItemComponent, AfAlertComponent, AfAppShellComponent, AfAppShellPageHeaderComponent, AfAppShellV2Component, AfAppShellV2ToolbarComponent, AfAvatarComponent, AfBadgeComponent, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfModalComponent, AfNavItemComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfRadioGroupComponent, AfSelectComponent, AfSelectMenuComponent, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective };
-export type { AfAlertVariant, AfAvatarSize, AfAvatarStatus, AfBadgeVariant, AfBannerAppearance, AfBannerPosition, AfBannerVariant, AfBreadcrumb, AfButtonSize, AfButtonType, AfButtonVariant, AfCardElevation, AfCardPadding, AfColumn, AfComboboxOption, AfDataRow, AfDataTableConfig, AfDividerColor, AfDividerOrientation, AfDividerSpacing, AfDrawerPosition, AfDrawerSize, AfDropdownItem, AfEmptyStateSize, AfEmptyStateVariant, AfFileEntry, AfFileValidationError, AfIconSize, AfInputType, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectMenuOption, AfSelectOption, AfShellPanelState, AfShellSidebarState, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition };
+export { AfAccordionComponent, AfAccordionItemComponent, AfAlertComponent, AfAppShellComponent, AfAppShellPageHeaderComponent, AfAppShellV2Component, AfAppShellV2ToolbarComponent, AfAvatarComponent, AfBadgeComponent, AfBannerComponent, AfBreadcrumbsComponent, AfButtonComponent, AfCardComponent, AfCellDefDirective, AfCheckboxComponent, AfChipInputComponent, AfComboboxComponent, AfDataTableComponent, AfDatepickerComponent, AfDividerComponent, AfDrawerComponent, AfDropdownComponent, AfEmptyStateComponent, AfFieldComponent, AfFileUploadComponent, AfFormatLabelPipe, AfIconComponent, AfInputComponent, AfModalComponent, AfNavItemComponent, AfNavTabsComponent, AfNavbarComponent, AfPaginationComponent, AfPopoverComponent, AfPopoverTriggerDirective, AfProgressBarComponent, AfRadioComponent, AfRadioGroupComponent, AfSelectComponent, AfSelectMenuComponent, AfSidebarComponent, AfSkeletonComponent, AfSkipLinkComponent, AfSliderComponent, AfSpinnerComponent, AfSwitchComponent, AfTabPanelComponent, AfTableBodyComponent, AfTableCellComponent, AfTableComponent, AfTableHeaderCellComponent, AfTableHeaderComponent, AfTableRowComponent, AfTabsComponent, AfTextareaComponent, AfToastContainerComponent, AfToastService, AfToggleGroupComponent, AfToolbarComponent, AfTooltipDirective };
+export type { AfAlertVariant, AfAvatarSize, AfAvatarStatus, AfBadgeVariant, AfBannerAppearance, AfBannerPosition, AfBannerVariant, AfBreadcrumb, AfButtonSize, AfButtonType, AfButtonVariant, AfCardElevation, AfCardPadding, AfColumn, AfComboboxOption, AfDataRow, AfDataTableConfig, AfDividerColor, AfDividerOrientation, AfDividerSpacing, AfDrawerPosition, AfDrawerSize, AfDropdownItem, AfEmptyStateSize, AfEmptyStateVariant, AfFileEntry, AfFileValidationError, AfIconSize, AfInputType, AfNavTab, AfNavTabsSize, AfNavTabsVariant, AfNavbarSize, AfNavbarVariant, AfPopoverAlign, AfPopoverPosition, AfPopoverSize, AfProgressBarSize, AfProgressBarVariant, AfSelectMenuOption, AfSelectOption, AfShellPanelState, AfShellSidebarState, AfSidebarMode, AfSkeletonVariant, AfSliderSize, AfSortDirection, AfSortState, AfSpinnerSize, AfTab, AfTableCellType, AfTableVariant, AfToast, AfToastVariant, AfToggleGroupSize, AfToggleItem, AfTooltipPosition };