@symbiote-native/angular 3.2.0 → 3.4.0

package/build/angular/elements-controls.js

@@ -0,0 +1,394 @@
+import { Directive, ElementRef, EventEmitter, Input, Output, Renderer2, forwardRef, inject, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { VALUE_CHANGE_EVENT } from './renderer/value-change';
+import { TextInputNativeInputs } from './element-text-input-native';
+import { ReadBackElement, SymbioteElement, ValueChangeElement, } from './element-base';
+import * as i0 from "@angular/core";
+export class TextInputElement extends TextInputNativeInputs {
+    constructor() {
+        super(...arguments);
+        // NonNullable, not the prop type: `[(value)]="name"` binds a `string`, and an emitter that can
+        // also emit `undefined` fails the two-way assignability check ngtsc runs on the event half.
+        this.valueChange = new EventEmitter();
+    }
+    hasValueSubscriber() {
+        return this.valueChange.observed;
+    }
+    emitValue(value) {
+        if (typeof value === 'string')
+            this.valueChange.emit(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextInputElement, isStandalone: true, selector: "text-input", inputs: { value: "value", defaultValue: "defaultValue", placeholder: "placeholder", placeholderTextColor: "placeholderTextColor", multiline: "multiline", numberOfLines: "numberOfLines", maxLength: "maxLength", editable: "editable", readOnly: "readOnly", autoFocus: "autoFocus", autoCapitalize: "autoCapitalize", autoComplete: "autoComplete", autoCorrect: "autoCorrect", blurOnSubmit: "blurOnSubmit", submitBehavior: "submitBehavior", cursorColor: "cursorColor", enterKeyHint: "enterKeyHint", returnKeyType: "returnKeyType", inputMode: "inputMode", keyboardType: "keyboardType", inputAccessoryViewID: "inputAccessoryViewID", scrollEnabled: "scrollEnabled", secureTextEntry: "secureTextEntry", selectTextOnFocus: "selectTextOnFocus", selection: "selection", selectionColor: "selectionColor", selectionHandleColor: "selectionHandleColor", showSoftInputOnFocus: "showSoftInputOnFocus", textAlign: "textAlign", textContentType: "textContentType", underlineColorAndroid: "underlineColorAndroid", onValueChange: "onValueChange", onChangeText: "onChangeText", onContentSizeChange: "onContentSizeChange", onEndEditing: "onEndEditing", onKeyPress: "onKeyPress", onSelectionChange: "onSelectionChange", onSubmitEditing: "onSubmitEditing" }, outputs: { valueChange: "valueChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'text-input', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], placeholderTextColor: [{
+                type: Input
+            }], multiline: [{
+                type: Input
+            }], numberOfLines: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], autoFocus: [{
+                type: Input
+            }], autoCapitalize: [{
+                type: Input
+            }], autoComplete: [{
+                type: Input
+            }], autoCorrect: [{
+                type: Input
+            }], blurOnSubmit: [{
+                type: Input
+            }], submitBehavior: [{
+                type: Input
+            }], cursorColor: [{
+                type: Input
+            }], enterKeyHint: [{
+                type: Input
+            }], returnKeyType: [{
+                type: Input
+            }], inputMode: [{
+                type: Input
+            }], keyboardType: [{
+                type: Input
+            }], inputAccessoryViewID: [{
+                type: Input
+            }], scrollEnabled: [{
+                type: Input
+            }], secureTextEntry: [{
+                type: Input
+            }], selectTextOnFocus: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], selectionColor: [{
+                type: Input
+            }], selectionHandleColor: [{
+                type: Input
+            }], showSoftInputOnFocus: [{
+                type: Input
+            }], textAlign: [{
+                type: Input
+            }], textContentType: [{
+                type: Input
+            }], underlineColorAndroid: [{
+                type: Input
+            }], onValueChange: [{
+                type: Input
+            }], onChangeText: [{
+                type: Input
+            }], onContentSizeChange: [{
+                type: Input
+            }], onEndEditing: [{
+                type: Input
+            }], onKeyPress: [{
+                type: Input
+            }], onSelectionChange: [{
+                type: Input
+            }], onSubmitEditing: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+export class MultilineTextInputElement extends TextInputElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultilineTextInputElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: MultilineTextInputElement, isStandalone: true, selector: "text-input-multiline", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultilineTextInputElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'text-input-multiline', standalone: true }]
+        }] });
+export class SwitchElement extends ValueChangeElement {
+    constructor() {
+        super(...arguments);
+        this.valueChange = new EventEmitter();
+    }
+    hasValueSubscriber() {
+        return this.valueChange.observed;
+    }
+    emitValue(value) {
+        if (typeof value === 'boolean')
+            this.valueChange.emit(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SwitchElement, isStandalone: true, selector: "switch, symbiote-switch", inputs: { value: "value", disabled: "disabled", trackColor: "trackColor", thumbColor: "thumbColor", ios_backgroundColor: "ios_backgroundColor", onValueChange: "onValueChange" }, outputs: { valueChange: "valueChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'switch, symbiote-switch', standalone: true }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], trackColor: [{
+                type: Input
+            }], thumbColor: [{
+                type: Input
+            }], ios_backgroundColor: [{
+                type: Input
+            }], onValueChange: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+/**
+ * `[(ngModel)]` / `formControlName` on a `<text-input>` or a `<switch>`.
+ *
+ * The wrappers provided `NG_VALUE_ACCESSOR` themselves; a tag has no class for @angular/forms to
+ * call into, so the accessor moves onto a directive of its own rather than being dropped — the
+ * shape Angular's own `DefaultValueAccessor` takes for `<input>`. Providing it unconditionally is
+ * safe: @angular/forms looks the accessor up only when an `ngModel` / `formControl*` directive sits
+ * on the SAME element, so a plain `<switch [(value)]>` never reaches it.
+ *
+ * Everything below goes through `Renderer2`, which is the adapter's own — `setProperty` lands in
+ * `routeProp` and `listen('valueChange')` is already unwrapped to a bare value there, so this
+ * directive holds no fold of its own.
+ */
+class SymbioteValueAccessor {
+    constructor() {
+        this.renderer = inject(Renderer2);
+        this.host = inject(ElementRef);
+    }
+    setProp(name, value) {
+        this.renderer.setProperty(this.host.nativeElement, name, value);
+    }
+    writeValue(value) {
+        this.setProp('value', value ?? undefined);
+    }
+    registerOnChange(fn) {
+        this.unlisten?.();
+        this.unlisten = this.renderer.listen(this.host.nativeElement, VALUE_CHANGE_EVENT, (value) => {
+            // THE HALF THE DOM DOES FOR FREE, and without it a controlled input undoes every
+            // keystroke. `<text-input>`'s behavior re-commands the native text whenever `props.value`
+            // disagrees with what native last reported — that is what makes it controlled — and the
+            // read-back flush exists so the app's new value is on the node by the time the commit runs.
+            // @angular/forms does not reach the node in that window: `NgModel.ngOnChanges` defers
+            // `_updateValue` through `resolvedPromise.then`, so `writeValue` lands a MICROTASK after
+            // the flush, and the commit in between still reads the value from before the keystroke.
+            //
+            // In a browser there is nothing to do here: `input.value` already holds what the user
+            // typed. `node.props.value` is the same slot, and nothing else writes it — so the accessor
+            // mirrors it, which is the shape rather than a workaround. A later `writeValue` still wins,
+            // so an app that transforms or refuses the value keeps doing so, one microtask on.
+            //
+            // Without this, every character snaps the field back to its mounted text.
+            this.setProp('value', value);
+            fn(value);
+        });
+    }
+    // Native has no blur-driven "touched" signal distinct from `blur`, and RN's own onBlur is what an
+    // app binds — so touched is driven off the same event rather than a second channel.
+    registerOnTouched(fn) {
+        this.setProp('onBlur', () => fn());
+    }
+    setDisabledState(isDisabled) {
+        this.writeDisabled(isDisabled);
+    }
+    ngOnDestroy() {
+        this.unlisten?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteValueAccessor, isStandalone: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteValueAccessor, decorators: [{
+            type: Directive
+        }] });
+export class TextInputValueAccessor extends SymbioteValueAccessor {
+    writeDisabled(isDisabled) {
+        this.setProp('editable', !isDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TextInputValueAccessor, isStandalone: true, selector: "text-input[ngModel], text-input[formControl], text-input[formControlName], text-input-multiline[ngModel], text-input-multiline[formControl], text-input-multiline[formControlName]", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => TextInputValueAccessor),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TextInputValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'text-input[ngModel], text-input[formControl], text-input[formControlName], text-input-multiline[ngModel], text-input-multiline[formControl], text-input-multiline[formControlName]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => TextInputValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+export class SwitchValueAccessor extends SymbioteValueAccessor {
+    writeDisabled(isDisabled) {
+        this.setProp('disabled', isDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchValueAccessor, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SwitchValueAccessor, isStandalone: true, selector: "switch[ngModel], switch[formControl], switch[formControlName]", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwitchValueAccessor),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SwitchValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'switch[ngModel], switch[formControl], switch[formControlName]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SwitchValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+// The HOST — RN's centering RCTView (ActivityIndicator.js:112), which is the tag an app writes.
+// The four spinner props are declared here because that is where the app writes them; the engine's
+// behavior redirects them onto the spinner it builds underneath (`slotProps`).
+export class ActivityIndicatorElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ActivityIndicatorElement, isStandalone: true, selector: "activity-indicator", inputs: { animating: "animating", color: "color", size: "size", hidesWhenStopped: "hidesWhenStopped" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'activity-indicator', standalone: true }]
+        }], propDecorators: { animating: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], hidesWhenStopped: [{
+                type: Input
+            }] } });
+// The native spinner. Built by the behavior's `buildStructure` and by the wrapper's render fn, never
+// written in an app template — declared only so the tag alphabet stays covered, the same as
+// `scroll-content`.
+export class ActivityIndicatorSpinnerElement extends ActivityIndicatorElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorSpinnerElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ActivityIndicatorSpinnerElement, isStandalone: true, selector: "activity-indicator-spinner", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ActivityIndicatorSpinnerElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'activity-indicator-spinner', standalone: true }]
+        }] });
+export class SafeAreaViewElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SafeAreaViewElement, isStandalone: true, selector: "safe-area-view", usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeAreaViewElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'safe-area-view', standalone: true }]
+        }] });
+// RN's `experimental_LayoutConformance`: the tag paints as `display: contents` through its fold
+export class LayoutConformanceElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutConformanceElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LayoutConformanceElement, isStandalone: true, selector: "layout-conformance", inputs: { mode: "mode" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutConformanceElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'layout-conformance', standalone: true }]
+        }], propDecorators: { mode: [{
+                type: Input
+            }] } });
+export class ModalElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ModalElement, isStandalone: true, selector: "modal, symbiote-modal", inputs: { visible: "visible", transparent: "transparent", animationType: "animationType", presentationStyle: "presentationStyle", supportedOrientations: "supportedOrientations", hardwareAccelerated: "hardwareAccelerated", statusBarTranslucent: "statusBarTranslucent", navigationBarTranslucent: "navigationBarTranslucent", allowSwipeDismissal: "allowSwipeDismissal", backdropColor: "backdropColor" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'modal, symbiote-modal', standalone: true }]
+        }], propDecorators: { visible: [{
+                type: Input
+            }], transparent: [{
+                type: Input
+            }], animationType: [{
+                type: Input
+            }], presentationStyle: [{
+                type: Input
+            }], supportedOrientations: [{
+                type: Input
+            }], hardwareAccelerated: [{
+                type: Input
+            }], statusBarTranslucent: [{
+                type: Input
+            }], navigationBarTranslucent: [{
+                type: Input
+            }], allowSwipeDismissal: [{
+                type: Input
+            }], backdropColor: [{
+                type: Input
+            }] } });
+export class RefreshControlElement extends ReadBackElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RefreshControlElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: RefreshControlElement, isStandalone: true, selector: "refresh-control", inputs: { refreshing: "refreshing", enabled: "enabled", colors: "colors", tintColor: "tintColor", title: "title", titleColor: "titleColor", size: "size", progressBackgroundColor: "progressBackgroundColor", progressViewOffset: "progressViewOffset", onRefresh: "onRefresh" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RefreshControlElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'refresh-control', standalone: true }]
+        }], propDecorators: { refreshing: [{
+                type: Input
+            }], enabled: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], tintColor: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], titleColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], progressBackgroundColor: [{
+                type: Input
+            }], progressViewOffset: [{
+                type: Input
+            }], onRefresh: [{
+                type: Input
+            }] } });
+export class StickyHeaderElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StickyHeaderElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: StickyHeaderElement, isStandalone: true, selector: "sticky-header", inputs: { inverted: "inverted", nextHeaderLayoutY: "nextHeaderLayoutY", scrollAnimatedValue: "scrollAnimatedValue", scrollViewHeight: "scrollViewHeight" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StickyHeaderElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'sticky-header', standalone: true }]
+        }], propDecorators: { inverted: [{
+                type: Input
+            }], nextHeaderLayoutY: [{
+                type: Input
+            }], scrollAnimatedValue: [{
+                type: Input
+            }], scrollViewHeight: [{
+                type: Input
+            }] } });
+export class InputAccessoryViewElement extends SymbioteElement {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InputAccessoryViewElement, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: InputAccessoryViewElement, isStandalone: true, selector: "input-accessory-view", inputs: { backgroundColor: "backgroundColor" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InputAccessoryViewElement, decorators: [{
+            type: Directive,
+            args: [{ selector: 'input-accessory-view', standalone: true }]
+        }], propDecorators: { backgroundColor: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=elements-controls.js.map

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

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

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

@@ -0,0 +1,139 @@
+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'];
+    resizeMultiplier?: IImageProps['resizeMultiplier'];
+    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; }; "resizeMultiplier": { "alias": "resizeMultiplier"; "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'];
+    resizeMultiplier?: IImageProps['resizeMultiplier'];
+    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; }; "resizeMultiplier": { "alias": "resizeMultiplier"; "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'];
+    onKeyboardWillShow?: IAngularScrollViewProps['onKeyboardWillShow'];
+    onKeyboardWillHide?: IAngularScrollViewProps['onKeyboardWillHide'];
+    onKeyboardDidShow?: IAngularScrollViewProps['onKeyboardDidShow'];
+    onKeyboardDidHide?: IAngularScrollViewProps['onKeyboardDidHide'];
+    automaticallyAdjustContentInsets?: IAngularScrollViewProps['automaticallyAdjustContentInsets'];
+    automaticallyAdjustsScrollIndicatorInsets?: IAngularScrollViewProps['automaticallyAdjustsScrollIndicatorInsets'];
+    canCancelContentTouches?: IAngularScrollViewProps['canCancelContentTouches'];
+    experimental_endDraggingSensitivityMultiplier?: IAngularScrollViewProps['experimental_endDraggingSensitivityMultiplier'];
+    innerViewRef?: IAngularScrollViewProps['innerViewRef'];
+    onScrollAnimationEnd?: IAngularScrollViewProps['onScrollAnimationEnd'];
+    scrollPerfTag?: IAngularScrollViewProps['scrollPerfTag'];
+    scrollToOverflowEnabled?: IAngularScrollViewProps['scrollToOverflowEnabled'];
+    scrollsChildToFocus?: IAngularScrollViewProps['scrollsChildToFocus'];
+    scrollsToTop?: IAngularScrollViewProps['scrollsToTop'];
+    stickyHeaderHiddenOnScroll?: IAngularScrollViewProps['stickyHeaderHiddenOnScroll'];
+    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; }; "onKeyboardWillShow": { "alias": "onKeyboardWillShow"; "required": false; }; "onKeyboardWillHide": { "alias": "onKeyboardWillHide"; "required": false; }; "onKeyboardDidShow": { "alias": "onKeyboardDidShow"; "required": false; }; "onKeyboardDidHide": { "alias": "onKeyboardDidHide"; "required": false; }; "automaticallyAdjustContentInsets": { "alias": "automaticallyAdjustContentInsets"; "required": false; }; "automaticallyAdjustsScrollIndicatorInsets": { "alias": "automaticallyAdjustsScrollIndicatorInsets"; "required": false; }; "canCancelContentTouches": { "alias": "canCancelContentTouches"; "required": false; }; "experimental_endDraggingSensitivityMultiplier": { "alias": "experimental_endDraggingSensitivityMultiplier"; "required": false; }; "innerViewRef": { "alias": "innerViewRef"; "required": false; }; "onScrollAnimationEnd": { "alias": "onScrollAnimationEnd"; "required": false; }; "scrollPerfTag": { "alias": "scrollPerfTag"; "required": false; }; "scrollToOverflowEnabled": { "alias": "scrollToOverflowEnabled"; "required": false; }; "scrollsChildToFocus": { "alias": "scrollsChildToFocus"; "required": false; }; "scrollsToTop": { "alias": "scrollsToTop"; "required": false; }; "stickyHeaderHiddenOnScroll": { "alias": "stickyHeaderHiddenOnScroll"; "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>;
+}