@symbiote-native/angular 3.2.0 → 3.3.0

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

@@ -0,0 +1,122 @@
+import type { IImageProps } from '@symbiote-native/components';
+import type { IAngularImageBackgroundProps } from './components/image-background-props';
+import type { IAngularScrollViewProps } from './components/scroll-view-props';
+import { SymbioteElement } from './element-base';
+import * as i0 from "@angular/core";
+export declare class ImageElement extends SymbioteElement {
+    source?: IImageProps['source'];
+    src?: IImageProps['src'];
+    srcSet?: IImageProps['srcSet'];
+    alt?: IImageProps['alt'];
+    width?: IImageProps['width'];
+    height?: IImageProps['height'];
+    resizeMode?: IImageProps['resizeMode'];
+    resizeMethod?: IImageProps['resizeMethod'];
+    defaultSource?: IImageProps['defaultSource'];
+    loadingIndicatorSource?: IImageProps['loadingIndicatorSource'];
+    blurRadius?: IImageProps['blurRadius'];
+    capInsets?: IImageProps['capInsets'];
+    crossOrigin?: IImageProps['crossOrigin'];
+    referrerPolicy?: IImageProps['referrerPolicy'];
+    fadeDuration?: IImageProps['fadeDuration'];
+    progressiveRenderingEnabled?: IImageProps['progressiveRenderingEnabled'];
+    tintColor?: IImageProps['tintColor'];
+    onLoad?: IImageProps['onLoad'];
+    onLoadStart?: IImageProps['onLoadStart'];
+    onLoadEnd?: IImageProps['onLoadEnd'];
+    onError?: IImageProps['onError'];
+    onProgress?: IImageProps['onProgress'];
+    onPartialLoad?: IImageProps['onPartialLoad'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageElement, "image, symbiote-image", never, { "source": { "alias": "source"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "capInsets": { "alias": "capInsets"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "progressiveRenderingEnabled": { "alias": "progressiveRenderingEnabled"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class ImageBackgroundElement extends SymbioteElement {
+    imageStyle?: IAngularImageBackgroundProps['imageStyle'];
+    source?: IImageProps['source'];
+    src?: IImageProps['src'];
+    srcSet?: IImageProps['srcSet'];
+    alt?: IImageProps['alt'];
+    width?: IImageProps['width'];
+    height?: IImageProps['height'];
+    resizeMode?: IImageProps['resizeMode'];
+    resizeMethod?: IImageProps['resizeMethod'];
+    defaultSource?: IImageProps['defaultSource'];
+    loadingIndicatorSource?: IImageProps['loadingIndicatorSource'];
+    blurRadius?: IImageProps['blurRadius'];
+    capInsets?: IImageProps['capInsets'];
+    crossOrigin?: IImageProps['crossOrigin'];
+    referrerPolicy?: IImageProps['referrerPolicy'];
+    fadeDuration?: IImageProps['fadeDuration'];
+    progressiveRenderingEnabled?: IImageProps['progressiveRenderingEnabled'];
+    tintColor?: IImageProps['tintColor'];
+    onLoad?: IImageProps['onLoad'];
+    onLoadStart?: IImageProps['onLoadStart'];
+    onLoadEnd?: IImageProps['onLoadEnd'];
+    onError?: IImageProps['onError'];
+    onProgress?: IImageProps['onProgress'];
+    onPartialLoad?: IImageProps['onPartialLoad'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageBackgroundElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImageBackgroundElement, "image-background", never, { "imageStyle": { "alias": "imageStyle"; "required": false; }; "source": { "alias": "source"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "resizeMode": { "alias": "resizeMode"; "required": false; }; "resizeMethod": { "alias": "resizeMethod"; "required": false; }; "defaultSource": { "alias": "defaultSource"; "required": false; }; "loadingIndicatorSource": { "alias": "loadingIndicatorSource"; "required": false; }; "blurRadius": { "alias": "blurRadius"; "required": false; }; "capInsets": { "alias": "capInsets"; "required": false; }; "crossOrigin": { "alias": "crossOrigin"; "required": false; }; "referrerPolicy": { "alias": "referrerPolicy"; "required": false; }; "fadeDuration": { "alias": "fadeDuration"; "required": false; }; "progressiveRenderingEnabled": { "alias": "progressiveRenderingEnabled"; "required": false; }; "tintColor": { "alias": "tintColor"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class ScrollViewElement extends SymbioteElement {
+    scrollEnabled?: IAngularScrollViewProps['scrollEnabled'];
+    scrollEventThrottle?: IAngularScrollViewProps['scrollEventThrottle'];
+    contentContainerStyle?: IAngularScrollViewProps['contentContainerStyle'];
+    contentInset?: IAngularScrollViewProps['contentInset'];
+    contentInsetAdjustmentBehavior?: IAngularScrollViewProps['contentInsetAdjustmentBehavior'];
+    contentOffset?: IAngularScrollViewProps['contentOffset'];
+    scrollIndicatorInsets?: IAngularScrollViewProps['scrollIndicatorInsets'];
+    showsHorizontalScrollIndicator?: IAngularScrollViewProps['showsHorizontalScrollIndicator'];
+    showsVerticalScrollIndicator?: IAngularScrollViewProps['showsVerticalScrollIndicator'];
+    alwaysBounceHorizontal?: IAngularScrollViewProps['alwaysBounceHorizontal'];
+    alwaysBounceVertical?: IAngularScrollViewProps['alwaysBounceVertical'];
+    bounces?: IAngularScrollViewProps['bounces'];
+    bouncesZoom?: IAngularScrollViewProps['bouncesZoom'];
+    centerContent?: IAngularScrollViewProps['centerContent'];
+    decelerationRate?: IAngularScrollViewProps['decelerationRate'];
+    directionalLockEnabled?: IAngularScrollViewProps['directionalLockEnabled'];
+    disableIntervalMomentum?: IAngularScrollViewProps['disableIntervalMomentum'];
+    endFillColor?: IAngularScrollViewProps['endFillColor'];
+    fadingEdgeLength?: IAngularScrollViewProps['fadingEdgeLength'];
+    indicatorStyle?: IAngularScrollViewProps['indicatorStyle'];
+    invertStickyHeaders?: IAngularScrollViewProps['invertStickyHeaders'];
+    keyboardDismissMode?: IAngularScrollViewProps['keyboardDismissMode'];
+    keyboardShouldPersistTaps?: IAngularScrollViewProps['keyboardShouldPersistTaps'];
+    automaticallyAdjustKeyboardInsets?: IAngularScrollViewProps['automaticallyAdjustKeyboardInsets'];
+    maintainVisibleContentPosition?: IAngularScrollViewProps['maintainVisibleContentPosition'];
+    maximumZoomScale?: IAngularScrollViewProps['maximumZoomScale'];
+    minimumZoomScale?: IAngularScrollViewProps['minimumZoomScale'];
+    zoomScale?: IAngularScrollViewProps['zoomScale'];
+    nestedScrollEnabled?: IAngularScrollViewProps['nestedScrollEnabled'];
+    overScrollMode?: IAngularScrollViewProps['overScrollMode'];
+    pagingEnabled?: IAngularScrollViewProps['pagingEnabled'];
+    persistentScrollbar?: IAngularScrollViewProps['persistentScrollbar'];
+    pinchGestureEnabled?: IAngularScrollViewProps['pinchGestureEnabled'];
+    snapToAlignment?: IAngularScrollViewProps['snapToAlignment'];
+    snapToEnd?: IAngularScrollViewProps['snapToEnd'];
+    snapToInterval?: IAngularScrollViewProps['snapToInterval'];
+    snapToOffsets?: IAngularScrollViewProps['snapToOffsets'];
+    snapToStart?: IAngularScrollViewProps['snapToStart'];
+    stickyHeaderIndices?: IAngularScrollViewProps['stickyHeaderIndices'];
+    onScroll?: IAngularScrollViewProps['onScroll'];
+    onScrollBeginDrag?: IAngularScrollViewProps['onScrollBeginDrag'];
+    onScrollEndDrag?: IAngularScrollViewProps['onScrollEndDrag'];
+    onMomentumScrollBegin?: IAngularScrollViewProps['onMomentumScrollBegin'];
+    onMomentumScrollEnd?: IAngularScrollViewProps['onMomentumScrollEnd'];
+    onScrollToTop?: IAngularScrollViewProps['onScrollToTop'];
+    onContentSizeChange?: IAngularScrollViewProps['onContentSizeChange'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewElement, "scroll-view", never, { "scrollEnabled": { "alias": "scrollEnabled"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; "contentInset": { "alias": "contentInset"; "required": false; }; "contentInsetAdjustmentBehavior": { "alias": "contentInsetAdjustmentBehavior"; "required": false; }; "contentOffset": { "alias": "contentOffset"; "required": false; }; "scrollIndicatorInsets": { "alias": "scrollIndicatorInsets"; "required": false; }; "showsHorizontalScrollIndicator": { "alias": "showsHorizontalScrollIndicator"; "required": false; }; "showsVerticalScrollIndicator": { "alias": "showsVerticalScrollIndicator"; "required": false; }; "alwaysBounceHorizontal": { "alias": "alwaysBounceHorizontal"; "required": false; }; "alwaysBounceVertical": { "alias": "alwaysBounceVertical"; "required": false; }; "bounces": { "alias": "bounces"; "required": false; }; "bouncesZoom": { "alias": "bouncesZoom"; "required": false; }; "centerContent": { "alias": "centerContent"; "required": false; }; "decelerationRate": { "alias": "decelerationRate"; "required": false; }; "directionalLockEnabled": { "alias": "directionalLockEnabled"; "required": false; }; "disableIntervalMomentum": { "alias": "disableIntervalMomentum"; "required": false; }; "endFillColor": { "alias": "endFillColor"; "required": false; }; "fadingEdgeLength": { "alias": "fadingEdgeLength"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "invertStickyHeaders": { "alias": "invertStickyHeaders"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "automaticallyAdjustKeyboardInsets": { "alias": "automaticallyAdjustKeyboardInsets"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "maximumZoomScale": { "alias": "maximumZoomScale"; "required": false; }; "minimumZoomScale": { "alias": "minimumZoomScale"; "required": false; }; "zoomScale": { "alias": "zoomScale"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "overScrollMode": { "alias": "overScrollMode"; "required": false; }; "pagingEnabled": { "alias": "pagingEnabled"; "required": false; }; "persistentScrollbar": { "alias": "persistentScrollbar"; "required": false; }; "pinchGestureEnabled": { "alias": "pinchGestureEnabled"; "required": false; }; "snapToAlignment": { "alias": "snapToAlignment"; "required": false; }; "snapToEnd": { "alias": "snapToEnd"; "required": false; }; "snapToInterval": { "alias": "snapToInterval"; "required": false; }; "snapToOffsets": { "alias": "snapToOffsets"; "required": false; }; "snapToStart": { "alias": "snapToStart"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "onScrollToTop": { "alias": "onScrollToTop"; "required": false; }; "onContentSizeChange": { "alias": "onContentSizeChange"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class HorizontalScrollViewElement extends ScrollViewElement {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollViewElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HorizontalScrollViewElement, "horizontal-scroll-view", never, {}, {}, never, never, true, never>;
+}
+export declare class ScrollContentElement extends SymbioteElement {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollContentElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollContentElement, "scroll-content", never, {}, {}, never, never, true, never>;
+}
+export declare class HorizontalScrollContentElement extends SymbioteElement {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollContentElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HorizontalScrollContentElement, "horizontal-scroll-content", never, {}, {}, never, never, true, never>;
+}

package/build/angular/elements-layout.js

@@ -0,0 +1,242 @@
+import { Directive, Input } from '@angular/core';
+import { SymbioteElement } from './element-base';
+import * as i0 from "@angular/core";
+export class ImageElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ImageElement, isStandalone: true, selector: "image, symbiote-image", inputs: { source: "source", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", resizeMode: "resizeMode", resizeMethod: "resizeMethod", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", blurRadius: "blurRadius", capInsets: "capInsets", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", tintColor: "tintColor", onLoad: "onLoad", onLoadStart: "onLoadStart", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'image, symbiote-image', standalone: true }]
+        }], propDecorators: { source: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], srcSet: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], resizeMode: [{
+                type: Input
+            }], resizeMethod: [{
+                type: Input
+            }], defaultSource: [{
+                type: Input
+            }], loadingIndicatorSource: [{
+                type: Input
+            }], blurRadius: [{
+                type: Input
+            }], capInsets: [{
+                type: Input
+            }], crossOrigin: [{
+                type: Input
+            }], referrerPolicy: [{
+                type: Input
+            }], fadeDuration: [{
+                type: Input
+            }], progressiveRenderingEnabled: [{
+                type: Input
+            }], tintColor: [{
+                type: Input
+            }], onLoad: [{
+                type: Input
+            }], onLoadStart: [{
+                type: Input
+            }], onLoadEnd: [{
+                type: Input
+            }], onError: [{
+                type: Input
+            }], onProgress: [{
+                type: Input
+            }], onPartialLoad: [{
+                type: Input
+            }] } });
+// The box, not the image. Every Image prop below rides the engine's `slotPropsExcept` redirect onto
+// the absolutely-filled image the behavior builds, exactly as RN's own `...props` spread does
+// (ImageBackground.js:81) — so this directive declares them to make the BINDING legal, and the
+// engine decides which node each lands on.
+export class ImageBackgroundElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ImageBackgroundElement, isStandalone: true, selector: "image-background", inputs: { imageStyle: "imageStyle", source: "source", src: "src", srcSet: "srcSet", alt: "alt", width: "width", height: "height", resizeMode: "resizeMode", resizeMethod: "resizeMethod", defaultSource: "defaultSource", loadingIndicatorSource: "loadingIndicatorSource", blurRadius: "blurRadius", capInsets: "capInsets", crossOrigin: "crossOrigin", referrerPolicy: "referrerPolicy", fadeDuration: "fadeDuration", progressiveRenderingEnabled: "progressiveRenderingEnabled", tintColor: "tintColor", onLoad: "onLoad", onLoadStart: "onLoadStart", onLoadEnd: "onLoadEnd", onError: "onError", onProgress: "onProgress", onPartialLoad: "onPartialLoad" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageBackgroundElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'image-background', standalone: true }]
+        }], propDecorators: { imageStyle: [{
+                type: Input
+            }], source: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }], srcSet: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], resizeMode: [{
+                type: Input
+            }], resizeMethod: [{
+                type: Input
+            }], defaultSource: [{
+                type: Input
+            }], loadingIndicatorSource: [{
+                type: Input
+            }], blurRadius: [{
+                type: Input
+            }], capInsets: [{
+                type: Input
+            }], crossOrigin: [{
+                type: Input
+            }], referrerPolicy: [{
+                type: Input
+            }], fadeDuration: [{
+                type: Input
+            }], progressiveRenderingEnabled: [{
+                type: Input
+            }], tintColor: [{
+                type: Input
+            }], onLoad: [{
+                type: Input
+            }], onLoadStart: [{
+                type: Input
+            }], onLoadEnd: [{
+                type: Input
+            }], onError: [{
+                type: Input
+            }], onProgress: [{
+                type: Input
+            }], onPartialLoad: [{
+                type: Input
+            }] } });
+export class ScrollViewElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollViewElement, isStandalone: true, selector: "scroll-view", inputs: { scrollEnabled: "scrollEnabled", scrollEventThrottle: "scrollEventThrottle", contentContainerStyle: "contentContainerStyle", contentInset: "contentInset", contentInsetAdjustmentBehavior: "contentInsetAdjustmentBehavior", contentOffset: "contentOffset", scrollIndicatorInsets: "scrollIndicatorInsets", showsHorizontalScrollIndicator: "showsHorizontalScrollIndicator", showsVerticalScrollIndicator: "showsVerticalScrollIndicator", alwaysBounceHorizontal: "alwaysBounceHorizontal", alwaysBounceVertical: "alwaysBounceVertical", bounces: "bounces", bouncesZoom: "bouncesZoom", centerContent: "centerContent", decelerationRate: "decelerationRate", directionalLockEnabled: "directionalLockEnabled", disableIntervalMomentum: "disableIntervalMomentum", endFillColor: "endFillColor", fadingEdgeLength: "fadingEdgeLength", indicatorStyle: "indicatorStyle", invertStickyHeaders: "invertStickyHeaders", keyboardDismissMode: "keyboardDismissMode", keyboardShouldPersistTaps: "keyboardShouldPersistTaps", automaticallyAdjustKeyboardInsets: "automaticallyAdjustKeyboardInsets", maintainVisibleContentPosition: "maintainVisibleContentPosition", maximumZoomScale: "maximumZoomScale", minimumZoomScale: "minimumZoomScale", zoomScale: "zoomScale", nestedScrollEnabled: "nestedScrollEnabled", overScrollMode: "overScrollMode", pagingEnabled: "pagingEnabled", persistentScrollbar: "persistentScrollbar", pinchGestureEnabled: "pinchGestureEnabled", snapToAlignment: "snapToAlignment", snapToEnd: "snapToEnd", snapToInterval: "snapToInterval", snapToOffsets: "snapToOffsets", snapToStart: "snapToStart", stickyHeaderIndices: "stickyHeaderIndices", onScroll: "onScroll", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", onScrollToTop: "onScrollToTop", onContentSizeChange: "onContentSizeChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollViewElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'scroll-view', standalone: true }]
+        }], propDecorators: { scrollEnabled: [{
+                type: Input
+            }], scrollEventThrottle: [{
+                type: Input
+            }], contentContainerStyle: [{
+                type: Input
+            }], contentInset: [{
+                type: Input
+            }], contentInsetAdjustmentBehavior: [{
+                type: Input
+            }], contentOffset: [{
+                type: Input
+            }], scrollIndicatorInsets: [{
+                type: Input
+            }], showsHorizontalScrollIndicator: [{
+                type: Input
+            }], showsVerticalScrollIndicator: [{
+                type: Input
+            }], alwaysBounceHorizontal: [{
+                type: Input
+            }], alwaysBounceVertical: [{
+                type: Input
+            }], bounces: [{
+                type: Input
+            }], bouncesZoom: [{
+                type: Input
+            }], centerContent: [{
+                type: Input
+            }], decelerationRate: [{
+                type: Input
+            }], directionalLockEnabled: [{
+                type: Input
+            }], disableIntervalMomentum: [{
+                type: Input
+            }], endFillColor: [{
+                type: Input
+            }], fadingEdgeLength: [{
+                type: Input
+            }], indicatorStyle: [{
+                type: Input
+            }], invertStickyHeaders: [{
+                type: Input
+            }], keyboardDismissMode: [{
+                type: Input
+            }], keyboardShouldPersistTaps: [{
+                type: Input
+            }], automaticallyAdjustKeyboardInsets: [{
+                type: Input
+            }], maintainVisibleContentPosition: [{
+                type: Input
+            }], maximumZoomScale: [{
+                type: Input
+            }], minimumZoomScale: [{
+                type: Input
+            }], zoomScale: [{
+                type: Input
+            }], nestedScrollEnabled: [{
+                type: Input
+            }], overScrollMode: [{
+                type: Input
+            }], pagingEnabled: [{
+                type: Input
+            }], persistentScrollbar: [{
+                type: Input
+            }], pinchGestureEnabled: [{
+                type: Input
+            }], snapToAlignment: [{
+                type: Input
+            }], snapToEnd: [{
+                type: Input
+            }], snapToInterval: [{
+                type: Input
+            }], snapToOffsets: [{
+                type: Input
+            }], snapToStart: [{
+                type: Input
+            }], stickyHeaderIndices: [{
+                type: Input
+            }], onScroll: [{
+                type: Input
+            }], onScrollBeginDrag: [{
+                type: Input
+            }], onScrollEndDrag: [{
+                type: Input
+            }], onMomentumScrollBegin: [{
+                type: Input
+            }], onMomentumScrollEnd: [{
+                type: Input
+            }], onScrollToTop: [{
+                type: Input
+            }], onContentSizeChange: [{
+                type: Input
+            }] } });
+export class HorizontalScrollViewElement extends ScrollViewElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: HorizontalScrollViewElement, isStandalone: true, selector: "horizontal-scroll-view", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollViewElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'horizontal-scroll-view', standalone: true }]
+        }] });
+export class ScrollContentElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollContentElement, isStandalone: true, selector: "scroll-content", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollContentElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'scroll-content', standalone: true }]
+        }] });
+export class HorizontalScrollContentElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: HorizontalScrollContentElement, isStandalone: true, selector: "horizontal-scroll-content", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalScrollContentElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'horizontal-scroll-content', standalone: true }]
+        }] });
+//# sourceMappingURL=elements-layout.js.map

package/build/angular/elements-layout.js.map

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

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

@@ -0,0 +1,96 @@
+import type { INativeFeedbackBackground } from '@symbiote-native/components';
+import type { ITextElementProps } from './element-props';
+import type { ICheckboxProps } from './components/checkbox-props';
+import type { IAngularPressableProps } from './components/pressable-props';
+import { SymbioteElement } from './element-base';
+import * as i0 from "@angular/core";
+export declare class ViewElement extends SymbioteElement {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ViewElement, "view, symbiote-view", never, {}, {}, never, never, true, never>;
+}
+export declare class PressableElement extends SymbioteElement {
+    disabled?: IAngularPressableProps['disabled'];
+    cancelable?: IAngularPressableProps['cancelable'];
+    blockNativeResponder?: IAngularPressableProps['blockNativeResponder'];
+    delayLongPress?: IAngularPressableProps['delayLongPress'];
+    delayHoverIn?: IAngularPressableProps['delayHoverIn'];
+    delayHoverOut?: IAngularPressableProps['delayHoverOut'];
+    onHoverIn?: IAngularPressableProps['onHoverIn'];
+    onHoverOut?: IAngularPressableProps['onHoverOut'];
+    pressRetentionOffset?: IAngularPressableProps['pressRetentionOffset'];
+    unstable_pressDelay?: IAngularPressableProps['unstable_pressDelay'];
+    android_ripple?: IAngularPressableProps['android_ripple'];
+    testOnly_pressed?: IAngularPressableProps['testOnly_pressed'];
+    android_disableSound?: IAngularPressableProps['android_disableSound'];
+    hasTVPreferredFocus?: IAngularPressableProps['hasTVPreferredFocus'];
+    nextFocusDown?: IAngularPressableProps['nextFocusDown'];
+    nextFocusForward?: IAngularPressableProps['nextFocusForward'];
+    nextFocusLeft?: IAngularPressableProps['nextFocusLeft'];
+    nextFocusRight?: IAngularPressableProps['nextFocusRight'];
+    nextFocusUp?: IAngularPressableProps['nextFocusUp'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PressableElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PressableElement, "pressable, symbiote-pressable", never, { "disabled": { "alias": "disabled"; "required": false; }; "cancelable": { "alias": "cancelable"; "required": false; }; "blockNativeResponder": { "alias": "blockNativeResponder"; "required": false; }; "delayLongPress": { "alias": "delayLongPress"; "required": false; }; "delayHoverIn": { "alias": "delayHoverIn"; "required": false; }; "delayHoverOut": { "alias": "delayHoverOut"; "required": false; }; "onHoverIn": { "alias": "onHoverIn"; "required": false; }; "onHoverOut": { "alias": "onHoverOut"; "required": false; }; "pressRetentionOffset": { "alias": "pressRetentionOffset"; "required": false; }; "unstable_pressDelay": { "alias": "unstable_pressDelay"; "required": false; }; "android_ripple": { "alias": "android_ripple"; "required": false; }; "testOnly_pressed": { "alias": "testOnly_pressed"; "required": false; }; "android_disableSound": { "alias": "android_disableSound"; "required": false; }; "hasTVPreferredFocus": { "alias": "hasTVPreferredFocus"; "required": false; }; "nextFocusDown": { "alias": "nextFocusDown"; "required": false; }; "nextFocusForward": { "alias": "nextFocusForward"; "required": false; }; "nextFocusLeft": { "alias": "nextFocusLeft"; "required": false; }; "nextFocusRight": { "alias": "nextFocusRight"; "required": false; }; "nextFocusUp": { "alias": "nextFocusUp"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class TouchableOpacityElement extends PressableElement {
+    activeOpacity?: number;
+    delayPressIn?: number;
+    delayPressOut?: number;
+    minPressDuration?: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TouchableOpacityElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TouchableOpacityElement, "touchable-opacity", never, { "activeOpacity": { "alias": "activeOpacity"; "required": false; }; "delayPressIn": { "alias": "delayPressIn"; "required": false; }; "delayPressOut": { "alias": "delayPressOut"; "required": false; }; "minPressDuration": { "alias": "minPressDuration"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class TouchableHighlightElement extends PressableElement {
+    activeOpacity?: number;
+    underlayColor?: string;
+    delayPressIn?: number;
+    delayPressOut?: number;
+    minPressDuration?: number;
+    touchSoundDisabled?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TouchableHighlightElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TouchableHighlightElement, "touchable-highlight", never, { "activeOpacity": { "alias": "activeOpacity"; "required": false; }; "underlayColor": { "alias": "underlayColor"; "required": false; }; "delayPressIn": { "alias": "delayPressIn"; "required": false; }; "delayPressOut": { "alias": "delayPressOut"; "required": false; }; "minPressDuration": { "alias": "minPressDuration"; "required": false; }; "touchSoundDisabled": { "alias": "touchSoundDisabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class TouchableNativeFeedbackElement extends PressableElement {
+    background?: INativeFeedbackBackground;
+    useForeground?: boolean;
+    touchSoundDisabled?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TouchableNativeFeedbackElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TouchableNativeFeedbackElement, "touchable-native-feedback", never, { "background": { "alias": "background"; "required": false; }; "useForeground": { "alias": "useForeground"; "required": false; }; "touchSoundDisabled": { "alias": "touchSoundDisabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class TouchableWithoutFeedbackElement extends PressableElement {
+    delayPressIn?: number;
+    delayPressOut?: number;
+    minPressDuration?: number;
+    touchSoundDisabled?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TouchableWithoutFeedbackElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TouchableWithoutFeedbackElement, "touchable-without-feedback", never, { "delayPressIn": { "alias": "delayPressIn"; "required": false; }; "delayPressOut": { "alias": "delayPressOut"; "required": false; }; "minPressDuration": { "alias": "minPressDuration"; "required": false; }; "touchSoundDisabled": { "alias": "touchSoundDisabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class ButtonElement extends TouchableOpacityElement {
+    title?: string;
+    color?: string;
+    touchSoundDisabled?: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonElement, "button, symbiote-button", never, { "title": { "alias": "title"; "required": false; }; "color": { "alias": "color"; "required": false; }; "touchSoundDisabled": { "alias": "touchSoundDisabled"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class CheckboxElement extends SymbioteElement {
+    value?: ICheckboxProps['value'];
+    disabled?: ICheckboxProps['disabled'];
+    color?: ICheckboxProps['color'];
+    onValueChange?: ICheckboxProps['onValueChange'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckboxElement, "checkbox, symbiote-checkbox", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "onValueChange": { "alias": "onValueChange"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class TextElement extends SymbioteElement {
+    style?: ITextElementProps['style'];
+    styleProp?: ITextElementProps['styleProp'];
+    numberOfLines?: ITextElementProps['numberOfLines'];
+    ellipsizeMode?: ITextElementProps['ellipsizeMode'];
+    selectable?: ITextElementProps['selectable'];
+    adjustsFontSizeToFit?: ITextElementProps['adjustsFontSizeToFit'];
+    minimumFontScale?: ITextElementProps['minimumFontScale'];
+    allowFontScaling?: ITextElementProps['allowFontScaling'];
+    maxFontSizeMultiplier?: ITextElementProps['maxFontSizeMultiplier'];
+    selectionColor?: ITextElementProps['selectionColor'];
+    disabled?: ITextElementProps['disabled'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextElement, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextElement, "text, symbiote-text", never, { "style": { "alias": "style"; "required": false; }; "styleProp": { "alias": "styleProp"; "required": false; }; "numberOfLines": { "alias": "numberOfLines"; "required": false; }; "ellipsizeMode": { "alias": "ellipsizeMode"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "adjustsFontSizeToFit": { "alias": "adjustsFontSizeToFit"; "required": false; }; "minimumFontScale": { "alias": "minimumFontScale"; "required": false; }; "allowFontScaling": { "alias": "allowFontScaling"; "required": false; }; "maxFontSizeMultiplier": { "alias": "maxFontSizeMultiplier"; "required": false; }; "selectionColor": { "alias": "selectionColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}