@symbiote-native/angular 0.1.0

package/build/angular/components/refresh-control.js

@@ -0,0 +1,347 @@
+// RefreshControl, the Angular lifecycle half. On iOS this is the PullToRefreshView Fabric node that
+// lives INSIDE a ScrollView (a childless sibling before the content container); on Android it is
+// AndroidSwipeRefreshLayout and WRAPS the scroll view (ADR 0020), receiving it through <ng-content>.
+// The Angular twin of the React/Vue RefreshControl. There is no JS-side platform renaming and no
+// shared render fn — every prop forwards straight to the native node, which reads the ones it
+// understands and ignores the rest, so the Android-only and iOS-only families ride down harmlessly
+// on both. So this folds aria/role through the shared resolveAccessibilityProps and maps the native
+// props + a11y + onRefresh straight onto the symbiote-refresh-control host, children via <ng-content>.
+// No platform branch (one composed component both platforms), so this stays a flat single file (ADR 0026).
+//
+// `refreshing` is a controlled prop: the parent owns it and pushes it down each commit; native
+// reports the gesture via the direct `topRefresh` event, which the engine routes to the host's
+// `refresh` listener (Angular blocks [onX] property bindings; events flow through (event) only).
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, inject, Input, Output, ViewChild, } from '@angular/core';
+import { resolveAccessibilityProps, } from '@symbiote-native/components';
+import { dispatchViewCommand, dlog, isSymbioteNode, } from '@symbiote-native/engine';
+import { anchorHostStyle, RefreshControlHost, SymbioteHostPropsDirective } from '../primitives';
+import * as i0 from "@angular/core";
+// Angular infers an `(event)` binding's $event as the DOM Event for a custom-schema element,
+// so each handler enters as `unknown` and is narrowed here before reaching a typed callback.
+function isSymbioteEvent(value) {
+    return typeof value === 'object' && value !== null && 'nativeEvent' in value;
+}
+export class RefreshControl {
+    // Controlled prop the parent owns; required to match the React reference surface.
+    refreshing;
+    // RN's onRefresh is `() => void | Promise<void>`, so the callback shape allows an async handler;
+    // the @Output() itself only signals the gesture (fire-and-forget, native already starts refreshing).
+    refresh = new EventEmitter();
+    tintColor;
+    title;
+    titleColor;
+    progressViewOffset;
+    colors;
+    progressBackgroundColor;
+    size;
+    enabled;
+    style;
+    testID;
+    nativeID;
+    accessible;
+    accessibilityLabel;
+    accessibilityHint;
+    accessibilityRole;
+    accessibilityState;
+    accessibilityValue;
+    accessibilityActions;
+    accessibilityLabelledBy;
+    importantForAccessibility;
+    accessibilityLiveRegion;
+    screenReaderFocusable;
+    accessibilityViewIsModal;
+    accessibilityElementsHidden;
+    accessibilityIgnoresInvertColors;
+    accessibilityLanguage;
+    accessibilityRespondsToUserInteraction;
+    accessibilityShowsLargeContentViewer;
+    accessibilityLargeContentTitle;
+    accessibilityAction = new EventEmitter();
+    accessibilityTap = new EventEmitter();
+    magicTap = new EventEmitter();
+    accessibilityEscape = new EventEmitter();
+    role;
+    ariaLabel;
+    ariaLabelledBy;
+    ariaLive;
+    ariaHidden;
+    ariaBusy;
+    ariaChecked;
+    ariaDisabled;
+    ariaExpanded;
+    ariaSelected;
+    ariaModal;
+    ariaValueMax;
+    ariaValueMin;
+    ariaValueNow;
+    ariaValueText;
+    // The inner symbiote-refresh-control primitive — NOT this component's own anchor host. Used for
+    // the imperative dispatchViewCommand calls below.
+    host;
+    // This component's OWN host — the non-painting anchor `class="..."` at the use site resolves
+    // onto (see anchorHostStyle's doc comment) — distinct from `host` above, which targets the real
+    // inner `symbiote-refresh-control` primitive one level down.
+    elementRef = inject(ElementRef);
+    lastNativeRefreshing = false;
+    refreshNativeNode;
+    ngOnInit() {
+        dlog('RefreshControl -> PullToRefreshView');
+        dlog(`RefreshControl refreshing=${String(this.refreshing)}`);
+        if (this.enabled !== undefined)
+            dlog(`RefreshControl enabled=${String(this.enabled)} (Android-only)`);
+        if (this.refresh.observed)
+            dlog('RefreshControl refresh listener wired');
+    }
+    ngAfterViewInit() {
+        this.lastNativeRefreshing = this.refreshing;
+    }
+    ngOnChanges(changes) {
+        const refreshing = changes.refreshing;
+        if (refreshing === undefined)
+            return;
+        if (refreshing.firstChange) {
+            this.lastNativeRefreshing = this.refreshing;
+            return;
+        }
+        this.syncNativeRefreshing(this.refreshNativeNode ?? this.host?.nativeElement);
+    }
+    // Native starts the spinner before JS runs. Mirror RN's RefreshControl controlled-component
+    // handshake: remember that native is refreshing, call the user's callback, then after Angular has
+    // had a chance to propagate `[refreshing]`, force native back to the JS value if it stayed false.
+    handleRefresh(nativeNode = this.host?.nativeElement) {
+        this.refreshNativeNode = nativeNode;
+        this.lastNativeRefreshing = true;
+        this.refresh.emit();
+        queueMicrotask(() => this.syncNativeRefreshing(nativeNode));
+    }
+    syncNativeRefreshing(nativeNode) {
+        if (this.refreshing === this.lastNativeRefreshing)
+            return;
+        if (!isSymbioteNode(nativeNode))
+            return;
+        dispatchViewCommand(nativeNode, 'setNativeRefreshing', [this.refreshing]);
+        this.lastNativeRefreshing = this.refreshing;
+    }
+    // Forward an engine event to the matching @Output(), narrowing the template's untyped $event
+    // first. The accessibility* events arrive on the engine's structural event channel.
+    emit(emitter, event) {
+        if (isSymbioteEvent(event))
+            emitter.emit(event);
+    }
+    // The full native + a11y prop bag applied onto the host in one shot via
+    // [symbioteHostProps], instead of enumerating each key as its own template binding. The
+    // anchor's class-derived style goes FIRST, this component's own explicit `style` @Input SECOND
+    // — flattenStyle's later-wins collapse keeps an explicit [style] winning over its ambient class.
+    get hostProps() {
+        return {
+            refreshing: this.refreshing,
+            tintColor: this.tintColor,
+            title: this.title,
+            titleColor: this.titleColor,
+            progressViewOffset: this.progressViewOffset,
+            colors: this.colors,
+            progressBackgroundColor: this.progressBackgroundColor,
+            size: this.size,
+            enabled: this.enabled,
+            style: [anchorHostStyle(this.elementRef), this.style],
+            testID: this.testID,
+            nativeID: this.nativeID,
+            accessible: this.accessible,
+            ...this.folded,
+        };
+    }
+    // Fold the web aria-*/role aliases into the canonical accessibility* props once per render, so the
+    // host node never sees an aria-* key (native ignores them) — the shared transform every adapter runs.
+    get folded() {
+        return resolveAccessibilityProps({
+            accessibilityLabel: this.accessibilityLabel,
+            accessibilityHint: this.accessibilityHint,
+            accessibilityRole: this.accessibilityRole,
+            accessibilityState: this.accessibilityState,
+            accessibilityValue: this.accessibilityValue,
+            accessibilityActions: this.accessibilityActions,
+            accessibilityLabelledBy: this.accessibilityLabelledBy,
+            importantForAccessibility: this.importantForAccessibility,
+            accessibilityLiveRegion: this.accessibilityLiveRegion,
+            screenReaderFocusable: this.screenReaderFocusable,
+            accessibilityViewIsModal: this.accessibilityViewIsModal,
+            accessibilityElementsHidden: this.accessibilityElementsHidden,
+            accessibilityIgnoresInvertColors: this.accessibilityIgnoresInvertColors,
+            accessibilityLanguage: this.accessibilityLanguage,
+            accessibilityRespondsToUserInteraction: this.accessibilityRespondsToUserInteraction,
+            accessibilityShowsLargeContentViewer: this.accessibilityShowsLargeContentViewer,
+            accessibilityLargeContentTitle: this.accessibilityLargeContentTitle,
+            role: this.role,
+            'aria-label': this.ariaLabel,
+            'aria-labelledby': this.ariaLabelledBy,
+            'aria-live': this.ariaLive,
+            'aria-hidden': this.ariaHidden,
+            'aria-busy': this.ariaBusy,
+            'aria-checked': this.ariaChecked,
+            'aria-disabled': this.ariaDisabled,
+            'aria-expanded': this.ariaExpanded,
+            'aria-selected': this.ariaSelected,
+            'aria-modal': this.ariaModal,
+            'aria-valuemax': this.ariaValueMax,
+            'aria-valuemin': this.ariaValueMin,
+            'aria-valuenow': this.ariaValueNow,
+            'aria-valuetext': this.ariaValueText,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: RefreshControl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: RefreshControl, isStandalone: true, selector: "RefreshControl", inputs: { refreshing: "refreshing", tintColor: "tintColor", title: "title", titleColor: "titleColor", progressViewOffset: "progressViewOffset", colors: "colors", progressBackgroundColor: "progressBackgroundColor", size: "size", enabled: "enabled", style: "style", testID: "testID", nativeID: "nativeID", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", role: "role", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaLive: ["aria-live", "ariaLive"], ariaHidden: ["aria-hidden", "ariaHidden"], ariaBusy: ["aria-busy", "ariaBusy"], ariaChecked: ["aria-checked", "ariaChecked"], ariaDisabled: ["aria-disabled", "ariaDisabled"], ariaExpanded: ["aria-expanded", "ariaExpanded"], ariaSelected: ["aria-selected", "ariaSelected"], ariaModal: ["aria-modal", "ariaModal"], ariaValueMax: ["aria-valuemax", "ariaValueMax"], ariaValueMin: ["aria-valuemin", "ariaValueMin"], ariaValueNow: ["aria-valuenow", "ariaValueNow"], ariaValueText: ["aria-valuetext", "ariaValueText"] }, outputs: { refresh: "refresh", accessibilityAction: "accessibilityAction", accessibilityTap: "accessibilityTap", magicTap: "magicTap", accessibilityEscape: "accessibilityEscape" }, viewQueries: [{ propertyName: "host", first: true, predicate: ["host"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <symbiote-refresh-control
+      #host
+      [symbioteHostProps]="hostProps"
+      (refresh)="handleRefresh()"
+      (accessibilityAction)="emit(accessibilityAction, $event)"
+      (accessibilityTap)="emit(accessibilityTap, $event)"
+      (magicTap)="emit(magicTap, $event)"
+      (accessibilityEscape)="emit(accessibilityEscape, $event)"
+    >
+      <ng-content></ng-content>
+    </symbiote-refresh-control>
+  `, isInline: true, dependencies: [{ kind: "component", type: RefreshControlHost, selector: "symbiote-refresh-control" }, { kind: "directive", type: SymbioteHostPropsDirective, selector: "[symbioteHostProps]", inputs: ["symbioteHostProps"], exportAs: ["symbioteHost"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: RefreshControl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'RefreshControl',
+                    standalone: true,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [RefreshControlHost, SymbioteHostPropsDirective],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <symbiote-refresh-control
+      #host
+      [symbioteHostProps]="hostProps"
+      (refresh)="handleRefresh()"
+      (accessibilityAction)="emit(accessibilityAction, $event)"
+      (accessibilityTap)="emit(accessibilityTap, $event)"
+      (magicTap)="emit(magicTap, $event)"
+      (accessibilityEscape)="emit(accessibilityEscape, $event)"
+    >
+      <ng-content></ng-content>
+    </symbiote-refresh-control>
+  `,
+                }]
+        }], propDecorators: { refreshing: [{
+                type: Input,
+                args: [{ required: true }]
+            }], refresh: [{
+                type: Output
+            }], tintColor: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], titleColor: [{
+                type: Input
+            }], progressViewOffset: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], progressBackgroundColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], enabled: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], testID: [{
+                type: Input
+            }], nativeID: [{
+                type: Input
+            }], accessible: [{
+                type: Input
+            }], accessibilityLabel: [{
+                type: Input
+            }], accessibilityHint: [{
+                type: Input
+            }], accessibilityRole: [{
+                type: Input
+            }], accessibilityState: [{
+                type: Input
+            }], accessibilityValue: [{
+                type: Input
+            }], accessibilityActions: [{
+                type: Input
+            }], accessibilityLabelledBy: [{
+                type: Input
+            }], importantForAccessibility: [{
+                type: Input
+            }], accessibilityLiveRegion: [{
+                type: Input
+            }], screenReaderFocusable: [{
+                type: Input
+            }], accessibilityViewIsModal: [{
+                type: Input
+            }], accessibilityElementsHidden: [{
+                type: Input
+            }], accessibilityIgnoresInvertColors: [{
+                type: Input
+            }], accessibilityLanguage: [{
+                type: Input
+            }], accessibilityRespondsToUserInteraction: [{
+                type: Input
+            }], accessibilityShowsLargeContentViewer: [{
+                type: Input
+            }], accessibilityLargeContentTitle: [{
+                type: Input
+            }], accessibilityAction: [{
+                type: Output
+            }], accessibilityTap: [{
+                type: Output
+            }], magicTap: [{
+                type: Output
+            }], accessibilityEscape: [{
+                type: Output
+            }], role: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: ['aria-label']
+            }], ariaLabelledBy: [{
+                type: Input,
+                args: ['aria-labelledby']
+            }], ariaLive: [{
+                type: Input,
+                args: ['aria-live']
+            }], ariaHidden: [{
+                type: Input,
+                args: ['aria-hidden']
+            }], ariaBusy: [{
+                type: Input,
+                args: ['aria-busy']
+            }], ariaChecked: [{
+                type: Input,
+                args: ['aria-checked']
+            }], ariaDisabled: [{
+                type: Input,
+                args: ['aria-disabled']
+            }], ariaExpanded: [{
+                type: Input,
+                args: ['aria-expanded']
+            }], ariaSelected: [{
+                type: Input,
+                args: ['aria-selected']
+            }], ariaModal: [{
+                type: Input,
+                args: ['aria-modal']
+            }], ariaValueMax: [{
+                type: Input,
+                args: ['aria-valuemax']
+            }], ariaValueMin: [{
+                type: Input,
+                args: ['aria-valuemin']
+            }], ariaValueNow: [{
+                type: Input,
+                args: ['aria-valuenow']
+            }], ariaValueText: [{
+                type: Input,
+                args: ['aria-valuetext']
+            }], host: [{
+                type: ViewChild,
+                args: ['host']
+            }] } });
+//# sourceMappingURL=refresh-control.js.map

package/build/angular/components/refresh-control.js.map

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

package/build/angular/components/safe-area-view.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from '@angular/core';
+import { type IAccessibilityProps, type IAccessibilityStateValue, type IAriaProps } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+export interface IAngularSafeAreaViewProps extends IAccessibilityProps, IAriaProps {
+    style?: IStyleProp<IViewStyle>;
+    onLayout?: (event: ISymbioteEvent) => void;
+}
+export type IAngularSafeAreaViewInputs = Omit<IAngularSafeAreaViewProps, 'onLayout' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;
+export declare class SafeAreaView implements IAngularSafeAreaViewInputs {
+    style?: IStyleProp<IViewStyle>;
+    readonly layout: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityAction: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityTap: EventEmitter<ISymbioteEvent>;
+    readonly magicTap: EventEmitter<ISymbioteEvent>;
+    readonly accessibilityEscape: EventEmitter<ISymbioteEvent>;
+    testID?: string;
+    nativeID?: string;
+    accessible?: boolean;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityRole?: IAccessibilityProps['accessibilityRole'];
+    accessibilityState?: IAccessibilityStateValue;
+    accessibilityValue?: IAccessibilityProps['accessibilityValue'];
+    accessibilityActions?: IAccessibilityProps['accessibilityActions'];
+    accessibilityLabelledBy?: string | string[];
+    importantForAccessibility?: IAccessibilityProps['importantForAccessibility'];
+    accessibilityLiveRegion?: IAccessibilityProps['accessibilityLiveRegion'];
+    screenReaderFocusable?: boolean;
+    accessibilityViewIsModal?: boolean;
+    accessibilityElementsHidden?: boolean;
+    accessibilityIgnoresInvertColors?: boolean;
+    accessibilityLanguage?: string;
+    accessibilityRespondsToUserInteraction?: boolean;
+    accessibilityShowsLargeContentViewer?: boolean;
+    accessibilityLargeContentTitle?: string;
+    role?: IAriaProps['role'];
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaLive?: IAriaProps['aria-live'];
+    ariaHidden?: boolean;
+    ariaBusy?: boolean;
+    ariaChecked?: boolean | 'mixed';
+    ariaDisabled?: boolean;
+    ariaExpanded?: boolean;
+    ariaSelected?: boolean;
+    ariaModal?: boolean;
+    ariaValueMax?: number;
+    ariaValueMin?: number;
+    ariaValueNow?: number;
+    ariaValueText?: string;
+    private readonly elementRef;
+    emit(emitter: EventEmitter<ISymbioteEvent>, event: unknown): void;
+    get hostProps(): Record<string, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeAreaView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SafeAreaView, "SafeAreaView", never, { "style": { "alias": "style"; "required": false; }; "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "accessible": { "alias": "accessible"; "required": false; }; "accessibilityLabel": { "alias": "accessibilityLabel"; "required": false; }; "accessibilityHint": { "alias": "accessibilityHint"; "required": false; }; "accessibilityRole": { "alias": "accessibilityRole"; "required": false; }; "accessibilityState": { "alias": "accessibilityState"; "required": false; }; "accessibilityValue": { "alias": "accessibilityValue"; "required": false; }; "accessibilityActions": { "alias": "accessibilityActions"; "required": false; }; "accessibilityLabelledBy": { "alias": "accessibilityLabelledBy"; "required": false; }; "importantForAccessibility": { "alias": "importantForAccessibility"; "required": false; }; "accessibilityLiveRegion": { "alias": "accessibilityLiveRegion"; "required": false; }; "screenReaderFocusable": { "alias": "screenReaderFocusable"; "required": false; }; "accessibilityViewIsModal": { "alias": "accessibilityViewIsModal"; "required": false; }; "accessibilityElementsHidden": { "alias": "accessibilityElementsHidden"; "required": false; }; "accessibilityIgnoresInvertColors": { "alias": "accessibilityIgnoresInvertColors"; "required": false; }; "accessibilityLanguage": { "alias": "accessibilityLanguage"; "required": false; }; "accessibilityRespondsToUserInteraction": { "alias": "accessibilityRespondsToUserInteraction"; "required": false; }; "accessibilityShowsLargeContentViewer": { "alias": "accessibilityShowsLargeContentViewer"; "required": false; }; "accessibilityLargeContentTitle": { "alias": "accessibilityLargeContentTitle"; "required": false; }; "role": { "alias": "role"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; }; "ariaLive": { "alias": "aria-live"; "required": false; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; }; "ariaBusy": { "alias": "aria-busy"; "required": false; }; "ariaChecked": { "alias": "aria-checked"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "ariaExpanded": { "alias": "aria-expanded"; "required": false; }; "ariaSelected": { "alias": "aria-selected"; "required": false; }; "ariaModal": { "alias": "aria-modal"; "required": false; }; "ariaValueMax": { "alias": "aria-valuemax"; "required": false; }; "ariaValueMin": { "alias": "aria-valuemin"; "required": false; }; "ariaValueNow": { "alias": "aria-valuenow"; "required": false; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; }; }, { "layout": "layout"; "accessibilityAction": "accessibilityAction"; "accessibilityTap": "accessibilityTap"; "magicTap": "magicTap"; "accessibilityEscape": "accessibilityEscape"; }, never, ["*"], true, never>;
+}