@praxisui/tabs 8.0.0-beta.2 → 8.0.0-beta.20

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges, Provider } from '@angular/core';
 import { MatTabChangeEvent } from '@angular/material/tabs';
-import { AiCapability, WidgetDefinition, WidgetEventEnvelope, WidgetEventPathSegment, PraxisI18nConfig, ComponentDocMeta, ComponentMetadataRegistry, AiCapabilityCategory, AiValueKind, AiCapabilityCatalog } from '@praxisui/core';
+import { AiCapability, WidgetDefinition, WidgetEventEnvelope, WidgetEventPathSegment, PraxisI18nConfig, ComponentDocMeta, ComponentMetadataRegistry, AiCapabilityCategory, AiValueKind, AiCapabilityCatalog, ComponentAuthoringManifest } from '@praxisui/core';
 import { FormGroup } from '@angular/forms';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { BaseAiAdapter, PatchResult } from '@praxisui/ai';
@@ -81,9 +81,11 @@ interface TabMetadata {
     ariaLabel?: string;
     ariaLabelledby?: string;
     textLabel?: string;
+    icon?: string;
     labelClass?: string | string[];
     bodyClass?: string | string[];
     disabled?: boolean;
+    visible?: boolean;
     content?: any[];
     widgets?: WidgetDefinition[];
     isActive?: boolean;
@@ -106,8 +108,10 @@ interface TabNavMetadata {
 interface TabLinkMetadata {
     id?: string;
     label: string;
+    icon?: string;
     active?: boolean;
     disabled?: boolean;
+    visible?: boolean;
     disableRipple?: boolean;
     fitInkBarToContent?: boolean;
     content?: any[];
@@ -140,6 +144,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     config: TabsMetadata | null;
     tabsId: string;
     componentInstanceId?: string;
+    set selectedIndex(index: number | null | undefined);
     enableCustomization: boolean;
     form: FormGroup | null;
     context: Record<string, any> | null;
@@ -155,6 +160,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     protected selectedIndexSignal: i0.WritableSignal<number>;
     private groupLoaded;
     private navLoaded;
+    private controlledSelectedIndex?;
     private readonly destroy$;
     private readonly widgetDefinitionCache;
     ngOnInit(): void;
@@ -163,9 +169,23 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     isNavMode(): boolean;
     effectiveAnimationDuration(): string;
     getNavActive(i: number): boolean;
+    protected visibleNavLinkEntries(): Array<{
+        link: TabLinkMetadata;
+        index: number;
+    }>;
+    protected visibleTabEntries(): Array<{
+        tab: TabMetadata;
+        index: number;
+    }>;
+    protected selectedVisibleNavIndex(): number;
+    protected selectedVisibleTabIndex(): number;
+    protected onVisibleTabIndexChange(index: number): void;
     onNavClick(i: number): void;
     onNavDrop(event: CdkDragDrop<any>): void;
+    protected onVisibleNavDrop(event: CdkDragDrop<any>): void;
     onSelectedIndexChange(index: number): void;
+    private applySelectedIndex;
+    private reapplyControlledSelectedIndex;
     closeTab(index: number): void;
     moveTab(index: number, delta: number): void;
     openEditor(): void;
@@ -178,6 +198,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     private applyTabsAuthoringPlan;
     private storageKey;
     private syncSelectionFromConfig;
+    private pruneLoadedIndexes;
     private persistConfig;
     private componentKeyId;
     private warnMissingId;
@@ -187,6 +208,14 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     protected groupContentReady(index: number): boolean;
     protected navContentReady(index: number): boolean;
     protected isEmptyGlobal(): boolean;
+    protected trackVisibleNavLink(index: number, entry: {
+        link: TabLinkMetadata;
+        index: number;
+    }): string;
+    protected trackVisibleTab(index: number, entry: {
+        tab: TabMetadata;
+        index: number;
+    }): string;
     protected trackNavLink(index: number, link: TabLinkMetadata): string;
     protected trackTab(index: number, tab: TabMetadata): string;
     protected trackWidgetDefinition(index: number, widget: WidgetDefinition): string;
@@ -200,7 +229,7 @@ declare class PraxisTabs implements OnInit, OnChanges, OnDestroy {
     protected styleCss(): string | null;
     private cloneWidgetDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<PraxisTabs, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTabs, "praxis-tabs", never, { "config": { "alias": "config"; "required": false; }; "tabsId": { "alias": "tabsId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "form": { "alias": "form"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "animationDone": "animationDone"; "focusChange": "focusChange"; "selectedIndexChange": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; "indexFocused": "indexFocused"; "selectFocusedIndex": "selectFocusedIndex"; "widgetEvent": "widgetEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisTabs, "praxis-tabs", never, { "config": { "alias": "config"; "required": false; }; "tabsId": { "alias": "tabsId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "enableCustomization": { "alias": "enableCustomization"; "required": false; }; "form": { "alias": "form"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "animationDone": "animationDone"; "focusChange": "focusChange"; "selectedIndexChange": "selectedIndexChange"; "selectedTabChange": "selectedTabChange"; "indexFocused": "indexFocused"; "selectFocusedIndex": "selectFocusedIndex"; "widgetEvent": "widgetEvent"; }, never, never, true, never>;
 }
 
 declare const PRAXIS_TABS_I18N_NAMESPACE = "praxisTabs";
@@ -412,5 +441,7 @@ interface CapabilityCatalog extends AiCapabilityCatalog {
 }
 declare const TABS_AI_CAPABILITIES: CapabilityCatalog;
 
-export { PRAXIS_TABS_COMPONENT_METADATA, PRAXIS_TABS_I18N_CONFIG, PRAXIS_TABS_I18N_NAMESPACE, PraxisTabs, PraxisTabsConfigEditor, TABS_AI_CAPABILITIES, buildTabsApplyPlan, createPraxisTabsI18nConfig, createTabsAuthoringDocument, normalizeTabsAuthoringDocument, providePraxisTabsI18n, providePraxisTabsMetadata, serializeTabsAuthoringDocument, toCanonicalTabsConfig, validateTabsAuthoringDocument };
+declare const PRAXIS_TABS_AUTHORING_MANIFEST: ComponentAuthoringManifest;
+
+export { PRAXIS_TABS_AUTHORING_MANIFEST, PRAXIS_TABS_COMPONENT_METADATA, PRAXIS_TABS_I18N_CONFIG, PRAXIS_TABS_I18N_NAMESPACE, PraxisTabs, PraxisTabsConfigEditor, TABS_AI_CAPABILITIES, buildTabsApplyPlan, createPraxisTabsI18nConfig, createTabsAuthoringDocument, normalizeTabsAuthoringDocument, providePraxisTabsI18n, providePraxisTabsMetadata, serializeTabsAuthoringDocument, toCanonicalTabsConfig, validateTabsAuthoringDocument };
 export type { Capability, CapabilityCatalog, CapabilityCategory, TabGroupMetadata, TabLinkMetadata, TabMetadata, TabNavMetadata, TabsAccessibilityConfig, TabsAppearanceConfig, TabsApplyPlan, TabsAuthoringBindings, TabsAuthoringDocument, TabsBehaviorConfig, TabsBindingsDiff, TabsEditorDiagnostic, TabsEditorDiagnosticLevel, TabsEditorDocumentKind, TabsEventConfig, TabsMetadata, TabsRuntimeContext, TabsRuntimePlan, TabsStyleTokens, ValueKind };

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "@praxisui/tabs",
-  "version": "8.0.0-beta.2",
+  "version": "8.0.0-beta.20",
   "description": "Configurable tabs (group and nav) for Praxis UI with metadata-driven content and runtime editor.",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/material": "^20.0.0",
     "@angular/cdk": "^20.0.0",
-    "@praxisui/core": "^8.0.0-beta.2",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.2",
-    "@praxisui/settings-panel": "^8.0.0-beta.2"
+    "@praxisui/core": "^8.0.0-beta.20",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.20",
+    "@praxisui/settings-panel": "^8.0.0-beta.20",
+    "@angular/forms": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@praxisui/ai": "^8.0.0-beta.20",
+    "rxjs": "~7.8.0"
   },
   "dependencies": {
     "tslib": "^2.3.0",