@symbiote-native/angular 0.5.0 → 0.6.1

package/build/components/scroll-view/index.android.js

@@ -1,228 +0,0 @@
-// ScrollView on Android. An Android ScrollView accepts only ONE child, so a
-// RefreshControl can't be a sibling of the content the way iOS allows ("addViewAt: failed to insert
-// view ... at index 1"). RN solves this by having the RefreshControl (AndroidSwipeRefreshLayout)
-// WRAP the scroll view (cloneElement(refreshControl, {style}, scrollView)). Angular mirrors that
-// shape by querying a projected <RefreshControl>, re-rendering its native prop surface as the outer
-// wrapper, and projecting every non-RefreshControl child into the inner scroll content.
-//
-// Android genuinely needs a different Fabric view per
-// axis for BOTH the outer scroll container (RCTScrollView is vertical-only; AndroidHorizontalScrollView
-// is a dedicated ViewManager) AND the inner content view (vertical content is a plain Android View,
-// horizontal content is AndroidHorizontalScrollContentView, which carries its own ShadowNode::
-// layout() override). So the content tag differs by axis — but Angular only reliably projects into a
-// component's LAST-declared <ng-content> when 2+ DISTINCT declarations exist (angular/angular#22972),
-// which an earlier 4-call-site template (one <ng-content> per axis x refresh-control branch) tripped.
-// Fix: exactly ONE `<ng-content>` textually, inside a single top-level `<ng-template>`, re-instantiated
-// into whichever branch is active via a local template-outlet directive (SymbioteTemplateOutletDirective
-// below, `@angular/common`-free per this adapter's dependency policy — see package.json). Only one
-// branch is ever live at a time, and the `<ng-content>` DECLARATION COUNT stays at one, so the "last
-// one wins" limitation never triggers. Covered by `android-scroll-view-axis-projection.test.ts` (all
-// four axis x refresh combos, plus a runtime axis switch) and `flat-list-scroll-containment.test.ts`.
-//
-// Metro picks this on an Android host; no Platform.OS read.
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, ElementRef, Input, TemplateRef, ViewContainerRef, inject, } from '@angular/core';
-import { anchorHostStyle, HorizontalScrollView, HorizontalScrollContentView, RefreshControlHost, ScrollContentView, ScrollViewHost, SymbioteHostPropsDirective, } from '../../primitives';
-import { ScrollViewBase, ScrollViewProjectionDirective, SCROLL_VIEW_INPUTS } from './shared';
-// Minimal local twin of `@angular/common`'s NgTemplateOutlet (this adapter deliberately has no
-// @angular/common dependency — see package.json): re-instantiates the SAME TemplateRef into
-// whichever structural branch below is currently active, so the component's compiled template
-// keeps exactly ONE <ng-content> declaration regardless of how many places reference it.
-let SymbioteTemplateOutletDirective = (() => {
-    let _classDecorators = [Directive({
-            selector: '[symbioteTemplateOutlet]',
-            standalone: true,
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _symbioteTemplateOutlet_decorators;
-    let _symbioteTemplateOutlet_initializers = [];
-    let _symbioteTemplateOutlet_extraInitializers = [];
-    var SymbioteTemplateOutletDirective = class {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _symbioteTemplateOutlet_decorators = [Input()];
-            __esDecorate(null, null, _symbioteTemplateOutlet_decorators, { kind: "field", name: "symbioteTemplateOutlet", static: false, private: false, access: { has: obj => "symbioteTemplateOutlet" in obj, get: obj => obj.symbioteTemplateOutlet, set: (obj, value) => { obj.symbioteTemplateOutlet = value; } }, metadata: _metadata }, _symbioteTemplateOutlet_initializers, _symbioteTemplateOutlet_extraInitializers);
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            SymbioteTemplateOutletDirective = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        symbioteTemplateOutlet = __runInitializers(this, _symbioteTemplateOutlet_initializers, null);
-        viewContainerRef = (__runInitializers(this, _symbioteTemplateOutlet_extraInitializers), inject(ViewContainerRef));
-        viewRef;
-        ngOnChanges() {
-            if (this.viewRef !== undefined) {
-                this.viewRef.destroy();
-                this.viewRef = undefined;
-            }
-            if (this.symbioteTemplateOutlet !== null) {
-                this.viewRef = this.viewContainerRef.createEmbeddedView(this.symbioteTemplateOutlet);
-            }
-        }
-        ngOnDestroy() {
-            this.viewRef?.destroy();
-        }
-    };
-    return SymbioteTemplateOutletDirective = _classThis;
-})();
-export { SymbioteTemplateOutletDirective };
-// anchorHostStyle returns `unknown` (the anchor's already-resolved style, any shape); narrowed
-// here (mirrors the identical `asStyle` in image/shared.ts) rather than `as`-cast to satisfy
-// `IStyleProp<IViewStyle>`'s stricter array-element union.
-function asStyle(value) {
-    return typeof value === 'object' && value !== null ? value : undefined;
-}
-// The symbiote-* host elements are imported as standalone components; the props directive is
-// applied as a template directive and the projection directive manages sticky-header wrapping.
-let ScrollView = (() => {
-    let _classDecorators = [Component({
-            selector: 'ScrollView',
-            standalone: true,
-            schemas: [CUSTOM_ELEMENTS_SCHEMA],
-            imports: [
-                ScrollViewHost,
-                ScrollContentView,
-                HorizontalScrollView,
-                HorizontalScrollContentView,
-                RefreshControlHost,
-                SymbioteHostPropsDirective,
-                ScrollViewProjectionDirective,
-                SymbioteTemplateOutletDirective,
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            inputs: SCROLL_VIEW_INPUTS,
-            template: `
-    <ng-template #sharedContent>
-      <ng-content></ng-content>
-    </ng-template>
-    @if (isHorizontal) {
-      @if (hasProjectedRefreshControl) {
-        <symbiote-refresh-control
-          #refreshHost="symbioteHost"
-          [symbioteHostProps]="androidRefreshControlProps"
-          (refresh)="handleProjectedRefresh(refreshHost.node)"
-        >
-          <symbiote-horizontal-scroll-view
-            #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
-          >
-            <symbiote-horizontal-scroll-content
-              [symbioteHostProps]="contentProps"
-              [symbioteScrollViewProjection]="projectionController"
-            >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
-            </symbiote-horizontal-scroll-content>
-          </symbiote-horizontal-scroll-view>
-        </symbiote-refresh-control>
-      } @else {
-        <symbiote-horizontal-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
-          <symbiote-horizontal-scroll-content
-            [symbioteHostProps]="contentProps"
-            [symbioteScrollViewProjection]="projectionController"
-          >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
-          </symbiote-horizontal-scroll-content>
-        </symbiote-horizontal-scroll-view>
-      }
-    } @else {
-      @if (hasProjectedRefreshControl) {
-        <symbiote-refresh-control
-          #refreshHost="symbioteHost"
-          [symbioteHostProps]="androidRefreshControlProps"
-          (refresh)="handleProjectedRefresh(refreshHost.node)"
-        >
-          <symbiote-scroll-view
-            #host="symbioteHost"
-            [symbioteHostProps]="androidWrappedScrollProps"
-          >
-            <symbiote-scroll-content
-              [symbioteHostProps]="contentProps"
-              [symbioteScrollViewProjection]="projectionController"
-            >
-              <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
-            </symbiote-scroll-content>
-          </symbiote-scroll-view>
-        </symbiote-refresh-control>
-      } @else {
-        <symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
-          <symbiote-scroll-content
-            [symbioteHostProps]="contentProps"
-            [symbioteScrollViewProjection]="projectionController"
-          >
-            <ng-container [symbioteTemplateOutlet]="sharedContent"></ng-container>
-          </symbiote-scroll-content>
-        </symbiote-scroll-view>
-      }
-    }
-  `,
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = ScrollViewBase;
-    var ScrollView = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            ScrollView = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
-        // onto (see anchorHostStyle's doc comment) — NOT `#host` in the template above, which targets
-        // the real inner `symbiote-scroll-view`/`symbiote-horizontal-scroll-view` one level down.
-        elementRef = inject(ElementRef);
-        get scrollProps() {
-            const props = super.scrollProps;
-            return { ...props, style: [anchorHostStyle(this.elementRef), props.style] };
-        }
-        // Feeds the anchor's class-derived style INTO the base class's own `splitLayoutProps` call
-        // (shared.ts's `androidWrappedScrollProps`/`androidRefreshControlProps`), not tacked on after —
-        // a class-only layout style (flex/height/gap/…) must be visible to the split itself, or the
-        // Android outer refresh-control wrapper never receives its share and collapses to zero size
-        // (a real device bug: the whole ScrollView renders nothing). See layoutSplitStyle's doc comment
-        // in shared.ts and the identical fix already shipped in the Vue adapter's scroll-view.
-        get layoutSplitStyle() {
-            return [asStyle(anchorHostStyle(this.elementRef)), this.style];
-        }
-    };
-    return ScrollView = _classThis;
-})();
-export { ScrollView };

package/build/components/scroll-view/index.d.ts

@@ -1,3 +0,0 @@
-export * from './index.ios';
-export { ScrollViewStickyHeader } from './sticky-header';
-export type { IStickyHeaderComponentType } from './sticky-header';

package/build/components/scroll-view/index.ios.d.ts

@@ -1,6 +0,0 @@
-import { ScrollViewBase } from './shared';
-export type { IAngularScrollViewProps, IScrollViewHandle } from './shared';
-export declare class ScrollView extends ScrollViewBase {
-    private readonly elementRef;
-    get scrollProps(): Record<string, unknown>;
-}

package/build/components/scroll-view/index.ios.js

@@ -1,113 +0,0 @@
-// ScrollView on iOS. The RefreshControl is a CHILD of the scroll view, rendered
-// as a SIBLING BEFORE the content container (RN ScrollView.js: {refreshControl}{contentContainer}).
-// The developer composes it as a projected child of <ScrollView>; this template selects it into the
-// sibling slot before the scroll-content. Also the base (index.ts re-exports it) for headless /
-// web. Metro picks this on an iOS host; no Platform.OS read. Mirrors the React/Vue iOS binding.
-//
-// UNLIKE Android, iOS has only ONE host intrinsic pair regardless of axis (both horizontal and
-// vertical map to RCTScrollView / RCTScrollContentView) — `shared.ts`'s `scrollProps` already
-// forwards `horizontal` as a plain prop ("iOS needs `horizontal` to flip RCTScrollView's axis").
-// So, unlike `index.android.ts`, this file does NOT branch the host tag on `isHorizontal` — doing
-// so anyway (mirroring Android's shape for symmetry) used to declare `<ng-content>` once per
-// `@if`/`@else` branch, which trips a documented Angular limitation: content projected into the
-// FIRST (`@if`) branch never receives Angular's native catch-up placement, only the SECOND
-// (`@else`) branch does (angular/angular#53310, #54840 — Angular's own docs: "You should not
-// conditionally include <ng-content> with @if, @for, or @switch"). Symptom here was axis-specific:
-// a horizontal FlatList's cells landed outside the ScrollView entirely. Fix: single unconditional
-// `<ng-content>` call site.
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, inject, } from '@angular/core';
-import { anchorHostStyle, RefreshControlHost, ScrollContentView, ScrollViewHost, SymbioteHostPropsDirective, } from '../../primitives';
-import { ScrollViewBase, ScrollViewProjectionDirective, SCROLL_VIEW_INPUTS } from './shared';
-// The symbiote-* host elements are imported as standalone components; the props directive is
-// applied as a template directive and the projection directive manages sticky-header wrapping.
-let ScrollView = (() => {
-    let _classDecorators = [Component({
-            selector: 'ScrollView',
-            standalone: true,
-            schemas: [CUSTOM_ELEMENTS_SCHEMA],
-            imports: [
-                ScrollViewHost,
-                ScrollContentView,
-                RefreshControlHost,
-                SymbioteHostPropsDirective,
-                ScrollViewProjectionDirective,
-            ],
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            inputs: SCROLL_VIEW_INPUTS,
-            template: `
-    <symbiote-scroll-view #host="symbioteHost" [symbioteHostProps]="scrollProps">
-      @if (hasProjectedRefreshControl) {
-        <symbiote-refresh-control
-          #refreshHost="symbioteHost"
-          [symbioteHostProps]="iosRefreshControlProps"
-          (refresh)="handleProjectedRefresh(refreshHost.node)"
-        ></symbiote-refresh-control>
-      }
-      <symbiote-scroll-content
-        [symbioteHostProps]="contentProps"
-        [symbioteScrollViewProjection]="projectionController"
-      >
-        <ng-content></ng-content>
-      </symbiote-scroll-content>
-    </symbiote-scroll-view>
-  `,
-        })];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = ScrollViewBase;
-    var ScrollView = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            ScrollView = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-        // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
-        // onto (see anchorHostStyle's doc comment) — NOT `#host` in the template above, which targets
-        // the real inner `symbiote-scroll-view` one level down.
-        elementRef = inject(ElementRef);
-        get scrollProps() {
-            const props = super.scrollProps;
-            return { ...props, style: [anchorHostStyle(this.elementRef), props.style] };
-        }
-    };
-    return ScrollView = _classThis;
-})();
-export { ScrollView };

package/build/components/scroll-view/index.js

@@ -1,5 +0,0 @@
-// Base / default ScrollView. Re-exports the iOS build. Metro overrides this with index.ios.ts /
-// index.android.ts on a real host; under tsx / tsc / web the host resolves here. Filename is the
-// selector, no Platform.OS read.
-export * from './index.ios';
-export { ScrollViewStickyHeader } from './sticky-header';

package/build/components/scroll-view/projection.d.ts

@@ -1,32 +0,0 @@
-import { type AnimatedValue, type ISymbioteNode } from '@symbiote-native/engine';
-type IInsert = (parent: ISymbioteNode, child: ISymbioteNode, beforeChild?: ISymbioteNode) => void;
-type IRemove = (parent: ISymbioteNode, child: ISymbioteNode) => void;
-export interface IScrollViewProjectionConfig {
-    stickyHeaderIndices: readonly number[] | undefined;
-    invertStickyHeaders: boolean | undefined;
-    scrollViewHeight: number | undefined;
-    scrollAnimatedValue: AnimatedValue;
-    customStickyHeaderComponent: unknown;
-    excludeRefreshControl: boolean;
-}
-export declare class ScrollViewProjectionController {
-    config: IScrollViewProjectionConfig;
-    private contentNode;
-    private readonly records;
-    private readonly headerLayoutYs;
-    constructor(config: IScrollViewProjectionConfig);
-    update(config: IScrollViewProjectionConfig): void;
-    bindContentNode(node: ISymbioteNode): void;
-    appendProjectedChild(parent: ISymbioteNode, child: ISymbioteNode, insert: IInsert): void;
-    insertProjectedChild(parent: ISymbioteNode, child: ISymbioteNode, beforeChild: ISymbioteNode | null, insert: IInsert): void;
-    removeProjectedChild(child: ISymbioteNode, remove: IRemove): boolean;
-    nextStickyHeaderY(index: number): number | undefined;
-    recordHeaderLayoutY(index: number, y: number): void;
-    private insertRecord;
-    private reconcileStickyRecords;
-    private wrapRecord;
-    private unwrapRecord;
-}
-export declare function getScrollViewProjection(node: ISymbioteNode): ScrollViewProjectionController | undefined;
-export declare function removeScrollViewProjectedChild(child: ISymbioteNode, remove: IRemove): boolean;
-export {};