@symbiote-native/angular 3.3.0 → 3.4.0

package/build/angular/components/virtualized-section-list/section-list-props.d.ts

@@ -0,0 +1,56 @@
+import type { IAccessibilityProps, IAriaProps, IInnerViewRef } from '@symbiote-native/components';
+import type { IStyleProp, ISymbioteEvent, IViewStyle } from '@symbiote-native/engine';
+import type { ISection } from './directives';
+export type IItemLayout = {
+    length: number;
+    offset: number;
+    index: number;
+};
+export type IVirtualizedSectionListProps<ItemT> = IAccessibilityProps & IAriaProps & {
+    sections: ReadonlyArray<ISection<ItemT>>;
+    keyExtractor?: (item: ItemT, index: number) => string;
+    getItemLayout?: (data: ReadonlyArray<ISection<ItemT>> | null, index: number) => IItemLayout;
+    stickySectionHeadersEnabled?: boolean;
+    extraData?: unknown;
+    onEndReached?: (info: {
+        distanceFromEnd: number;
+    }) => void;
+    onEndReachedThreshold?: number;
+    onStartReached?: (info: {
+        distanceFromStart: number;
+    }) => void;
+    onStartReachedThreshold?: number;
+    onRefresh?: () => void;
+    refreshing?: boolean | null;
+    progressViewOffset?: number;
+    initialNumToRender?: number;
+    initialScrollIndex?: number;
+    maxToRenderPerBatch?: number;
+    updateCellsBatchingPeriod?: number;
+    windowSize?: number;
+    disableVirtualization?: boolean;
+    inverted?: boolean;
+    horizontal?: boolean;
+    maintainVisibleContentPosition?: {
+        minIndexForVisible: number;
+        autoscrollToTopThreshold?: number;
+    };
+    onScroll?: (event: ISymbioteEvent) => void;
+    onScrollBeginDrag?: (event: ISymbioteEvent) => void;
+    onScrollEndDrag?: (event: ISymbioteEvent) => void;
+    onMomentumScrollBegin?: (event: ISymbioteEvent) => void;
+    onMomentumScrollEnd?: (event: ISymbioteEvent) => void;
+    onContentSizeChange?: (width: number, height: number) => void;
+    scrollEventThrottle?: number;
+    keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
+    keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    removeClippedSubviews?: boolean;
+    nestedScrollEnabled?: boolean;
+    stickyHeaderHiddenOnScroll?: boolean;
+    innerViewRef?: IInnerViewRef;
+    style?: IStyleProp<IViewStyle>;
+    contentContainerStyle?: IStyleProp<IViewStyle>;
+    listHeaderComponentStyle?: IStyleProp<IViewStyle>;
+    listFooterComponentStyle?: IStyleProp<IViewStyle>;
+};
+export type IVirtualizedSectionListInputs<ItemT> = Omit<IVirtualizedSectionListProps<ItemT>, 'onEndReached' | 'onStartReached' | 'onRefresh' | 'onAccessibilityAction' | 'onAccessibilityTap' | 'onMagicTap' | 'onAccessibilityEscape'>;

package/build/angular/components/virtualized-section-list/section-list-props.js

@@ -0,0 +1,3 @@
+// The public prop surface of the Angular VirtualizedSectionList, apart from the class
+export {};
+//# sourceMappingURL=section-list-props.js.map

package/build/angular/components/virtualized-section-list/section-list-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-list-props.js","sourceRoot":"","sources":["../../../../src/components/virtualized-section-list/section-list-props.ts"],"names":[],"mappings":"AAAA,sFAAsF"}

package/build/angular/components/virtualized-section-list/section-list-template.d.ts

@@ -1 +1 @@
-export declare const VIRTUALIZED_SECTION_LIST_TEMPLATE = "\n  <VirtualizedList\n    [data]=\"flatEntries\"\n    [getItem]=\"getEntry\"\n    [getItemCount]=\"getEntryCount\"\n    [keyExtractor]=\"entryKeyExtractor\"\n    [getItemLayout]=\"entryItemLayout\"\n    [stickyHeaderIndices]=\"stickyHeaderIndices\"\n    [extraData]=\"extraData\"\n    [inverted]=\"inverted\"\n    [refreshing]=\"refreshing\"\n    [progressViewOffset]=\"progressViewOffset\"\n    [refreshRequested]=\"refreshRequested ?? refresh.observed\"\n    (refresh)=\"resolvedOnRefresh?.()\"\n    (endReached)=\"resolvedOnEndReached?.($event)\"\n    [onEndReachedThreshold]=\"onEndReachedThreshold\"\n    (startReached)=\"resolvedOnStartReached?.($event)\"\n    [onStartReachedThreshold]=\"onStartReachedThreshold\"\n    [initialNumToRender]=\"initialNumToRender\"\n    [initialScrollIndex]=\"initialScrollIndex\"\n    [maxToRenderPerBatch]=\"maxToRenderPerBatch\"\n    [updateCellsBatchingPeriod]=\"updateCellsBatchingPeriod\"\n    [windowSize]=\"windowSize\"\n    [maintainVisibleContentPosition]=\"maintainVisibleContentPosition\"\n    [onScroll]=\"onScroll\"\n    [onScrollBeginDrag]=\"onScrollBeginDrag\"\n    [onScrollEndDrag]=\"onScrollEndDrag\"\n    [onMomentumScrollBegin]=\"onMomentumScrollBegin\"\n    [onMomentumScrollEnd]=\"onMomentumScrollEnd\"\n    [scrollEventThrottle]=\"scrollEventThrottle\"\n    [keyboardShouldPersistTaps]=\"keyboardShouldPersistTaps\"\n    [keyboardDismissMode]=\"keyboardDismissMode\"\n    [removeClippedSubviews]=\"removeClippedSubviews\"\n    [nestedScrollEnabled]=\"nestedScrollEnabled\"\n    [style]=\"resolvedStyle\"\n    [contentContainerStyle]=\"contentContainerStyle\"\n    [testID]=\"testID\"\n    [nativeID]=\"nativeID\"\n    \n  [accessible]=\"accessible\"\n  [accessibilityLabel]=\"accessibilityLabel\"\n  [accessibilityHint]=\"accessibilityHint\"\n  [accessibilityRole]=\"accessibilityRole\"\n  [accessibilityState]=\"accessibilityState\"\n  [accessibilityValue]=\"accessibilityValue\"\n  [accessibilityActions]=\"accessibilityActions\"\n  [accessibilityLabelledBy]=\"accessibilityLabelledBy\"\n  [importantForAccessibility]=\"importantForAccessibility\"\n  [accessibilityLiveRegion]=\"accessibilityLiveRegion\"\n  [screenReaderFocusable]=\"screenReaderFocusable\"\n  [accessibilityViewIsModal]=\"accessibilityViewIsModal\"\n  [accessibilityElementsHidden]=\"accessibilityElementsHidden\"\n  [accessibilityIgnoresInvertColors]=\"accessibilityIgnoresInvertColors\"\n  [accessibilityLanguage]=\"accessibilityLanguage\"\n  [accessibilityRespondsToUserInteraction]=\"accessibilityRespondsToUserInteraction\"\n  [accessibilityShowsLargeContentViewer]=\"accessibilityShowsLargeContentViewer\"\n  [accessibilityLargeContentTitle]=\"accessibilityLargeContentTitle\"\n  (accessibilityAction)=\"accessibilityAction.emit($event)\"\n  (accessibilityTap)=\"accessibilityTap.emit($event)\"\n  (magicTap)=\"magicTap.emit($event)\"\n  (accessibilityEscape)=\"accessibilityEscape.emit($event)\"\n  [role]=\"role\"\n  [aria-label]=\"ariaLabel\"\n  [aria-labelledby]=\"ariaLabelledBy\"\n  [aria-live]=\"ariaLive\"\n  [aria-hidden]=\"ariaHidden\"\n  [aria-busy]=\"ariaBusy\"\n  [aria-checked]=\"ariaChecked\"\n  [aria-disabled]=\"ariaDisabled\"\n  [aria-expanded]=\"ariaExpanded\"\n  [aria-selected]=\"ariaSelected\"\n  [aria-modal]=\"ariaModal\"\n  [aria-valuemax]=\"ariaValueMax\"\n  [aria-valuemin]=\"ariaValueMin\"\n  [aria-valuenow]=\"ariaValueNow\"\n  [aria-valuetext]=\"ariaValueText\"\n\n  >\n    <!-- The single synthesized cell template: dispatch per flattened entry tag -->\n    <ng-template vListItem let-entry let-separators=\"separators\">\n      @switch (entryKind(entry)) {\n        @case ('header') {\n          <ng-container\n            [vListOutlet]=\"sectionHeaderDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('footer') {\n          <ng-container\n            [vListOutlet]=\"sectionFooterDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('section-separator') {\n          <ng-container\n            [vListOutlet]=\"sectionSeparatorDir?.templateRef\"\n          ></ng-container>\n        }\n        @case ('item') {\n          <ng-container\n            [vListOutlet]=\"sectionItemDir?.templateRef\"\n            [vListOutletContext]=\"itemContextOf(entry, separators)\"\n          ></ng-container>\n        }\n      }\n    </ng-template>\n\n    <!-- List-level slots: forward the app's directives to the inner list -->\n    @if (listHeaderDir !== undefined) {\n      <ng-template vListHeader>\n        <ng-container [vListOutlet]=\"listHeaderDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listFooterDir !== undefined) {\n      <ng-template vListFooter>\n        <ng-container [vListOutlet]=\"listFooterDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listEmptyDir !== undefined) {\n      <ng-template vListEmpty>\n        <ng-container [vListOutlet]=\"listEmptyDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    <!-- Item separator: unwrap each flattened entry back to its item -->\n    @if (itemSeparatorDir !== undefined) {\n      <ng-template\n        vListSeparator\n        let-highlighted\n        let-leadingItem=\"leadingItem\"\n        let-trailingItem=\"trailingItem\"\n      >\n        <ng-container\n          [vListOutlet]=\"itemSeparatorDir.templateRef\"\n          [vListOutletContext]=\"\n            itemSeparatorContextOf(highlighted, leadingItem, trailingItem)\n          \"\n        ></ng-container>\n      </ng-template>\n    }\n  </VirtualizedList>\n";
+export declare const VIRTUALIZED_SECTION_LIST_TEMPLATE = "\n  <VirtualizedList\n    [data]=\"flatEntries\"\n    [getItem]=\"getEntry\"\n    [getItemCount]=\"getEntryCount\"\n    [keyExtractor]=\"entryKeyExtractor\"\n    [getItemLayout]=\"entryItemLayout\"\n    [stickyHeaderIndices]=\"stickyHeaderIndices\"\n    [extraData]=\"extraData\"\n    [inverted]=\"inverted\"\n    [horizontal]=\"horizontal\"\n    [refreshing]=\"refreshing\"\n    [progressViewOffset]=\"progressViewOffset\"\n    [refreshRequested]=\"refreshRequested ?? refresh.observed\"\n    (refresh)=\"resolvedOnRefresh?.()\"\n    (endReached)=\"resolvedOnEndReached?.($event)\"\n    [onEndReachedThreshold]=\"onEndReachedThreshold\"\n    (startReached)=\"resolvedOnStartReached?.($event)\"\n    [onStartReachedThreshold]=\"onStartReachedThreshold\"\n    [initialNumToRender]=\"initialNumToRender\"\n    [initialScrollIndex]=\"initialScrollIndex\"\n    [maxToRenderPerBatch]=\"maxToRenderPerBatch\"\n    [updateCellsBatchingPeriod]=\"updateCellsBatchingPeriod\"\n    [windowSize]=\"windowSize\"\n    [disableVirtualization]=\"disableVirtualization\"\n    [maintainVisibleContentPosition]=\"maintainVisibleContentPosition\"\n    [onScroll]=\"onScroll\"\n    [onScrollBeginDrag]=\"onScrollBeginDrag\"\n    [onScrollEndDrag]=\"onScrollEndDrag\"\n    [onMomentumScrollBegin]=\"onMomentumScrollBegin\"\n    [onMomentumScrollEnd]=\"onMomentumScrollEnd\"\n    [onContentSizeChange]=\"onContentSizeChange\"\n    [scrollEventThrottle]=\"scrollEventThrottle\"\n    [keyboardShouldPersistTaps]=\"keyboardShouldPersistTaps\"\n    [keyboardDismissMode]=\"keyboardDismissMode\"\n    [removeClippedSubviews]=\"removeClippedSubviews\"\n    [nestedScrollEnabled]=\"nestedScrollEnabled\"\n    [stickyHeaderHiddenOnScroll]=\"stickyHeaderHiddenOnScroll\"\n    [innerViewRef]=\"innerViewRef\"\n    [style]=\"resolvedStyle\"\n    [contentContainerStyle]=\"contentContainerStyle\"\n    [listHeaderComponentStyle]=\"listHeaderComponentStyle\"\n    [listFooterComponentStyle]=\"listFooterComponentStyle\"\n    [cellRendererTemplate]=\"cellRendererTpl\"\n    [testID]=\"testID\"\n    [nativeID]=\"nativeID\"\n    \n  [accessible]=\"accessible\"\n  [accessibilityLabel]=\"accessibilityLabel\"\n  [accessibilityHint]=\"accessibilityHint\"\n  [accessibilityRole]=\"accessibilityRole\"\n  [accessibilityState]=\"accessibilityState\"\n  [accessibilityValue]=\"accessibilityValue\"\n  [accessibilityActions]=\"accessibilityActions\"\n  [accessibilityLabelledBy]=\"accessibilityLabelledBy\"\n  [importantForAccessibility]=\"importantForAccessibility\"\n  [accessibilityLiveRegion]=\"accessibilityLiveRegion\"\n  [screenReaderFocusable]=\"screenReaderFocusable\"\n  [accessibilityViewIsModal]=\"accessibilityViewIsModal\"\n  [accessibilityElementsHidden]=\"accessibilityElementsHidden\"\n  [accessibilityIgnoresInvertColors]=\"accessibilityIgnoresInvertColors\"\n  [accessibilityLanguage]=\"accessibilityLanguage\"\n  [accessibilityRespondsToUserInteraction]=\"accessibilityRespondsToUserInteraction\"\n  [accessibilityShowsLargeContentViewer]=\"accessibilityShowsLargeContentViewer\"\n  [accessibilityLargeContentTitle]=\"accessibilityLargeContentTitle\"\n  (accessibilityAction)=\"accessibilityAction.emit($event)\"\n  (accessibilityTap)=\"accessibilityTap.emit($event)\"\n  (magicTap)=\"magicTap.emit($event)\"\n  (accessibilityEscape)=\"accessibilityEscape.emit($event)\"\n  [role]=\"role\"\n  [aria-label]=\"ariaLabel\"\n  [aria-labelledby]=\"ariaLabelledBy\"\n  [aria-live]=\"ariaLive\"\n  [aria-hidden]=\"ariaHidden\"\n  [aria-busy]=\"ariaBusy\"\n  [aria-checked]=\"ariaChecked\"\n  [aria-disabled]=\"ariaDisabled\"\n  [aria-expanded]=\"ariaExpanded\"\n  [aria-selected]=\"ariaSelected\"\n  [aria-modal]=\"ariaModal\"\n  [aria-valuemax]=\"ariaValueMax\"\n  [aria-valuemin]=\"ariaValueMin\"\n  [aria-valuenow]=\"ariaValueNow\"\n  [aria-valuetext]=\"ariaValueText\"\n\n  >\n    <!-- The single synthesized cell template: dispatch per flattened entry tag -->\n    <ng-template vListItem let-entry let-index=\"index\">\n      @switch (entryKind(entry)) {\n        @case ('header') {\n          <ng-container\n            [vListOutlet]=\"sectionHeaderDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('footer') {\n          <ng-container\n            [vListOutlet]=\"sectionFooterDir?.templateRef\"\n            [vListOutletContext]=\"sectionContextOf(entry)\"\n          ></ng-container>\n        }\n        @case ('item') {\n          @let plan = cellPlanOf(entry, index);\n          @if (plan !== undefined) {\n            <ng-container\n              vSectionCell\n              #cell=\"vSectionCell\"\n              [board]=\"board\"\n              [cellKey]=\"plan.cellKey\"\n              [prevCellKey]=\"plan.prevCellKey\"\n              [hasLeading]=\"plan.hasLeading\"\n              [hasTrailing]=\"plan.hasTrailing\"\n            >\n              <ng-container\n                [vListOutlet]=\"plan.first.template\"\n                [vListOutletContext]=\"cell.contextOf(plan.first)\"\n              ></ng-container>\n              <ng-container\n                [vListOutlet]=\"plan.itemTemplate\"\n                [vListOutletContext]=\"itemContextOf(entry, cell.separators)\"\n              ></ng-container>\n              <ng-container\n                [vListOutlet]=\"plan.second.template\"\n                [vListOutletContext]=\"cell.contextOf(plan.second)\"\n              ></ng-container>\n            </ng-container>\n          }\n        }\n      }\n    </ng-template>\n\n    <!-- List-level slots: forward the app's directives to the inner list -->\n    @if (listHeaderDir !== undefined) {\n      <ng-template vListHeader>\n        <ng-container [vListOutlet]=\"listHeaderDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listFooterDir !== undefined) {\n      <ng-template vListFooter>\n        <ng-container [vListOutlet]=\"listFooterDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n    @if (listEmptyDir !== undefined) {\n      <ng-template vListEmpty>\n        <ng-container [vListOutlet]=\"listEmptyDir.templateRef\"></ng-container>\n      </ng-template>\n    }\n  </VirtualizedList>\n";

package/build/angular/components/virtualized-section-list/section-list-template.js

@@ -11,6 +11,7 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
     [stickyHeaderIndices]="stickyHeaderIndices"
     [extraData]="extraData"
     [inverted]="inverted"
+    [horizontal]="horizontal"
     [refreshing]="refreshing"
     [progressViewOffset]="progressViewOffset"
     [refreshRequested]="refreshRequested ?? refresh.observed"
@@ -24,25 +25,32 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
     [maxToRenderPerBatch]="maxToRenderPerBatch"
     [updateCellsBatchingPeriod]="updateCellsBatchingPeriod"
     [windowSize]="windowSize"
+    [disableVirtualization]="disableVirtualization"
     [maintainVisibleContentPosition]="maintainVisibleContentPosition"
     [onScroll]="onScroll"
     [onScrollBeginDrag]="onScrollBeginDrag"
     [onScrollEndDrag]="onScrollEndDrag"
     [onMomentumScrollBegin]="onMomentumScrollBegin"
     [onMomentumScrollEnd]="onMomentumScrollEnd"
+    [onContentSizeChange]="onContentSizeChange"
     [scrollEventThrottle]="scrollEventThrottle"
     [keyboardShouldPersistTaps]="keyboardShouldPersistTaps"
     [keyboardDismissMode]="keyboardDismissMode"
     [removeClippedSubviews]="removeClippedSubviews"
     [nestedScrollEnabled]="nestedScrollEnabled"
+    [stickyHeaderHiddenOnScroll]="stickyHeaderHiddenOnScroll"
+    [innerViewRef]="innerViewRef"
     [style]="resolvedStyle"
     [contentContainerStyle]="contentContainerStyle"
+    [listHeaderComponentStyle]="listHeaderComponentStyle"
+    [listFooterComponentStyle]="listFooterComponentStyle"
+    [cellRendererTemplate]="cellRendererTpl"
     [testID]="testID"
     [nativeID]="nativeID"
     ${LIST_ACCESSIBILITY_FORWARD}
   >
     <!-- The single synthesized cell template: dispatch per flattened entry tag -->
-    <ng-template vListItem let-entry let-separators="separators">
+    <ng-template vListItem let-entry let-index="index">
       @switch (entryKind(entry)) {
         @case ('header') {
           <ng-container
@@ -56,16 +64,32 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
             [vListOutletContext]="sectionContextOf(entry)"
           ></ng-container>
         }
-        @case ('section-separator') {
-          <ng-container
-            [vListOutlet]="sectionSeparatorDir?.templateRef"
-          ></ng-container>
-        }
         @case ('item') {
-          <ng-container
-            [vListOutlet]="sectionItemDir?.templateRef"
-            [vListOutletContext]="itemContextOf(entry, separators)"
-          ></ng-container>
+          @let plan = cellPlanOf(entry, index);
+          @if (plan !== undefined) {
+            <ng-container
+              vSectionCell
+              #cell="vSectionCell"
+              [board]="board"
+              [cellKey]="plan.cellKey"
+              [prevCellKey]="plan.prevCellKey"
+              [hasLeading]="plan.hasLeading"
+              [hasTrailing]="plan.hasTrailing"
+            >
+              <ng-container
+                [vListOutlet]="plan.first.template"
+                [vListOutletContext]="cell.contextOf(plan.first)"
+              ></ng-container>
+              <ng-container
+                [vListOutlet]="plan.itemTemplate"
+                [vListOutletContext]="itemContextOf(entry, cell.separators)"
+              ></ng-container>
+              <ng-container
+                [vListOutlet]="plan.second.template"
+                [vListOutletContext]="cell.contextOf(plan.second)"
+              ></ng-container>
+            </ng-container>
+          }
         }
       }
     </ng-template>
@@ -86,22 +110,6 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
         <ng-container [vListOutlet]="listEmptyDir.templateRef"></ng-container>
       </ng-template>
     }
-    <!-- Item separator: unwrap each flattened entry back to its item -->
-    @if (itemSeparatorDir !== undefined) {
-      <ng-template
-        vListSeparator
-        let-highlighted
-        let-leadingItem="leadingItem"
-        let-trailingItem="trailingItem"
-      >
-        <ng-container
-          [vListOutlet]="itemSeparatorDir.templateRef"
-          [vListOutletContext]="
-            itemSeparatorContextOf(highlighted, leadingItem, trailingItem)
-          "
-        ></ng-container>
-      </ng-template>
-    }
   </VirtualizedList>
 `;
 //# sourceMappingURL=section-list-template.js.map

package/build/angular/components/virtualized-section-list/section-list-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-list-template.js","sourceRoot":"","sources":["../../../../src/components/virtualized-section-list/section-list-template.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,6EAA6E;AAE7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAEnF,MAAM,CAAC,MAAM,iCAAiC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAsC3C,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE/B,CAAC"}
+{"version":3,"file":"section-list-template.js","sourceRoot":"","sources":["../../../../src/components/virtualized-section-list/section-list-template.ts"],"names":[],"mappings":"AAAA,oGAAoG;AACpG,6EAA6E;AAE7E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAEnF,MAAM,CAAC,MAAM,iCAAiC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8C3C,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE/B,CAAC"}

package/build/angular/components.d.ts

@@ -8,6 +8,8 @@ export type { IAngularModalProps, IModalAnimationType, IModalOrientation, IModal
 export type { IImageProps, IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, } from '@symbiote-native/components';
 export type { IAngularPressableProps, IAngularPressableInputs, } from './components/pressable-props';
 export type { IAngularSafeAreaViewProps } from './components/safe-area-view-props';
+export type { IAngularLayoutConformanceProps } from './components/layout-conformance-props';
+export type { ILayoutConformanceMode } from '@symbiote-native/components';
 export type { ISwitchProps, ISwitchTrackColor, ISwitchChangeEvent, } from '@symbiote-native/components';
 export type { IAngularImageBackgroundProps } from './components/image-background-props';
 export { KeyboardAvoidingView } from './components/keyboard-avoiding-view';
@@ -23,12 +25,14 @@ export type { IAngularTouchableWithoutFeedbackProps } from './components/touchab
 export type { IAngularScrollViewProps, IScrollViewHandle, } from './components/scroll-view-props';
 export type { IButtonProps } from './components/button-props';
 export type { ICheckboxProps } from './components/checkbox-props';
-export { VirtualizedList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from './components/virtualized-list';
-export type { ICellLayout, ISeparatorProps, ISeparators, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo, IViewToken, IVirtualizedListHandle, IVirtualizedListProps, IVListItemContext, IVListSeparatorContext, } from './components/virtualized-list';
+export { VirtualizedList, VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListOutletDirective, VListSeparatorDirective, } from './components/virtualized-list';
+export { injectVirtualizedListScope } from './components/virtualized-list/nested-scope';
+export type { IListScope } from '@symbiote-native/components';
+export type { ICellLayout, ISeparatorProps, ISeparators, IViewabilityConfig, IViewabilityConfigCallbackPair, IViewableItemsChangedInfo, IViewToken, IVirtualizedListHandle, IVirtualizedListProps, IVListCellContext, IVListItemContext, IVListSeparatorContext, } from './components/virtualized-list';
 export { FlatList } from './components/flat-list';
 export type { IFlatListHandle, IFlatListProps } from './components/flat-list';
 export { VirtualizedSectionList, VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './components/virtualized-section-list';
-export type { ISection, IVirtualizedSectionListHandle, IVirtualizedSectionListProps, IVSectionContext, IVSectionItemContext, } from './components/virtualized-section-list';
+export type { ISection, IVirtualizedSectionListHandle, IVirtualizedSectionListProps, IVSectionContext, IVSectionItemContext, IVSectionSeparatorContext, } from './components/virtualized-section-list';
 export { SectionList } from './components/section-list';
 export type { ISectionListHandle, ISectionListProps, } from './components/section-list';
 export { ViewHost, ViewHost as View, TextHost, TextHost as Text, ImageHost, ScrollViewHost, ScrollContentView, HorizontalScrollView, HorizontalScrollContentView, TextInputHost, MultilineTextInputHost, SwitchHost, ActivityIndicatorHost, SafeAreaViewHost, ModalHost, RefreshControlHost, InputAccessoryViewHost, SymbioteHostPropsDirective, SymbioteStyleInputDirective, anchorHostStyle, stableAnchorStyle, } from './primitives/index';

package/build/angular/components.js

@@ -16,7 +16,8 @@ export { KeyboardAvoidingView } from './components/keyboard-avoiding-view';
 // `.SelectableBackground(…)` are unchanged; an app's `imports: [TouchableNativeFeedback]` becomes
 // `imports: [TouchableNativeFeedbackElement]`.
 export { TouchableNativeFeedback } from '@symbiote-native/components';
-export { VirtualizedList, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListSeparatorDirective, } from './components/virtualized-list';
+export { VirtualizedList, VListCellDirective, VListEmptyDirective, VListFooterDirective, VListHeaderDirective, VListItemDirective, VListOutletDirective, VListSeparatorDirective, } from './components/virtualized-list';
+export { injectVirtualizedListScope } from './components/virtualized-list/nested-scope';
 export { FlatList } from './components/flat-list';
 export { VirtualizedSectionList, VSectionFooterDirective, VSectionHeaderDirective, VSectionItemDirective, VSectionSeparatorDirective, } from './components/virtualized-section-list';
 export { SectionList } from './components/section-list';

package/build/angular/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,gGAAgG;AAChG,+FAA+F;AAC/F,8FAA8F;AAC9F,kFAAkF;AAMlF,gGAAgG;AAChG,gGAAgG;AAChG,sFAAsF;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAMrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AA0C3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAuB3E,kGAAkG;AAClG,kGAAkG;AAClG,8EAA8E;AAC9E,kGAAkG;AAClG,+CAA+C;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAmCtE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AAcvC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAQ/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,+FAA+F;AAC/F,OAAO,EACL,QAAQ,EACR,QAAQ,IAAI,IAAI,EAChB,QAAQ,EACR,QAAQ,IAAI,IAAI,EAChB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B;AAC1B,+FAA+F;AAC/F,8FAA8F;AAC9F,iGAAiG;AACjG,MAAM;AACN,2BAA2B;AAC3B,oGAAoG;AACpG,+FAA+F;AAC/F,6FAA6F;AAC7F,eAAe;AACf,4FAA4F;AAC5F,0FAA0F;AAC1F,oDAAoD;AACpD,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,sFAAsF;AACtF,wFAAwF;AACxF,4CAA4C"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAAA,uFAAuF;AACvF,gGAAgG;AAChG,+FAA+F;AAC/F,8FAA8F;AAC9F,kFAAkF;AAMlF,gGAAgG;AAChG,gGAAgG;AAChG,sFAAsF;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAMrE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AA4C3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAuB3E,kGAAkG;AAClG,kGAAkG;AAClG,8EAA8E;AAC9E,kGAAkG;AAClG,+CAA+C;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAmCtE,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,kBAAkB,EAClB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAgBxF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,uCAAuC,CAAC;AAS/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAMxD,+FAA+F;AAC/F,OAAO,EACL,QAAQ,EACR,QAAQ,IAAI,IAAI,EAChB,QAAQ,EACR,QAAQ,IAAI,IAAI,EAChB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,aAAa,EACb,sBAAsB,EACtB,UAAU,EACV,qBAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,sBAAsB,EACtB,0BAA0B;AAC1B,+FAA+F;AAC/F,8FAA8F;AAC9F,iGAAiG;AACjG,MAAM;AACN,2BAA2B;AAC3B,oGAAoG;AACpG,+FAA+F;AAC/F,6FAA6F;AAC7F,eAAe;AACf,4FAA4F;AAC5F,0FAA0F;AAC1F,oDAAoD;AACpD,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAE5B,sFAAsF;AACtF,wFAAwF;AACxF,4CAA4C"}

package/build/angular/element-base.d.ts

@@ -26,6 +26,7 @@ export declare abstract class SymbioteElement implements OnChanges {
     accessibilityState?: IElementProps['accessibilityState'];
     accessibilityValue?: IElementProps['accessibilityValue'];
     accessibilityActions?: IElementProps['accessibilityActions'];
+    experimental_accessibilityOrder?: IElementProps['experimental_accessibilityOrder'];
     accessibilityLabelledBy?: IElementProps['accessibilityLabelledBy'];
     importantForAccessibility?: IElementProps['importantForAccessibility'];
     accessibilityLiveRegion?: IElementProps['accessibilityLiveRegion'];
@@ -68,6 +69,21 @@ export declare abstract class SymbioteElement implements OnChanges {
     onResponderRelease?: IElementProps['onResponderRelease'];
     onResponderTerminate?: IElementProps['onResponderTerminate'];
     onResponderTerminationRequest?: IElementProps['onResponderTerminationRequest'];
+    onTouchStart?: IElementProps['onTouchStart'];
+    onTouchStartCapture?: IElementProps['onTouchStartCapture'];
+    onTouchMove?: IElementProps['onTouchMove'];
+    onTouchMoveCapture?: IElementProps['onTouchMoveCapture'];
+    onTouchEnd?: IElementProps['onTouchEnd'];
+    onTouchEndCapture?: IElementProps['onTouchEndCapture'];
+    onTouchCancel?: IElementProps['onTouchCancel'];
+    onTouchCancelCapture?: IElementProps['onTouchCancelCapture'];
+    onFocusCapture?: IElementProps['onFocusCapture'];
+    onBlurCapture?: IElementProps['onBlurCapture'];
+    onClickCapture?: IElementProps['onClickCapture'];
+    onKeyDown?: IElementProps['onKeyDown'];
+    onKeyDownCapture?: IElementProps['onKeyDownCapture'];
+    onKeyUp?: IElementProps['onKeyUp'];
+    onKeyUpCapture?: IElementProps['onKeyUpCapture'];
     pointerEvents?: IElementProps['pointerEvents'];
     hitSlop?: IElementProps['hitSlop'];
     focusable?: IElementProps['focusable'];
@@ -89,7 +105,7 @@ export declare abstract class SymbioteElement implements OnChanges {
     onBlur?: IElementProps['onBlur'];
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SymbioteElement, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteElement, never, never, { "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "id": { "alias": "id"; "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; }; "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; "onStartShouldSetResponder": { "alias": "onStartShouldSetResponder"; "required": false; }; "onStartShouldSetResponderCapture": { "alias": "onStartShouldSetResponderCapture"; "required": false; }; "onMoveShouldSetResponder": { "alias": "onMoveShouldSetResponder"; "required": false; }; "onMoveShouldSetResponderCapture": { "alias": "onMoveShouldSetResponderCapture"; "required": false; }; "onResponderGrant": { "alias": "onResponderGrant"; "required": false; }; "onResponderReject": { "alias": "onResponderReject"; "required": false; }; "onResponderStart": { "alias": "onResponderStart"; "required": false; }; "onResponderMove": { "alias": "onResponderMove"; "required": false; }; "onResponderEnd": { "alias": "onResponderEnd"; "required": false; }; "onResponderRelease": { "alias": "onResponderRelease"; "required": false; }; "onResponderTerminate": { "alias": "onResponderTerminate"; "required": false; }; "onResponderTerminationRequest": { "alias": "onResponderTerminationRequest"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "hitSlop": { "alias": "hitSlop"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "renderToHardwareTextureAndroid": { "alias": "renderToHardwareTextureAndroid"; "required": false; }; "shouldRasterizeIOS": { "alias": "shouldRasterizeIOS"; "required": false; }; "needsOffscreenAlphaCompositing": { "alias": "needsOffscreenAlphaCompositing"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleProp": { "alias": "styleProp"; "required": false; }; "class": { "alias": "class"; "required": false; }; "onPress": { "alias": "onPress"; "required": false; }; "onPressIn": { "alias": "onPressIn"; "required": false; }; "onPressOut": { "alias": "onPressOut"; "required": false; }; "onPressMove": { "alias": "onPressMove"; "required": false; }; "onLongPress": { "alias": "onLongPress"; "required": false; }; "onLayout": { "alias": "onLayout"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteElement, never, never, { "testID": { "alias": "testID"; "required": false; }; "nativeID": { "alias": "nativeID"; "required": false; }; "id": { "alias": "id"; "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; }; "experimental_accessibilityOrder": { "alias": "experimental_accessibilityOrder"; "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; }; "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "role": { "alias": "role"; "required": false; }; "aria-label": { "alias": "aria-label"; "required": false; }; "aria-labelledby": { "alias": "aria-labelledby"; "required": false; }; "aria-live": { "alias": "aria-live"; "required": false; }; "aria-hidden": { "alias": "aria-hidden"; "required": false; }; "aria-busy": { "alias": "aria-busy"; "required": false; }; "aria-checked": { "alias": "aria-checked"; "required": false; }; "aria-disabled": { "alias": "aria-disabled"; "required": false; }; "aria-expanded": { "alias": "aria-expanded"; "required": false; }; "aria-selected": { "alias": "aria-selected"; "required": false; }; "aria-modal": { "alias": "aria-modal"; "required": false; }; "aria-valuemax": { "alias": "aria-valuemax"; "required": false; }; "aria-valuemin": { "alias": "aria-valuemin"; "required": false; }; "aria-valuenow": { "alias": "aria-valuenow"; "required": false; }; "aria-valuetext": { "alias": "aria-valuetext"; "required": false; }; "onStartShouldSetResponder": { "alias": "onStartShouldSetResponder"; "required": false; }; "onStartShouldSetResponderCapture": { "alias": "onStartShouldSetResponderCapture"; "required": false; }; "onMoveShouldSetResponder": { "alias": "onMoveShouldSetResponder"; "required": false; }; "onMoveShouldSetResponderCapture": { "alias": "onMoveShouldSetResponderCapture"; "required": false; }; "onResponderGrant": { "alias": "onResponderGrant"; "required": false; }; "onResponderReject": { "alias": "onResponderReject"; "required": false; }; "onResponderStart": { "alias": "onResponderStart"; "required": false; }; "onResponderMove": { "alias": "onResponderMove"; "required": false; }; "onResponderEnd": { "alias": "onResponderEnd"; "required": false; }; "onResponderRelease": { "alias": "onResponderRelease"; "required": false; }; "onResponderTerminate": { "alias": "onResponderTerminate"; "required": false; }; "onResponderTerminationRequest": { "alias": "onResponderTerminationRequest"; "required": false; }; "onTouchStart": { "alias": "onTouchStart"; "required": false; }; "onTouchStartCapture": { "alias": "onTouchStartCapture"; "required": false; }; "onTouchMove": { "alias": "onTouchMove"; "required": false; }; "onTouchMoveCapture": { "alias": "onTouchMoveCapture"; "required": false; }; "onTouchEnd": { "alias": "onTouchEnd"; "required": false; }; "onTouchEndCapture": { "alias": "onTouchEndCapture"; "required": false; }; "onTouchCancel": { "alias": "onTouchCancel"; "required": false; }; "onTouchCancelCapture": { "alias": "onTouchCancelCapture"; "required": false; }; "onFocusCapture": { "alias": "onFocusCapture"; "required": false; }; "onBlurCapture": { "alias": "onBlurCapture"; "required": false; }; "onClickCapture": { "alias": "onClickCapture"; "required": false; }; "onKeyDown": { "alias": "onKeyDown"; "required": false; }; "onKeyDownCapture": { "alias": "onKeyDownCapture"; "required": false; }; "onKeyUp": { "alias": "onKeyUp"; "required": false; }; "onKeyUpCapture": { "alias": "onKeyUpCapture"; "required": false; }; "pointerEvents": { "alias": "pointerEvents"; "required": false; }; "hitSlop": { "alias": "hitSlop"; "required": false; }; "focusable": { "alias": "focusable"; "required": false; }; "collapsable": { "alias": "collapsable"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "renderToHardwareTextureAndroid": { "alias": "renderToHardwareTextureAndroid"; "required": false; }; "shouldRasterizeIOS": { "alias": "shouldRasterizeIOS"; "required": false; }; "needsOffscreenAlphaCompositing": { "alias": "needsOffscreenAlphaCompositing"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleProp": { "alias": "styleProp"; "required": false; }; "class": { "alias": "class"; "required": false; }; "onPress": { "alias": "onPress"; "required": false; }; "onPressIn": { "alias": "onPressIn"; "required": false; }; "onPressOut": { "alias": "onPressOut"; "required": false; }; "onPressMove": { "alias": "onPressMove"; "required": false; }; "onLongPress": { "alias": "onLongPress"; "required": false; }; "onLayout": { "alias": "onLayout"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; }, {}, never, never, true, never>;
 }
 /**
  * The base for a tag whose app callback an engine behavior READS BACK inside the same microtask

package/build/angular/element-base.js

@@ -27,7 +27,7 @@ export class SymbioteElement {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteElement, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteElement, isStandalone: true, inputs: { testID: "testID", nativeID: "nativeID", id: "id", 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", onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext", onStartShouldSetResponder: "onStartShouldSetResponder", onStartShouldSetResponderCapture: "onStartShouldSetResponderCapture", onMoveShouldSetResponder: "onMoveShouldSetResponder", onMoveShouldSetResponderCapture: "onMoveShouldSetResponderCapture", onResponderGrant: "onResponderGrant", onResponderReject: "onResponderReject", onResponderStart: "onResponderStart", onResponderMove: "onResponderMove", onResponderEnd: "onResponderEnd", onResponderRelease: "onResponderRelease", onResponderTerminate: "onResponderTerminate", onResponderTerminationRequest: "onResponderTerminationRequest", pointerEvents: "pointerEvents", hitSlop: "hitSlop", focusable: "focusable", collapsable: "collapsable", removeClippedSubviews: "removeClippedSubviews", renderToHardwareTextureAndroid: "renderToHardwareTextureAndroid", shouldRasterizeIOS: "shouldRasterizeIOS", needsOffscreenAlphaCompositing: "needsOffscreenAlphaCompositing", style: "style", styleProp: "styleProp", class: "class", onPress: "onPress", onPressIn: "onPressIn", onPressOut: "onPressOut", onPressMove: "onPressMove", onLongPress: "onLongPress", onLayout: "onLayout", onFocus: "onFocus", onBlur: "onBlur" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteElement, isStandalone: true, inputs: { testID: "testID", nativeID: "nativeID", id: "id", accessible: "accessible", accessibilityLabel: "accessibilityLabel", accessibilityHint: "accessibilityHint", accessibilityRole: "accessibilityRole", accessibilityState: "accessibilityState", accessibilityValue: "accessibilityValue", accessibilityActions: "accessibilityActions", experimental_accessibilityOrder: "experimental_accessibilityOrder", accessibilityLabelledBy: "accessibilityLabelledBy", importantForAccessibility: "importantForAccessibility", accessibilityLiveRegion: "accessibilityLiveRegion", screenReaderFocusable: "screenReaderFocusable", accessibilityViewIsModal: "accessibilityViewIsModal", accessibilityElementsHidden: "accessibilityElementsHidden", accessibilityIgnoresInvertColors: "accessibilityIgnoresInvertColors", accessibilityLanguage: "accessibilityLanguage", accessibilityRespondsToUserInteraction: "accessibilityRespondsToUserInteraction", accessibilityShowsLargeContentViewer: "accessibilityShowsLargeContentViewer", accessibilityLargeContentTitle: "accessibilityLargeContentTitle", onAccessibilityAction: "onAccessibilityAction", onAccessibilityTap: "onAccessibilityTap", onMagicTap: "onMagicTap", onAccessibilityEscape: "onAccessibilityEscape", role: "role", "aria-label": "aria-label", "aria-labelledby": "aria-labelledby", "aria-live": "aria-live", "aria-hidden": "aria-hidden", "aria-busy": "aria-busy", "aria-checked": "aria-checked", "aria-disabled": "aria-disabled", "aria-expanded": "aria-expanded", "aria-selected": "aria-selected", "aria-modal": "aria-modal", "aria-valuemax": "aria-valuemax", "aria-valuemin": "aria-valuemin", "aria-valuenow": "aria-valuenow", "aria-valuetext": "aria-valuetext", onStartShouldSetResponder: "onStartShouldSetResponder", onStartShouldSetResponderCapture: "onStartShouldSetResponderCapture", onMoveShouldSetResponder: "onMoveShouldSetResponder", onMoveShouldSetResponderCapture: "onMoveShouldSetResponderCapture", onResponderGrant: "onResponderGrant", onResponderReject: "onResponderReject", onResponderStart: "onResponderStart", onResponderMove: "onResponderMove", onResponderEnd: "onResponderEnd", onResponderRelease: "onResponderRelease", onResponderTerminate: "onResponderTerminate", onResponderTerminationRequest: "onResponderTerminationRequest", onTouchStart: "onTouchStart", onTouchStartCapture: "onTouchStartCapture", onTouchMove: "onTouchMove", onTouchMoveCapture: "onTouchMoveCapture", onTouchEnd: "onTouchEnd", onTouchEndCapture: "onTouchEndCapture", onTouchCancel: "onTouchCancel", onTouchCancelCapture: "onTouchCancelCapture", onFocusCapture: "onFocusCapture", onBlurCapture: "onBlurCapture", onClickCapture: "onClickCapture", onKeyDown: "onKeyDown", onKeyDownCapture: "onKeyDownCapture", onKeyUp: "onKeyUp", onKeyUpCapture: "onKeyUpCapture", pointerEvents: "pointerEvents", hitSlop: "hitSlop", focusable: "focusable", collapsable: "collapsable", removeClippedSubviews: "removeClippedSubviews", renderToHardwareTextureAndroid: "renderToHardwareTextureAndroid", shouldRasterizeIOS: "shouldRasterizeIOS", needsOffscreenAlphaCompositing: "needsOffscreenAlphaCompositing", style: "style", styleProp: "styleProp", class: "class", onPress: "onPress", onPressIn: "onPressIn", onPressOut: "onPressOut", onPressMove: "onPressMove", onLongPress: "onLongPress", onLayout: "onLayout", onFocus: "onFocus", onBlur: "onBlur" }, usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteElement, decorators: [{
             type: Directive
@@ -51,6 +51,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], accessibilityActions: [{
                 type: Input
+            }], experimental_accessibilityOrder: [{
+                type: Input
             }], accessibilityLabelledBy: [{
                 type: Input
             }], importantForAccessibility: [{
@@ -135,6 +137,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 type: Input
             }], onResponderTerminationRequest: [{
                 type: Input
+            }], onTouchStart: [{
+                type: Input
+            }], onTouchStartCapture: [{
+                type: Input
+            }], onTouchMove: [{
+                type: Input
+            }], onTouchMoveCapture: [{
+                type: Input
+            }], onTouchEnd: [{
+                type: Input
+            }], onTouchEndCapture: [{
+                type: Input
+            }], onTouchCancel: [{
+                type: Input
+            }], onTouchCancelCapture: [{
+                type: Input
+            }], onFocusCapture: [{
+                type: Input
+            }], onBlurCapture: [{
+                type: Input
+            }], onClickCapture: [{
+                type: Input
+            }], onKeyDown: [{
+                type: Input
+            }], onKeyDownCapture: [{
+                type: Input
+            }], onKeyUp: [{
+                type: Input
+            }], onKeyUpCapture: [{
+                type: Input
             }], pointerEvents: [{
                 type: Input
             }], hitSlop: [{

package/build/angular/element-base.js.map

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

package/build/angular/element-props.d.ts

@@ -1,4 +1,4 @@
-import type { IAccessibilityProps, IAriaProps, IPressState, IRectOffset, IResponderProps } from '@symbiote-native/components';
+import type { IAccessibilityProps, IAriaProps, IPressState, IRectOffset, IResponderProps, ITextNativeOnlyProps } from '@symbiote-native/components';
 import type { ISymbioteEvent, IStyleProp, ITextStyle, IViewStyle } from '@symbiote-native/engine';
 type IEventHandler = (event: ISymbioteEvent) => void;
 /**
@@ -9,7 +9,7 @@ type IEventHandler = (event: ISymbioteEvent) => void;
 export type IAngularStyleBinding<TStyle> = TStyle | string | null | undefined;
 /** RN's full StyleProp, press-state callback included: the `[styleProp]` binding. */
 export type IElementStyleProp = IStyleProp<IViewStyle> | ((state: IPressState) => IStyleProp<IViewStyle>);
-export interface IElementProps extends IAccessibilityProps, IAriaProps, IResponderProps {
+export type IElementProps = IAccessibilityProps & IAriaProps & IResponderProps & {
     /** RN's modern W3C-named alias for `nativeID`; the renderer folds it (`PROP_ALIASES`). */
     id?: string;
     pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only';
@@ -36,9 +36,9 @@ export interface IElementProps extends IAccessibilityProps, IAriaProps, IRespond
     onLayout?: IEventHandler;
     onFocus?: IEventHandler;
     onBlur?: IEventHandler;
-}
+};
 /** Text's own surface on top of the shared one. `onTextLayout` is an event, so it is not here. */
-export interface ITextElementProps {
+export type ITextElementProps = ITextNativeOnlyProps & {
     /** Narrows the shared `style` so `fontSize` / `fontWeight` type-check on a `<text>`. */
     style?: IAngularStyleBinding<ITextStyle>;
     styleProp?: IStyleProp<ITextStyle>;
@@ -51,12 +51,12 @@ export interface ITextElementProps {
     maxFontSizeMultiplier?: number | null;
     selectionColor?: string;
     disabled?: boolean;
-}
+};
 /** The sticky-header wrapper RN builds in JS (ScrollViewStickyHeader.js). */
-export interface IStickyHeaderElementProps {
+export type IStickyHeaderElementProps = {
     inverted?: boolean;
     nextHeaderLayoutY?: number | null;
     scrollAnimatedValue?: unknown;
     scrollViewHeight?: number | null;
-}
+};
 export {};

package/build/angular/element-text-input-native.d.ts

@@ -0,0 +1,27 @@
+import type { ITextInputProps } from '@symbiote-native/components';
+import { ValueChangeElement } from './element-base';
+import * as i0 from "@angular/core";
+export declare abstract class TextInputNativeInputs extends ValueChangeElement {
+    caretHidden?: ITextInputProps['caretHidden'];
+    clearButtonMode?: ITextInputProps['clearButtonMode'];
+    clearTextOnFocus?: ITextInputProps['clearTextOnFocus'];
+    contextMenuHidden?: ITextInputProps['contextMenuHidden'];
+    dataDetectorTypes?: ITextInputProps['dataDetectorTypes'];
+    disableFullscreenUI?: ITextInputProps['disableFullscreenUI'];
+    disableKeyboardShortcuts?: ITextInputProps['disableKeyboardShortcuts'];
+    enablesReturnKeyAutomatically?: ITextInputProps['enablesReturnKeyAutomatically'];
+    importantForAutofill?: ITextInputProps['importantForAutofill'];
+    inlineImageLeft?: ITextInputProps['inlineImageLeft'];
+    inlineImagePadding?: ITextInputProps['inlineImagePadding'];
+    inputAccessoryViewButtonLabel?: ITextInputProps['inputAccessoryViewButtonLabel'];
+    keyboardAppearance?: ITextInputProps['keyboardAppearance'];
+    lineBreakModeIOS?: ITextInputProps['lineBreakModeIOS'];
+    lineBreakStrategyIOS?: ITextInputProps['lineBreakStrategyIOS'];
+    passwordRules?: ITextInputProps['passwordRules'];
+    returnKeyLabel?: ITextInputProps['returnKeyLabel'];
+    smartInsertDelete?: ITextInputProps['smartInsertDelete'];
+    spellCheck?: ITextInputProps['spellCheck'];
+    textBreakStrategy?: ITextInputProps['textBreakStrategy'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputNativeInputs, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextInputNativeInputs, never, never, { "caretHidden": { "alias": "caretHidden"; "required": false; }; "clearButtonMode": { "alias": "clearButtonMode"; "required": false; }; "clearTextOnFocus": { "alias": "clearTextOnFocus"; "required": false; }; "contextMenuHidden": { "alias": "contextMenuHidden"; "required": false; }; "dataDetectorTypes": { "alias": "dataDetectorTypes"; "required": false; }; "disableFullscreenUI": { "alias": "disableFullscreenUI"; "required": false; }; "disableKeyboardShortcuts": { "alias": "disableKeyboardShortcuts"; "required": false; }; "enablesReturnKeyAutomatically": { "alias": "enablesReturnKeyAutomatically"; "required": false; }; "importantForAutofill": { "alias": "importantForAutofill"; "required": false; }; "inlineImageLeft": { "alias": "inlineImageLeft"; "required": false; }; "inlineImagePadding": { "alias": "inlineImagePadding"; "required": false; }; "inputAccessoryViewButtonLabel": { "alias": "inputAccessoryViewButtonLabel"; "required": false; }; "keyboardAppearance": { "alias": "keyboardAppearance"; "required": false; }; "lineBreakModeIOS": { "alias": "lineBreakModeIOS"; "required": false; }; "lineBreakStrategyIOS": { "alias": "lineBreakStrategyIOS"; "required": false; }; "passwordRules": { "alias": "passwordRules"; "required": false; }; "returnKeyLabel": { "alias": "returnKeyLabel"; "required": false; }; "smartInsertDelete": { "alias": "smartInsertDelete"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "textBreakStrategy": { "alias": "textBreakStrategy"; "required": false; }; }, {}, never, never, true, never>;
+}

package/build/angular/element-text-input-native.js

@@ -0,0 +1,52 @@
+import { Directive, Input } from '@angular/core';
+import { ValueChangeElement } from './element-base';
+import * as i0 from "@angular/core";
+// The inputs only one platform's native view reads, split from `TextInputElement` for file size
+export class TextInputNativeInputs extends ValueChangeElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputNativeInputs, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextInputNativeInputs, isStandalone: true, inputs: { caretHidden: "caretHidden", clearButtonMode: "clearButtonMode", clearTextOnFocus: "clearTextOnFocus", contextMenuHidden: "contextMenuHidden", dataDetectorTypes: "dataDetectorTypes", disableFullscreenUI: "disableFullscreenUI", disableKeyboardShortcuts: "disableKeyboardShortcuts", enablesReturnKeyAutomatically: "enablesReturnKeyAutomatically", importantForAutofill: "importantForAutofill", inlineImageLeft: "inlineImageLeft", inlineImagePadding: "inlineImagePadding", inputAccessoryViewButtonLabel: "inputAccessoryViewButtonLabel", keyboardAppearance: "keyboardAppearance", lineBreakModeIOS: "lineBreakModeIOS", lineBreakStrategyIOS: "lineBreakStrategyIOS", passwordRules: "passwordRules", returnKeyLabel: "returnKeyLabel", smartInsertDelete: "smartInsertDelete", spellCheck: "spellCheck", textBreakStrategy: "textBreakStrategy" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputNativeInputs, decorators: [{
+            type: Directive
+        }], propDecorators: { caretHidden: [{
+                type: Input
+            }], clearButtonMode: [{
+                type: Input
+            }], clearTextOnFocus: [{
+                type: Input
+            }], contextMenuHidden: [{
+                type: Input
+            }], dataDetectorTypes: [{
+                type: Input
+            }], disableFullscreenUI: [{
+                type: Input
+            }], disableKeyboardShortcuts: [{
+                type: Input
+            }], enablesReturnKeyAutomatically: [{
+                type: Input
+            }], importantForAutofill: [{
+                type: Input
+            }], inlineImageLeft: [{
+                type: Input
+            }], inlineImagePadding: [{
+                type: Input
+            }], inputAccessoryViewButtonLabel: [{
+                type: Input
+            }], keyboardAppearance: [{
+                type: Input
+            }], lineBreakModeIOS: [{
+                type: Input
+            }], lineBreakStrategyIOS: [{
+                type: Input
+            }], passwordRules: [{
+                type: Input
+            }], returnKeyLabel: [{
+                type: Input
+            }], smartInsertDelete: [{
+                type: Input
+            }], spellCheck: [{
+                type: Input
+            }], textBreakStrategy: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=element-text-input-native.js.map

package/build/angular/element-text-input-native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-text-input-native.js","sourceRoot":"","sources":["../../src/element-text-input-native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;;AAEpD,gGAAgG;AAEhG,MAAM,OAAgB,qBAAsB,SAAQ,kBAAkB;8GAAhD,qBAAqB;kGAArB,qBAAqB;;2FAArB,qBAAqB;kBAD1C,SAAS;;sBAEP,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBAEL,KAAK;;sBAEL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBAEL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK"}

package/build/angular/elements-controls.d.ts

@@ -1,12 +1,13 @@
 import { EventEmitter } from '@angular/core';
 import type { OnDestroy } from '@angular/core';
 import { type ControlValueAccessor } from '@angular/forms';
-import type { IActivityIndicatorProps, IInputAccessoryViewViewProps, IModalViewProps, ISwitchProps, ITextInputProps } from '@symbiote-native/components';
+import type { IActivityIndicatorProps, IInputAccessoryViewViewProps, ILayoutConformanceMode, IModalViewProps, ISwitchProps, ITextInputProps } from '@symbiote-native/components';
 import type { IStickyHeaderElementProps } from './element-props';
 import type { IAngularRefreshControlProps } from './components/refresh-control-props';
+import { TextInputNativeInputs } from './element-text-input-native';
 import { ReadBackElement, SymbioteElement, ValueChangeElement } from './element-base';
 import * as i0 from "@angular/core";
-export declare class TextInputElement extends ValueChangeElement {
+export declare class TextInputElement extends TextInputNativeInputs {
     value?: ITextInputProps['value'];
     defaultValue?: ITextInputProps['defaultValue'];
     placeholder?: ITextInputProps['placeholder'];
@@ -121,6 +122,11 @@ export declare class SafeAreaViewElement extends SymbioteElement {
     static ɵfac: i0.ɵɵFactoryDeclaration<SafeAreaViewElement, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SafeAreaViewElement, "safe-area-view", never, {}, {}, never, never, true, never>;
 }
+export declare class LayoutConformanceElement extends SymbioteElement {
+    mode?: ILayoutConformanceMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutConformanceElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LayoutConformanceElement, "layout-conformance", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, never, true, never>;
+}
 export declare class ModalElement extends SymbioteElement {
     visible?: IModalViewProps['visible'];
     transparent?: IModalViewProps['transparent'];