@symbiote-native/navigation 1.0.0

package/build-ngc/angular/stack.js

@@ -0,0 +1,402 @@
+// Stack, the Angular lifecycle half. The route-stack transitions (navigator-state) and the
+// options/props folds (screen-options, render-stack) live in @symbiote-native/navigation core,
+// shared verbatim with the React/Vue adapters; here Angular supplies the lifecycle — a signal for
+// the pushed-route stack, a per-instance counter for route-key generation, push/pop/replace/... as
+// plain public methods directly on the class (no `useImperativeHandle`/forwardRef equivalent
+// needed: an Angular component instance IS its own "ref", same shape as MatDrawer.open(), reached
+// via a template reference variable, e.g. `<Stack #nav>` then `nav.push(...)`; `Stack implements
+// INavigatorHandle` so the instance itself is what NavigationScopeDirective hands to
+// NavigationContextService — the DI scope every mounted screen reads its navigation/route from via
+// injectStackNavigation()/injectRoute(), never a component input) - plus the descriptor bridge for
+// the header config leaf via the raw
+// native-view element tags below. Pushing/popping a route is an ordinary child render/removal:
+// RNSScreenStack diffs its RNSScreen children natively, so no imperative native command is needed
+// here at all. Neither this nor ScreenDirective imports react-native-screens' own React components
+// (hooks, crashes a non-React adapter); the native views are driven directly through the
+// ViewConfig ../register registers. See CLAUDE.md <third_party_rn_packages_are_react_only>.
+//
+// RAW NATIVE TAGS + NO_ERRORS_SCHEMA: RNSScreenStack/RNSScreen/RNSModalScreen/
+// RNSScreenContentWrapper/RNSScreenStackHeaderConfig/RNSScreenStackHeaderSubview/RNSSearchBar are
+// react-native-screens' native Fabric views, not Angular components — core's render-stack.ts
+// deliberately hands back PLAIN PROPS OBJECTS for the leaves this adapter builds itself with real
+// framework children (see its header comment), the same split react/stack.ts's `createElement`
+// calls implement. A non-dashed raw tag name only satisfies Angular's DOM element schema check
+// under `NO_ERRORS_SCHEMA` (`CUSTOM_ELEMENTS_SCHEMA` only relaxes tags containing a "-", confirmed
+// against `.vendors/angular/packages/compiler/src/schema/dom_element_schema_registry.ts`'s
+// `hasElement`) — every other Angular component in this codebase only ever names dashed
+// `symbiote-*` primitives or real `@Component` selectors, so this is the first legitimate need for
+// the looser schema in this codebase; every prop still routes through the real, declared
+// `[symbioteHostProps]` input (primitives/shared.ts, `@symbiote-native/angular`), never a bare
+// unknown-property binding.
+//
+// RESOLVED: `Stack` itself (like `Tab`/`Drawer`) is a composed Angular `@Component` used as a
+// plain `<Stack>` tag by consuming app code. `adapters/angular/src/renderer.ts`'s
+// `ANCHOR_HOST_COMPONENTS` allowlist lists `'Stack'`/`'Tab'`/`'Drawer'` — plus every
+// `.examples/angular` navigation-demo screen/component that hits the same "composed @Component
+// used as a plain tag" case, mounted either statically or via `NgComponentOutlet` — so a real
+// device build paints correctly (unlisted, `createElement('Stack')` falls through to a real
+// `createNode` call and RN paints its own "Unimplemented component" fallback instead) — the same
+// allowlist `@symbiote-native/slider`'s `Slider` needed. Every raw react-native-screens tag above
+// is correctly EXEMPT from that allowlist (they must fall through to a real `createNode` to paint
+// at all).
+import { ChangeDetectionStrategy, Component, ContentChildren, Input, NO_ERRORS_SCHEMA, QueryList, signal, } from '@angular/core';
+import { NgComponentOutlet, NgTemplateOutlet } from '@angular/common';
+import { SymbioteHostPropsDirective } from '@symbiote-native/angular';
+import { Platform, dlog } from '@symbiote-native/engine';
+import { NAVIGATION_EVENT_BLUR, NAVIGATION_EVENT_FOCUS, NAVIGATION_EVENT_STATE, RNS_MODAL_SCREEN_VIEW_NAME, SCREEN_ON_APPEAR, SCREEN_ON_DISAPPEAR, SCREEN_ON_DISMISSED, SCREEN_ON_HEADER_BACK_BUTTON_CLICKED, STACK_ON_FINISH_TRANSITIONING, buildSearchBarPassthrough, createInitialNavigatorState, createNavigationEmitter, navigatorReducer, resolveHeaderInModalStackStyle, resolveScreenRenderPlan, resolveStackProps, } from '../core';
+import { NavigationScopeDirective } from './navigation-scope.directive';
+import { SearchBarRefDirective } from './search-bar-ref.directive';
+import { ScreenDirective } from './screen.directive';
+import * as i0 from "@angular/core";
+// backTitleVisible defaults to `true` on both platforms per the codegen spec's own default — no
+// ios/android divergence in v1 scope (mirrors react/stack.ts's own constant exactly).
+const NAVIGATOR_PLATFORM = { defaultHeaderBackTitleVisible: true };
+let stackInstanceCounter = 0;
+export class Stack {
+    screenChildren;
+    initialRouteName;
+    screenOptions;
+    headerSubviewProps = { type: 'searchBar' };
+    routeIdPrefix = `stack-${(stackInstanceCounter += 1)}`;
+    // Keyed by name -> the LIVE ScreenDirective instance, not a snapshot copy of its fields:
+    // @ContentChildren's `changes` Observable only fires on a STRUCTURAL change to the query
+    // results (screens added/removed/reordered), never when an already-matched instance's own
+    // `[options]`/`[component]` binding is merely reassigned a new value — a snapshot copy taken at
+    // rebuild time would go stale the instant an app changes e.g. `[options]` on an existing
+    // `<ng-template symbioteScreen>` without also adding/removing one. Reading straight off the
+    // directive instance means Angular's own ordinary Input binding keeps every field live for free.
+    registry = new Map();
+    emitters = new Map();
+    // Keyed by `${route.key}:${index}`, cleared on every dispatch: the ~7 template-bound
+    // accessors below (outerScreenIsModal/isInModal/screenHostProps/...) all resolve the SAME
+    // route+index through planFor per change-detection cycle, so caching here turns ~7 runs of
+    // the 14-step resolveScreenRenderPlan chain into 1 per actual state change.
+    planCache = new Map();
+    routeSequence = 0;
+    screenChildrenSubscription;
+    stateSignal = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stateSignal" }] : /* istanbul ignore next */ []));
+    state = this.stateSignal.asReadonly();
+    push = (name, params) => this.dispatch({ type: 'push', route: this.createRoute(name, params) });
+    pop = (count) => this.dispatch({ type: 'pop', count });
+    popToTop = () => this.dispatch({ type: 'popToTop' });
+    popTo = (key) => this.dispatch({ type: 'popTo', key });
+    replace = (name, params) => this.dispatch({ type: 'replace', route: this.createRoute(name, params) });
+    setParams = (params, key) => this.dispatch({ type: 'setParams', key, params });
+    reset = (nextState) => this.dispatch({ type: 'reset', state: nextState });
+    canGoBack = () => (this.stateSignal()?.routes.length ?? 0) > 1;
+    ngAfterContentInit() {
+        this.rebuildRegistry();
+        this.initializeState();
+        this.screenChildrenSubscription = this.screenChildren.changes.subscribe(() => {
+            this.rebuildRegistry();
+        });
+    }
+    ngOnDestroy() {
+        this.screenChildrenSubscription?.unsubscribe();
+    }
+    rebuildRegistry() {
+        this.registry.clear();
+        for (const screen of this.screenChildren) {
+            this.registry.set(screen.name, screen);
+        }
+    }
+    initializeState() {
+        if (this.stateSignal() !== undefined)
+            return;
+        const initialRouteName = this.initialRouteName ?? this.registry.keys().next().value;
+        if (initialRouteName === undefined) {
+            dlog('Stack: no <ng-template symbioteScreen> children registered');
+            this.stateSignal.set(createInitialNavigatorState({ key: this.routeIdPrefix, name: '', params: undefined }));
+            return;
+        }
+        this.stateSignal.set(createInitialNavigatorState(this.createRoute(initialRouteName, this.registry.get(initialRouteName)?.initialParams)));
+    }
+    createRoute(name, params) {
+        this.routeSequence += 1;
+        return { key: `${this.routeIdPrefix}-${name}-${this.routeSequence}`, name, params };
+    }
+    dispatch(action) {
+        const current = this.stateSignal();
+        if (current === undefined)
+            return;
+        const next = navigatorReducer(current, action);
+        this.planCache.clear();
+        this.stateSignal.set(next);
+        const liveRouteKeys = new Set(next.routes.map(route => route.key));
+        for (const route of next.routes) {
+            this.emitterFor(route.key).emit(NAVIGATION_EVENT_STATE, next);
+        }
+        for (const routeKey of this.emitters.keys()) {
+            if (!liveRouteKeys.has(routeKey))
+                this.emitters.delete(routeKey);
+        }
+    }
+    emitterFor(routeKey) {
+        let emitter = this.emitters.get(routeKey);
+        if (!emitter) {
+            emitter = createNavigationEmitter();
+            this.emitters.set(routeKey, emitter);
+        }
+        return emitter;
+    }
+    mergedOptionsFor(route) {
+        const entry = this.registry.get(route.name);
+        const optionsArgs = { route, navigation: this };
+        const own = entry === undefined
+            ? undefined
+            : typeof entry.options === 'function'
+                ? entry.options(optionsArgs)
+                : entry.options;
+        return { ...this.screenOptions, ...own };
+    }
+    componentFor(route) {
+        return this.registry.get(route.name)?.component ?? null;
+    }
+    stackHostProps() {
+        return resolveStackProps({
+            passthrough: {
+                [STACK_ON_FINISH_TRANSITIONING]: () => dlog(`Stack: onFinishTransitioning at t=${Date.now()}`),
+            },
+        });
+    }
+    // Threads a route's merged options through the shared ~14-call resolver sequence (see
+    // core/render-stack.ts's resolveScreenRenderPlan) every per-route template method below picks
+    // its one field from. Angular has no per-route closure scope the way React's `.map`/Vue's render
+    // loop do, so each template-bound method calls this per change-detection cycle — cached below
+    // by `${route.key}:${index}` so the ~7 accessors that share a route+index resolve the plan once
+    // per actual state change instead of once per template read; `dispatch` clears the cache before
+    // recomputing so no stale entry survives a state transition. Screen appear/disappear stay
+    // adapter-owned (close over `this.dispatch`/`this.emitterFor`); the search bar passthrough
+    // carries no dlog wrapper, unlike React/Vue (see this file's own review notes) — its imperative
+    // ref rides a separate directive (searchBarRef/[symbioteSearchBarRef]), not this passthrough map.
+    planFor(route, index) {
+        const cacheKey = `${route.key}:${index}`;
+        const cached = this.planCache.get(cacheKey);
+        if (cached)
+            return cached;
+        const mergedOptions = this.mergedOptionsFor(route);
+        const searchBarOptions = mergedOptions.headerSearchBarOptions;
+        const plan = resolveScreenRenderPlan({
+            screenId: route.key,
+            index,
+            routeCount: this.stateSignal()?.routes.length ?? 1,
+            options: mergedOptions,
+            platform: NAVIGATOR_PLATFORM,
+            isAndroid: Platform.OS === 'android',
+            screenPassthrough: {
+                [SCREEN_ON_DISMISSED]: () => this.dispatch({ type: 'pop', count: 1 }),
+                [SCREEN_ON_HEADER_BACK_BUTTON_CLICKED]: () => this.dispatch({ type: 'pop', count: 1 }),
+                [SCREEN_ON_APPEAR]: () => {
+                    dlog(`Stack: route "${route.name}" appeared (focus)`);
+                    this.emitterFor(route.key).emit(NAVIGATION_EVENT_FOCUS);
+                },
+                [SCREEN_ON_DISAPPEAR]: () => {
+                    dlog(`Stack: route "${route.name}" disappeared (blur)`);
+                    this.emitterFor(route.key).emit(NAVIGATION_EVENT_BLUR);
+                },
+            },
+            searchBarPassthrough: searchBarOptions
+                ? buildSearchBarPassthrough(searchBarOptions)
+                : undefined,
+        });
+        this.planCache.set(cacheKey, plan);
+        return plan;
+    }
+    outerScreenIsModal(route, index) {
+        return this.planFor(route, index).screenViewName === RNS_MODAL_SCREEN_VIEW_NAME;
+    }
+    isInModal(route, index) {
+        return this.planFor(route, index).inModal;
+    }
+    screenHostProps(route, index) {
+        return this.planFor(route, index).screenProps;
+    }
+    innerStackProps() {
+        return { style: resolveHeaderInModalStackStyle() };
+    }
+    innerScreenProps(route, index) {
+        const plan = this.planFor(route, index);
+        return { style: plan.innerScreenStyle, activityState: plan.activityState };
+    }
+    contentWrapperProps(route, index) {
+        return this.planFor(route, index).contentWrapperProps;
+    }
+    headerConfigProps(route, index) {
+        return this.planFor(route, index).headerConfig.props;
+    }
+    hasSearchBar(route) {
+        return this.mergedOptionsFor(route).headerSearchBarOptions !== undefined;
+    }
+    searchBarRef(route) {
+        return this.mergedOptionsFor(route).headerSearchBarOptions?.ref;
+    }
+    searchBarProps(route, index) {
+        return this.planFor(route, index).searchBarProps ?? {};
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Stack, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: Stack, isStandalone: true, selector: "Stack", inputs: { initialRouteName: "initialRouteName", screenOptions: "screenOptions" }, queries: [{ propertyName: "screenChildren", predicate: ScreenDirective }], ngImport: i0, template: `
+    @if (state(); as currentState) {
+      <RNSScreenStack [symbioteHostProps]="stackHostProps()">
+        @for (route of currentState.routes; track route.key; let idx = $index) {
+          <ng-container
+            [ngTemplateOutlet]="screenTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: idx }"
+          />
+        }
+      </RNSScreenStack>
+    }
+
+    <ng-template #screenTpl let-route let-index="index">
+      @if (outerScreenIsModal(route, index)) {
+        <RNSModalScreen [symbioteHostProps]="screenHostProps(route, index)">
+          <ng-container
+            [ngTemplateOutlet]="innerTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+          />
+        </RNSModalScreen>
+      } @else {
+        <RNSScreen [symbioteHostProps]="screenHostProps(route, index)">
+          <ng-container
+            [ngTemplateOutlet]="innerTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+          />
+        </RNSScreen>
+      }
+    </ng-template>
+
+    <ng-template #innerTpl let-route let-index="index">
+      @if (isInModal(route, index)) {
+        <RNSScreenStack [symbioteHostProps]="innerStackProps()">
+          <RNSScreen [symbioteHostProps]="innerScreenProps(route, index)">
+            <ng-container
+              [ngTemplateOutlet]="headerAndContentTpl"
+              [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+            />
+          </RNSScreen>
+        </RNSScreenStack>
+      } @else {
+        <ng-container
+          [ngTemplateOutlet]="headerAndContentTpl"
+          [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+        />
+      }
+    </ng-template>
+
+    <ng-template #headerAndContentTpl let-route let-index="index">
+      <RNSScreenStackHeaderConfig [symbioteHostProps]="headerConfigProps(route, index)">
+        @if (hasSearchBar(route)) {
+          <RNSScreenStackHeaderSubview [symbioteHostProps]="headerSubviewProps">
+            <RNSSearchBar
+              [symbioteSearchBarRef]="searchBarRef(route)"
+              [symbioteHostProps]="searchBarProps(route, index)"
+            />
+          </RNSScreenStackHeaderSubview>
+        }
+      </RNSScreenStackHeaderConfig>
+      <RNSScreenContentWrapper [symbioteHostProps]="contentWrapperProps(route, index)">
+        <ng-container
+          [symbioteNavigationScope]="route"
+          [navigation]="this"
+          [emitter]="emitterFor(route.key)"
+        >
+          <ng-container *ngComponentOutlet="componentFor(route)" />
+        </ng-container>
+      </RNSScreenContentWrapper>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NavigationScopeDirective, selector: "[symbioteNavigationScope]", inputs: ["symbioteNavigationScope", "navigation", "emitter"] }, { kind: "directive", type: SearchBarRefDirective, selector: "[symbioteSearchBarRef]", inputs: ["symbioteSearchBarRef"] }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: Stack, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'Stack',
+                    standalone: true,
+                    schemas: [NO_ERRORS_SCHEMA],
+                    imports: [
+                        NgTemplateOutlet,
+                        NgComponentOutlet,
+                        NavigationScopeDirective,
+                        SearchBarRefDirective,
+                        SymbioteHostPropsDirective,
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (state(); as currentState) {
+      <RNSScreenStack [symbioteHostProps]="stackHostProps()">
+        @for (route of currentState.routes; track route.key; let idx = $index) {
+          <ng-container
+            [ngTemplateOutlet]="screenTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: idx }"
+          />
+        }
+      </RNSScreenStack>
+    }
+
+    <ng-template #screenTpl let-route let-index="index">
+      @if (outerScreenIsModal(route, index)) {
+        <RNSModalScreen [symbioteHostProps]="screenHostProps(route, index)">
+          <ng-container
+            [ngTemplateOutlet]="innerTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+          />
+        </RNSModalScreen>
+      } @else {
+        <RNSScreen [symbioteHostProps]="screenHostProps(route, index)">
+          <ng-container
+            [ngTemplateOutlet]="innerTpl"
+            [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+          />
+        </RNSScreen>
+      }
+    </ng-template>
+
+    <ng-template #innerTpl let-route let-index="index">
+      @if (isInModal(route, index)) {
+        <RNSScreenStack [symbioteHostProps]="innerStackProps()">
+          <RNSScreen [symbioteHostProps]="innerScreenProps(route, index)">
+            <ng-container
+              [ngTemplateOutlet]="headerAndContentTpl"
+              [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+            />
+          </RNSScreen>
+        </RNSScreenStack>
+      } @else {
+        <ng-container
+          [ngTemplateOutlet]="headerAndContentTpl"
+          [ngTemplateOutletContext]="{ $implicit: route, index: index }"
+        />
+      }
+    </ng-template>
+
+    <ng-template #headerAndContentTpl let-route let-index="index">
+      <RNSScreenStackHeaderConfig [symbioteHostProps]="headerConfigProps(route, index)">
+        @if (hasSearchBar(route)) {
+          <RNSScreenStackHeaderSubview [symbioteHostProps]="headerSubviewProps">
+            <RNSSearchBar
+              [symbioteSearchBarRef]="searchBarRef(route)"
+              [symbioteHostProps]="searchBarProps(route, index)"
+            />
+          </RNSScreenStackHeaderSubview>
+        }
+      </RNSScreenStackHeaderConfig>
+      <RNSScreenContentWrapper [symbioteHostProps]="contentWrapperProps(route, index)">
+        <ng-container
+          [symbioteNavigationScope]="route"
+          [navigation]="this"
+          [emitter]="emitterFor(route.key)"
+        >
+          <ng-container *ngComponentOutlet="componentFor(route)" />
+        </ng-container>
+      </RNSScreenContentWrapper>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { screenChildren: [{
+                type: ContentChildren,
+                args: [ScreenDirective]
+            }], initialRouteName: [{
+                type: Input
+            }], screenOptions: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=stack.js.map

package/build-ngc/angular/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../src/angular/stack.ts"],"names":[],"mappings":"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"}

package/build-ngc/angular/tab-screen.directive.d.ts

@@ -0,0 +1,17 @@
+import { type Type } from '@angular/core';
+import type { IRoute, ITabOptions } from '../core';
+import type { ITabNavigatorHandle } from '../core';
+import * as i0 from "@angular/core";
+export type ITabScreenOptionsArgs = {
+    route: IRoute<unknown>;
+    navigation: ITabNavigatorHandle;
+};
+export type ITabScreenOptionsResolver = (props: ITabScreenOptionsArgs) => ITabOptions;
+export declare class TabScreenDirective {
+    name: string;
+    component: Type<unknown>;
+    options?: ITabOptions | ITabScreenOptionsResolver;
+    initialParams?: unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabScreenDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabScreenDirective, "ng-template[symbioteTabScreen]", never, { "name": { "alias": "name"; "required": true; }; "component": { "alias": "component"; "required": true; }; "options": { "alias": "options"; "required": false; }; "initialParams": { "alias": "initialParams"; "required": false; }; }, {}, never, never, true, never>;
+}

package/build-ngc/angular/tab-screen.directive.js

@@ -0,0 +1,32 @@
+// [symbioteTabScreen]: Tab's twin of screen.directive.ts's ScreenDirective - a declarative marker
+// read via @ContentChildren to build the static name -> {component, options} registry, then Tab
+// mounts the FOCUSED route's component itself. Mirrors react/tab-screen.ts's TabScreen minus the
+// stack-only concepts (no push/pop lifecycle events to wire).
+import { Directive, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TabScreenDirective {
+    name;
+    component;
+    options;
+    initialParams;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabScreenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TabScreenDirective, isStandalone: true, selector: "ng-template[symbioteTabScreen]", inputs: { name: "name", component: "component", options: "options", initialParams: "initialParams" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TabScreenDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[symbioteTabScreen]',
+                    standalone: true,
+                }]
+        }], propDecorators: { name: [{
+                type: Input,
+                args: [{ required: true }]
+            }], component: [{
+                type: Input,
+                args: [{ required: true }]
+            }], options: [{
+                type: Input
+            }], initialParams: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=tab-screen.directive.js.map

package/build-ngc/angular/tab-screen.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-screen.directive.js","sourceRoot":"","sources":["../../src/angular/tab-screen.directive.ts"],"names":[],"mappings":"AAAA,kGAAkG;AAClG,gGAAgG;AAChG,iGAAiG;AACjG,8DAA8D;AAE9D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAa,MAAM,eAAe,CAAC;;AAe5D,MAAM,OAAO,kBAAkB;IACF,IAAI,CAAU;IACd,SAAS,CAAiB;IAC5C,OAAO,CAA2C;IAClD,aAAa,CAAW;uGAJtB,kBAAkB;2FAAlB,kBAAkB;;2FAAlB,kBAAkB;kBAJ9B,SAAS;mBAAC;oBACT,QAAQ,EAAE,gCAAgC;oBAC1C,UAAU,EAAE,IAAI;iBACjB;;sBAEE,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;;sBACL,KAAK"}

package/build-ngc/angular/tabs/index.d.ts

@@ -0,0 +1,45 @@
+import { type AfterContentInit, type OnDestroy, type Type } from '@angular/core';
+import type { IDescriptor } from '@symbiote-native/components';
+import type { INavigationEmitter, IRoute, ITabNavigatorHandle, ITabOptions } from '../../core';
+import * as i0 from "@angular/core";
+export type { ITabNavigatorHandle } from '../../core';
+export declare class Tab implements AfterContentInit, OnDestroy, ITabNavigatorHandle {
+    private readonly tabScreenChildren;
+    initialRouteName?: string;
+    screenOptions?: ITabOptions;
+    readonly rootStyle: {
+        flex: number;
+    };
+    readonly contentStyle: {
+        flex: number;
+    };
+    private readonly routeIdPrefix;
+    private readonly registry;
+    private tabScreenChildrenSubscription;
+    private readonly stateSignal;
+    readonly state: import("@angular/core").Signal<Readonly<{
+        routes: readonly Readonly<{
+            key: string;
+            name: string;
+            params: unknown;
+        }>[];
+        index: number;
+    }> | undefined>;
+    private currentEmitterKey;
+    private currentEmitter;
+    readonly jumpTo: (name: string, params?: unknown) => void;
+    readonly setParams: (params: unknown, key: string) => void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private rebuildRegistry;
+    private routesFromRegistry;
+    private initializeState;
+    private dispatch;
+    private resolveTabOptions;
+    focusedRoute(): IRoute<unknown> | undefined;
+    componentForRoute(route: IRoute<unknown>): Type<unknown> | null;
+    focusedRouteEmitter(): INavigationEmitter;
+    tabBarDescriptor(): IDescriptor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Tab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Tab, "Tab", never, { "initialRouteName": { "alias": "initialRouteName"; "required": false; }; "screenOptions": { "alias": "screenOptions"; "required": false; }; }, {}, ["tabScreenChildren"], never, true, never>;
+}